diff --git a/12768.async.js b/12768.async.js
index 2ea8620c07..718108755e 100644
--- a/12768.async.js
+++ b/12768.async.js
@@ -143,7 +143,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -284,8 +285,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/35574.async.js b/35574.async.js
index e944c99b4e..7cbaf757ca 100644
--- a/35574.async.js
+++ b/35574.async.js
@@ -144,7 +144,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -285,8 +286,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/officetopng.html b/officetopng.html
new file mode 100644
index 0000000000..65dd198d43
--- /dev/null
+++ b/officetopng.html
@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>头歌实践教学平台</title>
+  <link id="dynamic-favicon" rel="shortcut icon"
+    href="https://ali-cdn.educoder.net/images/avatars/LaboratorySetting/1tab?t=1610677202">
+</head>
+
+<body>
+  <style>
+    html {
+      height: 100%;
+      width: 100%;
+      padding: 0;
+      margin: 0;
+    }
+
+    body,div {
+      height: 100%;
+      width: 100%;
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+  <img id="img" width="100%">
+  <script>
+    var pattern = /(\w+)=([^\#&]*)/ig;
+    var parames = {};
+    location.href.replace(pattern, function (attr, key, value) {
+      parames[key] = decodeURI(value);
+    });
+    //生成随机字符串
+    function randomString(len) {
+      len = len || 32;
+      var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
+      var maxPos = $chars.length;
+      var pwd = '';
+      for (var i = 0; i < len; i++) {
+        pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
+      }
+      return pwd;
+    }
+
+    var key = randomString(20)
+    var url = parames.url || "https://officedata.educoder.net/wopi/download/4069230";
+    var fileType = parames.fileType || "docx";
+    var title = parames.title + "—" + key;
+    var model = parames.model || "edit";
+    var callbackUrl = parames.callbackUrl || "https://officedata.educoder.net/wopi/files/save";
+
+    if (!url.startsWith("http")) {
+      url = top.location.origin + url
+    }
+
+    if (!callbackUrl.startsWith("http")) {
+      callbackUrl = top.location.origin + callbackUrl
+    }
+
+    function initDoc(key, url, fileType, title, model, callbackUrl) {
+      let config = {
+        "document": {
+          "documentType": "text",
+          "width": "100%", //打开窗口宽度
+          "height": "100%", //打开窗口高度
+          "fileType": fileType, //文档类型
+          "key": key, //定义用于服务识别文档的唯一文档标识符。每次编辑和保存文档时，都必须重新生成密钥。长度限制为128个符号。
+          "title": title, //为查看或编辑的文档定义所需的文件名，该文件名也将在下载文档时用作文件名。长度限制为128个符号。
+          "url": url, //定义存储原始查看或编辑的文档的绝对URL
+          "info": {
+            "owner": "王重阳", //文件创建者名称
+            "sharingSettings": [ //文件对应用户的操作权限配置
+              {
+                "permissions": "Full Access", // 完全操作权限-Full Access,只读权限-Read Only 拒绝访问-Deny Access
+                "user": "林朝英" //有次权限的用户
+              },
+              {
+                "permissions": "Read Only",
+                "user": "周伯通"
+              },
+            ],
+            "uploaded": "2010-07-07 3:46 PM" //文件创建时间
+          },
+          //文档权限参数
+          "permissions": {
+            "edit": true, //（文件是否可以编辑，false时文件不可编辑）
+            "fillForms": true, //定义是否能在文档中填充表单
+            "print": false, //定义文档是否能打印
+            "review": true, //第一是否显示审阅文档菜单
+            "comment": true, //定义是否可以注释文档。如果注释权限设置为“ true”，则文档侧栏将包含“注释”菜单选项；只有将mode参数设置为edit时才生效，默认值与edit参数的值一致。
+            "copy": true, //是否允许您将内容复制到剪贴板。默认值为true。
+            "download": parames.disabledDownload !== "true", //定义是否可以下载文档或仅在线查看或编辑文档。如果下载权限设置为“false”下载为菜单选项将没有。默认值为true。
+            "modifyContentControl": true, //定义是否可以更改内容控件设置。仅当mode参数设置为edit时，内容控件修改才可用于文档编辑器。默认值为true。
+            "modifyFilter": true, //定义过滤器是否可以全局应用（true）影响所有其他用户，或局部应用（false），即仅适用于当前用户。如果将mode参数设置为edit，则过滤器修改仅对电子表格编辑器可用。默认值为true。
+          }
+        },
+        // type: "embedded",
+        //打开文档类型
+        // text对应各种文档类型(.doc, .docm, .docx, .dot, .dotm, .dotx, .epub, .fodt, .htm, .html, .mht, .odt, .ott, .pdf, .rtf, .txt, .djvu, .xps)
+        //spreadsheet对应表格类型(.csv, .fods, .ods, .ots, .xls, .xlsm, .xlsx, .xlt, .xltm, .xltx)
+        //presentation对应PPT类型(.fodp, .odp, .otp, .pot, .potm, .potx, .pps, .ppsm, .ppsx, .ppt, .pptm, .pptx)
+        "editorConfig": { //编辑配置
+          "createUrl": "http://docServer:port/url-to-create-document/", //指定创建文件的页面,添加该配置后文档服务器插件才会显示新建文件按钮
+          "mode": model, //文档操作模式 view 视图模式不可编辑  edit 编辑模式可编辑文档
+          "callbackUrl": callbackUrl, //保存文件时的回调地址
+          "lang": "zh-CN", //语言环境
+          "customization": { //定制部分允许自定义编辑器界面，使其看起来像您的其他产品，并更改是否存在其他按钮，链接，更改徽标和编辑者所有者详细信息。
+            "help": false, //定义是显示还是隐藏“帮助”菜单按钮。默认值为true。
+            "hideRightMenu": false, //定义在第一次加载时是显示还是隐藏右侧菜单。默认值为false。
+            "autosave": false, //定义是启用还是禁用“自动保存”菜单选项。请注意，如果您在菜单中更改此选项，它将被保存到浏览器的localStorage中。默认值为true。
+            "forcesave": true, //定义保存按钮是否显示默认false
+            "chat": false, //定义“聊天”菜单按钮是显示还是隐藏；请注意，如果您隐藏“聊天”按钮，则相应的聊天功能也将被禁用。默认值为true。
+            "commentAuthorOnly": false, //定义用户是否只能编辑和删除他的评论。默认值为false。
+            "comments": true, //定义是显示还是隐藏“注释”菜单按钮；请注意，如果您隐藏“评论”按钮，则相应的评论功能将仅可用于查看，评论的添加和编辑将不可用。默认值为true。
+            "compactHeader": false, //定义是否将菜单栏放在在徽标旁边使界面更加紧凑默认false。
+            "compactToolbar": false, //定义显示的顶部工具栏类型是完整（false）还是紧凑true。默认值为false 多余菜单将在右侧折叠点击显示。
+            "compatibleFeatures": false, //定义仅与OOXML格式兼容的功能的使用。例如，不要在整个文档上使用注释。默认值为false。
+            "macros": false, //定义是否将运行文档宏以及可用的宏设置。默认值为true。
+            "macrosMode": "warn", //定义是否将运行文档宏。可以采用以下值： disable -根本不运行；enable -自动运行所有宏；warn -警告宏并请求允许运行。默认值为original。
+            "plugins": false, //定义是否将启动插件并可用。默认值为true。
+            "showReviewChanges": false, //定义在加载编辑器时是否自动显示或隐藏审阅更改面板。默认值为false。
+            "spellcheck": false, //定义在加载编辑器时是否自动打开或关闭拼写检查器。拼写检查器仅适用于文档编辑器和演示文稿编辑器。默认值为true。
+            "toolbarNoTabs": false, //定义是突出显示顶部工具栏选项卡样式。默认值为false。
+            "unit": "cm", //定义在标尺和对话框中使用的度量单位。可以采用以下值：cm -厘米，pt-点，inch -英寸。默认值为厘米（cm）。
+            "zoom": -2, //定义以百分比为单位的文档显示缩放值。可以取大于0的值。对于文本文档和演示文稿，可以将此参数设置为-1（使文档适合页面选项）或-2（使文档页面宽度适合编辑器页面）。默认值为100。
+            "customer": { //关于 文档编辑器的显示信息
+              "address": "My City, 123a-45", //有权访问编辑或编辑作者的公司或个人的邮政地址，
+              "info": "Some additional information", //有关您希望其他人认识的公司或个人的一些其他信息，
+              "logo": "https://ali-cdn.educoder.net/images/avatars/LaboratorySetting/1tab?t=1610677202", //图片徽标的路径（此文件没有特别建议，但是如果使用透明背景的.png格式会更好）。图片必须具有以下尺寸：432x70，
+              "mail": "john@example.com", //有权访问编辑者或编辑者的公司或个人的电子邮件地址
+              "name": "欧阳锋", //该公司或个人的谁可以访问编辑或编辑作者，名称
+              "www": "example.com" //以上公司或个人的家庭网站地址，
+            },
+            "feedback": { //反馈配置信息
+              "url": "https://example.com", //单击“反馈和支持”菜单按钮时将打开的网站地址的绝对URL ，
+              "visible": false //显示或隐藏“反馈和支持”菜单按钮，
+            },
+            // "goback": { //定义“打开文件位置”菜单按钮和右上角按钮的设置。该对象具有以下参数：
+            //     "visible": false,//显示或隐藏“反馈和支持”菜单按钮，
+            //     "blank": true, //在新的浏览器选项卡/窗口（如果值设置为true）或当前选项卡（如果值设置为false）中打开网站。默认值为true，
+            //     "requestClose": false, //定义如果单击“打开文件位置”按钮，则调用events.onRequestClose事件，而不是打开浏览器选项卡或窗口。默认值为false，
+            //     "text": "Open file location", //将在“打开文件位置”菜单按钮和右上角按钮（即，而不是“转到文档”）上显示的文本，
+            //     "url": "https://example.com" //单击“打开文件位置”菜单按钮时将打开的网站地址的绝对URL ，
+
+            // },
+            "logo": {
+              "image": "https://ali-cdn.educoder.net/images/avatars/LaboratorySetting/1tab?t=1610677202", //图像文件的路径，用于在普通工作模式下显示（即，在所有编辑器的查看和编辑模式下）。图片必须具有以下尺寸：172x40，
+              "imageEmbedded": "https://ali-cdn.educoder.net/images/avatars/LaboratorySetting/1tab?t=1610677202", //用于以嵌入式模式显示的图像文件的路径（请参阅config部分以了解如何定义嵌入式文档类型）。图片必须具有以下尺寸：248x40，
+              "url": "https://www.educoder.net" //某人单击徽标图像时将使用的绝对URL（可用于转到您的网站等）。保留为空字符串或null以使徽标不可单击，
+            },
+          },
+          "user": { //用户信息
+            "id": "admin", //用户ID
+            "name": "操作员" //用户全名称
+          },
+          "embedded": { //Embedded部分仅适用于嵌入式文档类型（请参阅config部分以了解如何定义嵌入式文档类型）。它允许更改设置，这些设置定义嵌入式模式下按钮的行为。
+            "embedUrl": "https://example.com/embedded?doc=exampledocument1.docx", //定义文档的绝对URL，以作为嵌入到网页中的文档的源文件
+            "fullscreenUrl": "https://example.com/embedded?doc=exampledocument1.docx#fullscreen", //定义将以全屏模式打开的文档的绝对URL。
+            "saveUrl": "https://example.com/download?doc=exampledocument1.docx", //定义允许将文档保存到用户个人计算机上的绝对URL。
+            "shareUrl": "https://example.com/view?doc=exampledocument1.docx", //定义允许其他用户共享此文档的绝对URL。
+            "toolbarDocked": "top" //定义嵌入式查看器工具栏的位置，可以为top或bottom。
+          }
+        },
+
+        "events": { //事件配置
+          // onAppReady,//-将应用程序加载到浏览器时调用的函数。
+          // onCollaborativeChanges //-当文档由其他用户在严格共同编辑模式下共同编辑时调用的函数。
+          // onDocumentReady,//-将应用程序加载到浏览器时调用的函数。
+          // onDocumentStateChange,//-修改文档时调用的函数。这就是所谓的使用参数：{真正的“数据”}在当前用户编辑文档以及与参数：{“数据”：假}在当前用户的更改发送到文档编辑服务。
+          // onDownloadAs,//-调用downloadAs方法时，使用指向已编辑文件的绝对URL调用的函数。在data参数中发送要下载的文档的绝对URL 。
+          // onError,//-发生错误或其他特定事件时调用的函数。错误消息在data参数中发送。
+          // onInfo,//-应用程序打开文件时调用的函数。该模式在data.mode参数中发送。可以查看或编辑。
+          // onMetaChange,//-通过meta命令更改文档的元信息时调用的函数。文档名称通过data.title参数发送。
+          // onOutdatedVersion,//-使用旧的document.key值打开文档进行编辑时，显示错误后调用的函数，该值用于编辑先前的文档版本并已成功保存。调用此事件时，必须使用新的document.key重新初始化编辑器。
+          // onReady,//-将应用程序加载到浏览器时调用的函数。自从5.0版本不推荐使用，请使用onAppReady代替
+          // onRequestClose,//-结束编辑器的工作并且必须关闭编辑器时调用的函数。
+          // onRequestCompareFile,//-用户尝试通过单击“存储中的文档”按钮来选择要比较的文档时调用的函数。要选择要比较的文档，必须调用setRevisedFile方法。如果未声明该方法，则不会显示“来自存储的文档”按钮。
+          // onRequestCreateNew,//-用户尝试通过单击“新建”按钮来创建文档时调用的函数。使用此方法代替createUrl字段。如果未声明该方法且未指定createUrl，则将不会显示“创建新”按钮。
+          // onRequestEditRights,//-用户尝试通过单击“编辑文档”按钮尝试将文档从视图切换到编辑模式时调用的函数。调用该函数时，必须在编辑模式下再次初始化编辑器。如果未声明该方法，则不会显示“编辑”按钮。
+          // onRequestHistory,//-用户尝试通过单击“版本历史记录”按钮显示文档版本历史记录时调用的函数。要显示文档版本历史，您必须调用refreshHistory方法。如果未声明该方法和onRequestHistoryData方法，则不会显示“版本历史记录”按钮。
+          // onRequestHistoryClose,//-当用户尝试通过单击“关闭历史记录”按钮来查看文档版本历史记录时，试图调用该文档时调用的函数。调用该函数时，必须在编辑模式下再次初始化编辑器。如果未声明该方法，则不会显示“关闭历史记录”按钮。
+          // onRequestHistoryData,//-用户尝试单击文档版本历史记录中的特定文档版本时调用的函数。
+          // onRequestInsertImage,//-用户尝试通过单击“保存图像”按钮插入图像时调用的函数。图像插入的类型在参数data.c中指定。
+          // onRequestRename,//-用户尝试通过单击“重命名...”按钮重命名文件时调用的函数。
+          // onRequestRestore,//-用户单击版本历史记录中的“还原”按钮来还原文件版本时调用的函数。
+          // onRequestSaveAs,//-用户尝试通过单击“另存为...”按钮保存文件时调用的函数。文档的标题和要下载的文档的绝对URL在data参数中发送。如果未声明该方法，则不会显示“另存为...”按钮。
+          // onRequestSharingSettings,//-用户单击“更改访问权限”按钮来管理文档访问权限时调用的函数。必须调用setSharingSettings方法来更新有关允许与其他用户共享文档的设置的信息。如果未声明该方法，则不会显示“更改访问权限”按钮。
+          // onRequestUsers,//-评论者可以选择要在评论中提及的其他用户时调用的函数。要设置用户列表，必须调用setUsers方法。
+          // onWarning,//-发生警告时调用的函数。警告消息在data参数中发送。
+          // "onDocumentStateChange": function() {
+          // }, //文档改变后的回调
+          //"onDocumentReady" : onDocumentReady, //文档初始化准备好后的回调
+        },
+      };
+      var docEditor = new DocsAPI.DocEditor("placeholder", config);
+    }
+
+
+    var scripts = document.createElement("script");
+    scripts.type = "text/javascript";
+    if (parames.officeServer) {
+      scripts.src = parames.officeServer + "/web-apps/apps/api/documents/api.js";
+    } else {
+      scripts.src = top.location.protocol + "//" + top.location.hostname + ":9011/web-apps/apps/api/documents/api.js";
+    }
+    document.body.appendChild(scripts);
+
+
+    var documentUrl = parames.officeServer || top.location.origin;
+    fetch(`${window.top.origin}/api/attachments/get_picture.json?async=true&filetype=${parames.fileType}&key=${parames.key}&outputtype=png&title=edu&url=${parames.url}`, {
+      method: "GET",
+      mode: "cors"
+    })
+      .then(response => {
+        return response.json();
+      })
+      .then(xmlString => {
+        document.getElementById("img").src = xmlString.FileResult.FileUrl
+
+      })
+      .catch(error => {
+      });
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/p__Classrooms__Lists__Attachment__index.async.js b/p__Classrooms__Lists__Attachment__index.async.js
index 7d05fc8958..964124f830 100644
--- a/p__Classrooms__Lists__Attachment__index.async.js
+++ b/p__Classrooms__Lists__Attachment__index.async.js
@@ -185,7 +185,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -326,8 +327,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__CommonHomework__Detail__index.async.js b/p__Classrooms__Lists__CommonHomework__Detail__index.async.js
index d2bff1c07b..21607253ac 100644
--- a/p__Classrooms__Lists__CommonHomework__Detail__index.async.js
+++ b/p__Classrooms__Lists__CommonHomework__Detail__index.async.js
@@ -1528,7 +1528,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1669,8 +1670,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__Add__index.async.js b/p__Classrooms__Lists__Exercise__Add__index.async.js
index 15cd9bab5f..cdb8e7383d 100644
--- a/p__Classrooms__Lists__Exercise__Add__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Add__index.async.js
@@ -265,7 +265,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -406,8 +407,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__Answer__index.async.js b/p__Classrooms__Lists__Exercise__Answer__index.async.js
index 145e4a6da6..b893529239 100644
--- a/p__Classrooms__Lists__Exercise__Answer__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Answer__index.async.js
@@ -281,7 +281,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -422,8 +423,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__Detail__index.async.js b/p__Classrooms__Lists__Exercise__Detail__index.async.js
index ab60851217..455f93f791 100644
--- a/p__Classrooms__Lists__Exercise__Detail__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Detail__index.async.js
@@ -421,7 +421,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -562,8 +563,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__Export__index.async.js b/p__Classrooms__Lists__Exercise__Export__index.async.js
index d1a9be935c..78b6fea423 100644
--- a/p__Classrooms__Lists__Exercise__Export__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Export__index.async.js
@@ -575,7 +575,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -716,8 +717,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__ImitateAnswer__index.async.js b/p__Classrooms__Lists__Exercise__ImitateAnswer__index.async.js
index 1642d0ecb1..56dcbaa0ee 100644
--- a/p__Classrooms__Lists__Exercise__ImitateAnswer__index.async.js
+++ b/p__Classrooms__Lists__Exercise__ImitateAnswer__index.async.js
@@ -255,7 +255,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -396,8 +397,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Exercise__Review__index.async.js b/p__Classrooms__Lists__Exercise__Review__index.async.js
index c4c5e392af..18502a61dd 100644
--- a/p__Classrooms__Lists__Exercise__Review__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Review__index.async.js
@@ -303,7 +303,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -444,8 +445,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__GroupHomework__Detail__index.async.js b/p__Classrooms__Lists__GroupHomework__Detail__index.async.js
index 216af9cd76..aae0b38bb5 100644
--- a/p__Classrooms__Lists__GroupHomework__Detail__index.async.js
+++ b/p__Classrooms__Lists__GroupHomework__Detail__index.async.js
@@ -1497,7 +1497,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1638,8 +1639,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__OnlineLearning__index.async.js b/p__Classrooms__Lists__OnlineLearning__index.async.js
index 4821e0cb02..1489ba565d 100644
--- a/p__Classrooms__Lists__OnlineLearning__index.async.js
+++ b/p__Classrooms__Lists__OnlineLearning__index.async.js
@@ -1434,7 +1434,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1575,8 +1576,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__Polls__Detail__index.async.js b/p__Classrooms__Lists__Polls__Detail__index.async.js
index cbd4d52ba5..847eb7036e 100644
--- a/p__Classrooms__Lists__Polls__Detail__index.async.js
+++ b/p__Classrooms__Lists__Polls__Detail__index.async.js
@@ -230,7 +230,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -371,8 +372,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__ProgramHomework__Comment__index.async.js b/p__Classrooms__Lists__ProgramHomework__Comment__index.async.js
index b006f7e564..247bf5ee57 100644
--- a/p__Classrooms__Lists__ProgramHomework__Comment__index.async.js
+++ b/p__Classrooms__Lists__ProgramHomework__Comment__index.async.js
@@ -316,7 +316,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -457,8 +458,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__ProgramHomework__Detail__index.async.js b/p__Classrooms__Lists__ProgramHomework__Detail__index.async.js
index 942d934a86..289bccdcab 100644
--- a/p__Classrooms__Lists__ProgramHomework__Detail__index.async.js
+++ b/p__Classrooms__Lists__ProgramHomework__Detail__index.async.js
@@ -169,7 +169,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -310,8 +311,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__ShixunHomeworks__Comment__index.async.js b/p__Classrooms__Lists__ShixunHomeworks__Comment__index.async.js
index 5b15928290..d27ec43519 100644
--- a/p__Classrooms__Lists__ShixunHomeworks__Comment__index.async.js
+++ b/p__Classrooms__Lists__ShixunHomeworks__Comment__index.async.js
@@ -397,7 +397,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -538,8 +539,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Classrooms__Lists__ShixunHomeworks__Detail__index.async.js b/p__Classrooms__Lists__ShixunHomeworks__Detail__index.async.js
index 981ca4ac83..67273eaa11 100644
--- a/p__Classrooms__Lists__ShixunHomeworks__Detail__index.async.js
+++ b/p__Classrooms__Lists__ShixunHomeworks__Detail__index.async.js
@@ -1278,7 +1278,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1419,8 +1420,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Competitions__Detail__index.async.js b/p__Competitions__Detail__index.async.js
index dfb14957e6..e98685bbf1 100644
--- a/p__Competitions__Detail__index.async.js
+++ b/p__Competitions__Detail__index.async.js
@@ -373,7 +373,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -514,8 +515,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Competitions__Edit__index.async.js b/p__Competitions__Edit__index.async.js
index b3d947caa5..b461f765a3 100644
--- a/p__Competitions__Edit__index.async.js
+++ b/p__Competitions__Edit__index.async.js
@@ -473,7 +473,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -614,8 +615,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Demo__index.async.js b/p__Demo__index.async.js
index 88675c36d4..4e37f8742d 100644
--- a/p__Demo__index.async.js
+++ b/p__Demo__index.async.js
@@ -600,7 +600,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -741,8 +742,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Engineering__Lists__CurseSetting__index.async.js b/p__Engineering__Lists__CurseSetting__index.async.js
index 6cb9b6f854..32e605fbc7 100644
--- a/p__Engineering__Lists__CurseSetting__index.async.js
+++ b/p__Engineering__Lists__CurseSetting__index.async.js
@@ -227,7 +227,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -368,8 +369,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Engineering__Lists__Document__index.async.js b/p__Engineering__Lists__Document__index.async.js
index a0e8ea364f..f37f797970 100644
--- a/p__Engineering__Lists__Document__index.async.js
+++ b/p__Engineering__Lists__Document__index.async.js
@@ -185,7 +185,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -326,8 +327,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Engineering__Lists__TrainingProgram__index.async.js b/p__Engineering__Lists__TrainingProgram__index.async.js
index faeb719852..e2ecaf5c2b 100644
--- a/p__Engineering__Lists__TrainingProgram__index.async.js
+++ b/p__Engineering__Lists__TrainingProgram__index.async.js
@@ -227,7 +227,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -368,8 +369,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Ideology__Case__CourseInfo__index.async.js b/p__Ideology__Case__CourseInfo__index.async.js
index 22c771ddb3..21ff4a431f 100644
--- a/p__Ideology__Case__CourseInfo__index.async.js
+++ b/p__Ideology__Case__CourseInfo__index.async.js
@@ -1196,21 +1196,25 @@ var CourseDetail = function CourseDetail(_ref) {
                     children: ["office", "pdf"].includes(v.file_type) ? /*#__PURE__*/(0,jsx_runtime.jsx)(PreviewAll/* default */.Z, {
                       data: "".concat(v === null || v === void 0 ? void 0 : (_v$url = v.url) === null || _v$url === void 0 ? void 0 : _v$url.replace('disposition=inline', ''), "#page=1"),
                       type: v === null || v === void 0 ? void 0 : v.file_type,
+                      officeConvertPng: true,
                       style: ["ppt", "pptx"].includes(v === null || v === void 0 ? void 0 : v.title.split('.').pop().toLowerCase()) ? {
                         position: 'absolute',
-                        width: 500,
+                        overflow: "hidden",
+                        width: 360,
                         height: 600,
                         zIndex: 1,
-                        top: "70%",
-                        transform: "translate(-50%,-50%) scale(1.6)",
+                        left: "-32px",
+                        top: "100px",
+                        transform: "scale(1.5)",
                         pointerEvents: "none"
                       } : {
                         position: 'absolute',
-                        width: 500,
+                        overflow: "hidden",
+                        width: 360,
                         height: 600,
                         zIndex: 1,
-                        top: "-76px",
-                        left: "47%",
+                        top: "-35px",
+                        left: "53%",
                         transform: "translateX(-50%)",
                         pointerEvents: "none"
                       }
diff --git a/p__Ideology__ModelCourse__CourseInfo__index.async.js b/p__Ideology__ModelCourse__CourseInfo__index.async.js
index 1eb9c3ae66..30f657fcdf 100644
--- a/p__Ideology__ModelCourse__CourseInfo__index.async.js
+++ b/p__Ideology__ModelCourse__CourseInfo__index.async.js
@@ -143,7 +143,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -284,8 +285,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Innovation__Detail__index.async.js b/p__Innovation__Detail__index.async.js
index f59d94114b..dc3e0b6224 100644
--- a/p__Innovation__Detail__index.async.js
+++ b/p__Innovation__Detail__index.async.js
@@ -143,7 +143,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -284,8 +285,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__MyProblem__index.async.js b/p__MyProblem__index.async.js
index fae977d65d..534f7f63e1 100644
--- a/p__MyProblem__index.async.js
+++ b/p__MyProblem__index.async.js
@@ -204,7 +204,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -345,8 +346,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Paperlibrary__Add__index.async.js b/p__Paperlibrary__Add__index.async.js
index 8a9fc98a2f..2f37e7a5de 100644
--- a/p__Paperlibrary__Add__index.async.js
+++ b/p__Paperlibrary__Add__index.async.js
@@ -339,7 +339,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -480,8 +481,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Paperlibrary__See__index.async.js b/p__Paperlibrary__See__index.async.js
index 432711f5b2..06ea14193e 100644
--- a/p__Paperlibrary__See__index.async.js
+++ b/p__Paperlibrary__See__index.async.js
@@ -604,7 +604,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -745,8 +746,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Paths__Detail__id.async.js b/p__Paths__Detail__id.async.js
index 8bf0f34bd8..3720164d65 100644
--- a/p__Paths__Detail__id.async.js
+++ b/p__Paths__Detail__id.async.js
@@ -1057,7 +1057,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1198,8 +1199,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Problemset__NewItem__index.async.js b/p__Problemset__NewItem__index.async.js
index e5064f4ff3..5bf59360ba 100644
--- a/p__Problemset__NewItem__index.async.js
+++ b/p__Problemset__NewItem__index.async.js
@@ -652,7 +652,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -793,8 +794,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Problemset__index.async.js b/p__Problemset__index.async.js
index 8db7e4b46c..17d0509480 100644
--- a/p__Problemset__index.async.js
+++ b/p__Problemset__index.async.js
@@ -1033,7 +1033,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -1174,8 +1175,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Question__OjProblem__index.async.js b/p__Question__OjProblem__index.async.js
index 946daf07d7..b27157b72d 100644
--- a/p__Question__OjProblem__index.async.js
+++ b/p__Question__OjProblem__index.async.js
@@ -317,7 +317,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -458,8 +459,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Shixuns__Detail__Discuss__index.async.js b/p__Shixuns__Detail__Discuss__index.async.js
index 8568e84bda..8bbe6d4856 100644
--- a/p__Shixuns__Detail__Discuss__index.async.js
+++ b/p__Shixuns__Detail__Discuss__index.async.js
@@ -564,7 +564,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -705,8 +706,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Shixuns__Detail__Repository__index.async.js b/p__Shixuns__Detail__Repository__index.async.js
index 0f2b6addcc..1519eac2a6 100644
--- a/p__Shixuns__Detail__Repository__index.async.js
+++ b/p__Shixuns__Detail__Repository__index.async.js
@@ -268,7 +268,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -409,8 +410,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Shixuns__Edit__body__Warehouse__index.async.js b/p__Shixuns__Edit__body__Warehouse__index.async.js
index 5c714a75e7..c7fe943911 100644
--- a/p__Shixuns__Edit__body__Warehouse__index.async.js
+++ b/p__Shixuns__Edit__body__Warehouse__index.async.js
@@ -185,7 +185,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -326,8 +327,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__Shixuns__Edit__index.async.js b/p__Shixuns__Edit__index.async.js
index 9a170104ee..9e37ef463c 100644
--- a/p__Shixuns__Edit__index.async.js
+++ b/p__Shixuns__Edit__index.async.js
@@ -250,7 +250,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -391,8 +392,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__tasks__index.async.js b/p__tasks__index.async.js
index b90ffade96..551b452f43 100644
--- a/p__tasks__index.async.js
+++ b/p__tasks__index.async.js
@@ -417,7 +417,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -558,8 +559,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__virtualSpaces__Lists__Plan__Detail__index.async.js b/p__virtualSpaces__Lists__Plan__Detail__index.async.js
index 9f4dc04ef3..7d908bea6d 100644
--- a/p__virtualSpaces__Lists__Plan__Detail__index.async.js
+++ b/p__virtualSpaces__Lists__Plan__Detail__index.async.js
@@ -143,7 +143,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -284,8 +285,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__virtualSpaces__Lists__Resources__Detail__index.async.js b/p__virtualSpaces__Lists__Resources__Detail__index.async.js
index 2180b3aecc..1e80165b9e 100644
--- a/p__virtualSpaces__Lists__Resources__Detail__index.async.js
+++ b/p__virtualSpaces__Lists__Resources__Detail__index.async.js
@@ -185,7 +185,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -326,8 +327,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/p__virtualSpaces__Lists__Survey__Detail__index.async.js b/p__virtualSpaces__Lists__Survey__Detail__index.async.js
index 9473a92be9..d677a16a4d 100644
--- a/p__virtualSpaces__Lists__Survey__Detail__index.async.js
+++ b/p__virtualSpaces__Lists__Survey__Detail__index.async.js
@@ -143,7 +143,8 @@ var jsx_runtime = __webpack_require__(85893);
     hasMask = _ref.hasMask,
     disabledDownload = _ref.disabledDownload,
     onImgDimensions = _ref.onImgDimensions,
-    showNodata = _ref.showNodata;
+    showNodata = _ref.showNodata,
+    officeConvertPng = _ref.officeConvertPng;
   var _useState = (0,react.useState)('https://view.officeapps.live.com/op/view.aspx?src=http://testgs.educoder.net//rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--03541f6234b93d7ac3b2d84e7eb0e6594a952945/1.ppt'),
     _useState2 = slicedToArray_default()(_useState, 2),
     src = _useState2[0],
@@ -284,8 +285,10 @@ var jsx_runtime = __webpack_require__(85893);
         src: "data:video/mp4;base64,".concat(data),
         autoPlay: true
       })
-    }), type === 'office' && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+    }), type === 'office' && !officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: "".concat(officePath, "/office.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
+    }), type === 'office' && officeConvertPng && officeData && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
+      src: "".concat(officePath, "/officetopng.html?key=").concat(officeData.key, "&url=").concat(apiServer + officeData.url, "&callbackUrl=").concat(apiServer + officeData.callbackUrl, "&fileType=").concat(officeData.fileType, "&title=").concat(officeData.title, "&model=").concat(editOffice, "&officeServer=").concat(env/* default.ONLYOFFICE */.Z.ONLYOFFICE, "&disabledDownload=").concat(!!disabledDownload)
     }), type === 'html' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
       src: data + '&disposition=inline'
     }), type === 'pdf' && /*#__PURE__*/(0,jsx_runtime.jsx)("iframe", {
diff --git a/umi.js b/umi.js
index 6285582c3a..2e962db332 100644
--- a/umi.js
+++ b/umi.js
@@ -73647,8 +73647,8 @@ var GlobalConfig = {
 /* harmony export */ });
 var DEV = {
   // PROXY_SERVER: 'https://data.educoder.net',
-  PROXY_SERVER: 'https://xgdsz.educoder.net',
-  // PROXY_SERVER: 'http://47.111.130.18:58763',
+  // PROXY_SERVER:  'https://xgdsz.educoder.net',
+  PROXY_SERVER: 'http://47.111.130.18:58763',
   API_SERVER: '',
   REPORT_SERVER: 'http://192.168.1.57:3001',
   IMG_SERVER: 'https://new-testali-cdn.educoder.net',
@@ -130917,10 +130917,10 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__Classrooms__Lists__GroupHomework__Review__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(82762), __webpack_require__.e(74720), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(14662)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/GroupHomework/Review/index.tsx */ 38117));
               }),
               '36': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__GroupHomework__SubmitWork__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(39828), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(28072)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/GroupHomework/SubmitWork/index.tsx */ 31303));
+                return Promise.all(/*! import() | p__Classrooms__Lists__GroupHomework__SubmitWork__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(92836), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(28072)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/GroupHomework/SubmitWork/index.tsx */ 31303));
               }),
               '37': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__GroupHomework__EditWork__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(92836), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(60479)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/GroupHomework/EditWork/index.tsx */ 54524));
+                return Promise.all(/*! import() | p__Classrooms__Lists__GroupHomework__EditWork__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(39828), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(60479)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/GroupHomework/EditWork/index.tsx */ 54524));
               }),
               '38': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Detail__components__DuplicateChecking__CheckDetail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(16035), __webpack_require__.e(86132), __webpack_require__.e(42405), __webpack_require__.e(20812), __webpack_require__.e(8691), __webpack_require__.e(85297)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Detail/components/DuplicateChecking/CheckDetail/index.tsx */ 51450));
@@ -131028,10 +131028,10 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__Classrooms__Lists__Polls__Answer__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(36569), __webpack_require__.e(39428), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(65148)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Polls/Answer/index.tsx */ 15461));
               }),
               '73': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__Board__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(37949), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(43442)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Board/Add/index.tsx */ 71239));
+                return Promise.all(/*! import() | p__Classrooms__Lists__Board__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(2156), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(43442)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Board/Add/index.tsx */ 71239));
               }),
               '74': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__Board__Edit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(2156), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(12102)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Board/Edit/index.tsx */ 45497));
+                return Promise.all(/*! import() | p__Classrooms__Lists__Board__Edit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(37949), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(12102)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Board/Edit/index.tsx */ 45497));
               }),
               '75': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__Classrooms__Lists__Board__Detail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(2441), __webpack_require__.e(54694), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(82425)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Board/Detail/index.tsx */ 57639));
@@ -131817,13 +131817,13 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Experiment__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(35479), __webpack_require__.e(9170), __webpack_require__.e(33127), __webpack_require__.e(4977), __webpack_require__.e(11030), __webpack_require__.e(3482), __webpack_require__.e(59267), __webpack_require__.e(71783)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Experiment/index.tsx */ 45335));
               }),
               '336': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(65816)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/index.tsx */ 5563));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(27129), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(65816)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/index.tsx */ 5563));
               }),
               '337': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
               }),
               '338': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
               }),
               '339': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__Detail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31805), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(46796)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/Detail/index.tsx */ 22619));
@@ -131835,7 +131835,7 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Survey__Detail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(75158), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(11030), __webpack_require__.e(87058)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Survey/Detail/index.tsx */ 95888));
               }),
               '342': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(27129), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(38447)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/index.tsx */ 47447));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(38447)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/index.tsx */ 47447));
               }),
               '343': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34646), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(91045)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/AddAndEdit/index.tsx */ 15649));
@@ -131883,13 +131883,13 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Experiment__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(35479), __webpack_require__.e(9170), __webpack_require__.e(33127), __webpack_require__.e(4977), __webpack_require__.e(11030), __webpack_require__.e(3482), __webpack_require__.e(59267), __webpack_require__.e(71783)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Experiment/index.tsx */ 45335));
               }),
               '358': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(65816)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/index.tsx */ 5563));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(34435), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(27129), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(65816)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/index.tsx */ 5563));
               }),
               '359': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
               }),
               '360': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(15105), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(89677)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/AddAndEdit/index.tsx */ 31853));
               }),
               '361': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Announcement__Detail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31805), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(11030), __webpack_require__.e(46796)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Announcement/Detail/index.tsx */ 22619));
@@ -131901,7 +131901,7 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Survey__Detail__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(75158), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(11030), __webpack_require__.e(87058)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Survey/Detail/index.tsx */ 95888));
               }),
               '364': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(27129), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(38447)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/index.tsx */ 47447));
+                return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(42405), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(29581), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(38447)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/index.tsx */ 47447));
               }),
               '365': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__virtualSpaces__Lists__Knowledge__AddAndEdit__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(12763), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34646), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(11030), __webpack_require__.e(91045)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/virtualSpaces/Lists/Knowledge/AddAndEdit/index.tsx */ 15649));
@@ -131985,10 +131985,10 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__Ideology__CollegeRequirements__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(34435), __webpack_require__.e(54485), __webpack_require__.e(87891), __webpack_require__.e(22360)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/index.tsx */ 43577));
               }),
               '392': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Ideology__CollegeRequirements__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(60010), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(74605)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/Add/index.tsx */ 94346));
+                return Promise.all(/*! import() | p__Ideology__CollegeRequirements__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(55537), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(74605)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/Add/index.tsx */ 94346));
               }),
               '393': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Ideology__CollegeRequirements__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(60010), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(74605)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/Add/index.tsx */ 94346));
+                return Promise.all(/*! import() | p__Ideology__CollegeRequirements__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(55537), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(74605)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/Add/index.tsx */ 94346));
               }),
               '394': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__Ideology__CollegeRequirements__Info__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(54485), __webpack_require__.e(64663)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/CollegeRequirements/Info/index.tsx */ 34713));
@@ -132000,10 +132000,10 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__Ideology__TroopTraining__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(34435), __webpack_require__.e(54485), __webpack_require__.e(87891), __webpack_require__.e(71581)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/index.tsx */ 11594));
               }),
               '397': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Ideology__TroopTraining__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(55537), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(71322)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/Add/index.tsx */ 92958));
+                return Promise.all(/*! import() | p__Ideology__TroopTraining__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(60010), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(71322)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/Add/index.tsx */ 92958));
               }),
               '398': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Ideology__TroopTraining__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(55537), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(71322)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/Add/index.tsx */ 92958));
+                return Promise.all(/*! import() | p__Ideology__TroopTraining__Add__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(89244), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(79407), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(69814), __webpack_require__.e(42405), __webpack_require__.e(92421), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(60010), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(66390), __webpack_require__.e(54485), __webpack_require__.e(71322)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/Add/index.tsx */ 92958));
               }),
               '399': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__Ideology__TroopTraining__Info__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(49944), __webpack_require__.e(19458), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(61968), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(54485), __webpack_require__.e(2112)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Ideology/TroopTraining/Info/index.tsx */ 95696));