@wix/ricos 10.112.0 → 10.114.0

package/dist/es/plugin-image/getAddButtons.js

@@ -1,42 +1,7 @@
-import { IMAGE_TYPE } from "./../ricos-content";
 import { Node_Type } from "./../ricos-types";
 import { INSERT_PLUGIN_BUTTONS, TOOLBARS } from "./../editor-common";
-import { Uploader } from "./../plugin-commons";
-import { RICOS_DEFAULTS } from "./consts";
+import { handleImageUpload } from "./handle-image-upload";
 import { InsertPluginIcon } from "./icons";
-import { ImagePluginService } from "./toolbar/imagePluginService";
-const imagePluginService = new ImagePluginService();
-const handleExternalFileChange = (editorCommands, updateService) => ({ data }) => {
-  if (data instanceof Array) {
-    data.forEach((file, index) => {
-      setTimeout(() => {
-        const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {
-          updateSelection: data.length === index + 1
-        });
-        updateService.updatePluginData({ data: file }, nodeId, IMAGE_TYPE, imagePluginService);
-      });
-    });
-  } else {
-    const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS);
-    updateService.updatePluginData({ data }, nodeId, IMAGE_TYPE, imagePluginService);
-  }
-};
-const handleNativeFileChange = (editorCommands, uploadService, uploader) => (files) => {
-  files.forEach((file, index) => {
-    setTimeout(() => {
-      const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {
-        updateSelection: files.length === index + 1
-      });
-      uploadService.uploadFile(
-        new File([file], file.name, { type: file.type }),
-        nodeId,
-        uploader,
-        IMAGE_TYPE,
-        imagePluginService
-      );
-    });
-  });
-};
 const imageAddToolbars = [
   TOOLBARS.MOBILE,
   TOOLBARS.FOOTER,
@@ -55,23 +20,7 @@ const getAddButtons = (config, services) => {
         if (!services) {
           return false;
         }
-        const { uploadService, updateService } = services;
-        if (config.handleFileSelection) {
-          config.handleFileSelection(
-            void 0,
-            !!config.multi,
-            handleExternalFileChange(editorCommands, updateService),
-            void 0,
-            RICOS_DEFAULTS
-          );
-        } else {
-          const { accept = "image/*", multi = true, handleFileUpload } = config;
-          uploadService?.selectFiles(
-            accept,
-            multi,
-            handleNativeFileChange(editorCommands, uploadService, new Uploader(handleFileUpload))
-          );
-        }
+        handleImageUpload(services, config, editorCommands);
         return true;
       },
       menuConfig: {

package/dist/es/plugin-image/getAddButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-image/getAddButtons.tsx"],
-  "sourcesContent": ["import { IMAGE_TYPE } from './../ricos-content';\nimport type { AddButton, EditorCommands, RicosServices } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\nimport { Uploader } from './../plugin-commons';\n\nimport { RICOS_DEFAULTS } from './consts';\nimport { InsertPluginIcon } from './icons';\nimport { ImagePluginService } from './toolbar/imagePluginService';\n\nconst imagePluginService = new ImagePluginService();\n\nconst handleExternalFileChange =\n  (editorCommands: EditorCommands, updateService: RicosServices['updateService']) =>\n  ({ data }) => {\n    if (data instanceof Array) {\n      data.forEach((file, index) => {\n        setTimeout(() => {\n          const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {\n            updateSelection: data.length === index + 1,\n          });\n          updateService.updatePluginData({ data: file }, nodeId, IMAGE_TYPE, imagePluginService);\n        });\n      });\n    } else {\n      const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS);\n      updateService.updatePluginData({ data }, nodeId, IMAGE_TYPE, imagePluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (\n    editorCommands: EditorCommands,\n    uploadService: RicosServices['uploadService'],\n    uploader: Uploader\n  ) =>\n  (files: File[]) => {\n    files.forEach((file, index) => {\n      // prevents rerenders when next file starts uploading\n      setTimeout(() => {\n        const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {\n          updateSelection: files.length === index + 1,\n        });\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          IMAGE_TYPE,\n          imagePluginService\n        );\n      });\n    });\n  };\n\nexport const imageAddToolbars: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.MOBILE,\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n];\n\nexport const getAddButtons = (config, services): AddButton[] => {\n  return [\n    {\n      id: Node_Type.IMAGE,\n      label: INSERT_PLUGIN_BUTTONS.IMAGE,\n      dataHook: INSERT_PLUGIN_BUTTONS.IMAGE,\n      icon: InsertPluginIcon,\n      tooltip: 'ImagePlugin_InsertButton_Tooltip',\n      toolbars: imageAddToolbars,\n\n      command: ({ editorCommands }) => {\n        if (!services) {\n          return false;\n        }\n        const { uploadService, updateService } = services;\n\n        if (config.handleFileSelection) {\n          config.handleFileSelection(\n            undefined,\n            !!config.multi,\n            handleExternalFileChange(editorCommands, updateService),\n            undefined,\n            RICOS_DEFAULTS\n          );\n        } else {\n          const { accept = 'image/*', multi = true, handleFileUpload } = config;\n          uploadService?.selectFiles(\n            accept,\n            multi,\n            handleNativeFileChange(editorCommands, uploadService, new Uploader(handleFileUpload))\n          );\n        }\n        return true;\n      },\n      menuConfig: {\n        tags: 'Image_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAChD,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,MAAM,qBAAqB,IAAI,mBAAmB;AAElD,MAAM,2BACJ,CAAC,gBAAgC,kBACjC,CAAC,EAAE,KAAK,MAAM;AACZ,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,CAAC,MAAM,UAAU;AAC5B,iBAAW,MAAM;AACf,cAAM,SAAS,eAAe,0BAA0B,YAAY,gBAAgB;AAAA,UAClF,iBAAiB,KAAK,WAAW,QAAQ;AAAA,QAC3C,CAAC;AACD,sBAAc,iBAAiB,EAAE,MAAM,KAAK,GAAG,QAAQ,YAAY,kBAAkB;AAAA,MACvF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,UAAM,SAAS,eAAe,0BAA0B,YAAY,cAAc;AAClF,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,YAAY,kBAAkB;AAAA,EACjF;AACF;AAEF,MAAM,yBACJ,CACE,gBACA,eACA,aAEF,CAAC,UAAkB;AACjB,QAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,eAAW,MAAM;AACf,YAAM,SAAS,eAAe,0BAA0B,YAAY,gBAAgB;AAAA,QAClF,iBAAiB,MAAM,WAAW,QAAQ;AAAA,MAC5C,CAAC;AACD,oBAAc;AAAA,QACZ,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEK,MAAM,mBAA0E;AAAA,EACrF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAAC,QAAQ,aAA0B;AAC9D,SAAO;AAAA,IACL;AAAA,MACE,IAAI,UAAU;AAAA,MACd,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,YAAI,CAAC,UAAU;AACb,iBAAO;AAAA,QACT;AACA,cAAM,EAAE,eAAe,cAAc,IAAI;AAEzC,YAAI,OAAO,qBAAqB;AAC9B,iBAAO;AAAA,YACL;AAAA,YACA,CAAC,CAAC,OAAO;AAAA,YACT,yBAAyB,gBAAgB,aAAa;AAAA,YACtD;AAAA,YACA;AAAA,UACF;AAAA,QACF,OAAO;AACL,gBAAM,EAAE,SAAS,WAAW,QAAQ,MAAM,iBAAiB,IAAI;AAC/D,yBAAe;AAAA,YACb;AAAA,YACA;AAAA,YACA,uBAAuB,gBAAgB,eAAe,IAAI,SAAS,gBAAgB,CAAC;AAAA,UACtF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { AddButton, RicosServices } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\n\nimport { handleImageUpload } from './handle-image-upload';\nimport { InsertPluginIcon } from './icons';\nimport type { ImagePluginEditorConfig } from './types';\n\nexport const imageAddToolbars: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.MOBILE,\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n];\n\nexport const getAddButtons = (\n  config: ImagePluginEditorConfig,\n  services: RicosServices\n): AddButton[] => {\n  return [\n    {\n      id: Node_Type.IMAGE,\n      label: INSERT_PLUGIN_BUTTONS.IMAGE,\n      dataHook: INSERT_PLUGIN_BUTTONS.IMAGE,\n      icon: InsertPluginIcon,\n      tooltip: 'ImagePlugin_InsertButton_Tooltip',\n      toolbars: imageAddToolbars,\n\n      command: ({ editorCommands }) => {\n        if (!services) {\n          return false;\n        }\n        handleImageUpload(services, config, editorCommands);\n        return true;\n      },\n      menuConfig: {\n        tags: 'Image_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAEhD,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAG1B,MAAM,mBAA0E;AAAA,EACrF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAC3B,QACA,aACgB;AAChB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,UAAU;AAAA,MACd,OAAO,sBAAsB;AAAA,MAC7B,UAAU,sBAAsB;AAAA,MAChC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,YAAI,CAAC,UAAU;AACb,iBAAO;AAAA,QACT;AACA,0BAAkB,UAAU,QAAQ,cAAc;AAClD,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/plugin-image/handle-image-upload.js

@@ -0,0 +1,59 @@
+import { IMAGE_TYPE } from "./../ricos-content";
+import { Uploader } from "./../plugin-commons";
+import { RICOS_DEFAULTS } from "./consts";
+import { ImagePluginService } from "./toolbar/imagePluginService";
+const imagePluginService = new ImagePluginService();
+const handleExternalFileChange = (editorCommands, updateService) => ({ data }) => {
+  if (data instanceof Array) {
+    data.forEach((file, index) => {
+      setTimeout(() => {
+        const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {
+          updateSelection: data.length === index + 1
+        });
+        updateService.updatePluginData({ data: file }, nodeId, IMAGE_TYPE, imagePluginService);
+      });
+    });
+  } else {
+    const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS);
+    updateService.updatePluginData({ data }, nodeId, IMAGE_TYPE, imagePluginService);
+  }
+};
+const handleNativeFileChange = (editorCommands, uploadService, uploader) => (files) => {
+  files.forEach((file, index) => {
+    setTimeout(() => {
+      const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {
+        updateSelection: files.length === index + 1
+      });
+      uploadService.uploadFile(
+        new File([file], file.name, { type: file.type }),
+        nodeId,
+        uploader,
+        IMAGE_TYPE,
+        imagePluginService
+      );
+    });
+  });
+};
+const handleImageUpload = (services, config, editorCommands) => {
+  const { uploadService, updateService } = services;
+  if (config.handleFileSelection) {
+    config.handleFileSelection(
+      void 0,
+      !!config.multi,
+      handleExternalFileChange(editorCommands, updateService),
+      void 0,
+      RICOS_DEFAULTS
+    );
+  } else {
+    const { accept = "image/*", multi = true, handleFileUpload } = config;
+    uploadService?.selectFiles(
+      accept,
+      multi,
+      handleNativeFileChange(editorCommands, uploadService, new Uploader(handleFileUpload))
+    );
+  }
+};
+export {
+  handleImageUpload
+};
+//# sourceMappingURL=handle-image-upload.js.map

package/dist/es/plugin-image/handle-image-upload.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-image/handle-image-upload.ts"],
+  "sourcesContent": ["import { IMAGE_TYPE } from './../ricos-content';\nimport type { PluginServices } from './../ricos-plugins/editorPlugins';\nimport type { EditorCommands, RicosServices } from './../ricos-types';\nimport { Uploader } from './../plugin-commons';\n\nimport { RICOS_DEFAULTS } from './consts';\nimport { ImagePluginService } from './toolbar/imagePluginService';\nimport type { ImagePluginEditorConfig } from './types';\n\nconst imagePluginService = new ImagePluginService();\n\nconst handleExternalFileChange =\n  (editorCommands: EditorCommands, updateService: RicosServices['updateService']) =>\n  ({ data }) => {\n    if (data instanceof Array) {\n      data.forEach((file, index) => {\n        setTimeout(() => {\n          const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {\n            updateSelection: data.length === index + 1,\n          });\n          updateService.updatePluginData({ data: file }, nodeId, IMAGE_TYPE, imagePluginService);\n        });\n      });\n    } else {\n      const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS);\n      updateService.updatePluginData({ data }, nodeId, IMAGE_TYPE, imagePluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (\n    editorCommands: EditorCommands,\n    uploadService: RicosServices['uploadService'],\n    uploader: Uploader\n  ) =>\n  (files: File[]) => {\n    files.forEach((file, index) => {\n      // prevents rerenders when next file starts uploading\n      setTimeout(() => {\n        const nodeId = editorCommands.insertBlockWithBlankLines(IMAGE_TYPE, RICOS_DEFAULTS, {\n          updateSelection: files.length === index + 1,\n        });\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          IMAGE_TYPE,\n          imagePluginService\n        );\n      });\n    });\n  };\n\nexport const handleImageUpload = (\n  services: PluginServices,\n  config: ImagePluginEditorConfig,\n  editorCommands: EditorCommands\n) => {\n  const { uploadService, updateService } = services;\n\n  if (config.handleFileSelection) {\n    config.handleFileSelection(\n      undefined,\n      !!config.multi,\n      handleExternalFileChange(editorCommands, updateService),\n      undefined,\n      RICOS_DEFAULTS\n    );\n  } else {\n    const { accept = 'image/*', multi = true, handleFileUpload } = config;\n    uploadService?.selectFiles(\n      accept,\n      multi,\n      handleNativeFileChange(editorCommands, uploadService, new Uploader(handleFileUpload))\n    );\n  }\n};\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAG3B,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AAGnC,MAAM,qBAAqB,IAAI,mBAAmB;AAElD,MAAM,2BACJ,CAAC,gBAAgC,kBACjC,CAAC,EAAE,KAAK,MAAM;AACZ,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,CAAC,MAAM,UAAU;AAC5B,iBAAW,MAAM;AACf,cAAM,SAAS,eAAe,0BAA0B,YAAY,gBAAgB;AAAA,UAClF,iBAAiB,KAAK,WAAW,QAAQ;AAAA,QAC3C,CAAC;AACD,sBAAc,iBAAiB,EAAE,MAAM,KAAK,GAAG,QAAQ,YAAY,kBAAkB;AAAA,MACvF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,UAAM,SAAS,eAAe,0BAA0B,YAAY,cAAc;AAClF,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,YAAY,kBAAkB;AAAA,EACjF;AACF;AAEF,MAAM,yBACJ,CACE,gBACA,eACA,aAEF,CAAC,UAAkB;AACjB,QAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,eAAW,MAAM;AACf,YAAM,SAAS,eAAe,0BAA0B,YAAY,gBAAgB;AAAA,QAClF,iBAAiB,MAAM,WAAW,QAAQ;AAAA,MAC5C,CAAC;AACD,oBAAc;AAAA,QACZ,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AAEK,MAAM,oBAAoB,CAC/B,UACA,QACA,mBACG;AACH,QAAM,EAAE,eAAe,cAAc,IAAI;AAEzC,MAAI,OAAO,qBAAqB;AAC9B,WAAO;AAAA,MACL;AAAA,MACA,CAAC,CAAC,OAAO;AAAA,MACT,yBAAyB,gBAAgB,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AACL,UAAM,EAAE,SAAS,WAAW,QAAQ,MAAM,iBAAiB,IAAI;AAC/D,mBAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,uBAAuB,gBAAgB,eAAe,IAAI,SAAS,gBAAgB,CAAC;AAAA,IACtF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/es/plugin-image/statics/styles/image-settings-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "ed0dc791";
+var styleDataHash = "d3d253a5";
 const injectCss = () => {
-  var css = `.ynYGF{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .ynYGF{background:#fff}[dir=ltr] .ynYGF{left:0;right:0;text-align:left}[dir=rtl] .ynYGF{left:0;right:0;text-align:right}.Yam-G{font-size:20px;position:absolute}[dir=ltr] .Yam-G{margin:24px 0 24px 24px}[dir=rtl] .Yam-G{margin:24px 24px 24px 0}[dir] .yugEc{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .yugEc{padding:20px 20px 0}}}@container (width < 640px){[dir] .yugEc{padding:20px 20px 0}}._81xEZ{display:flex;height:240px;justify-content:center;width:100%}[dir] ._81xEZ{background-color:rgba(51,51,51,.1)}.HKQDN{font-size:14px;position:relative}[dir] .HKQDN{padding:20px 0 0}[dir] .-Nwy8{margin-bottom:5px}.PeOPg{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PeOPg{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PeOPg{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PeOPg{height:calc(100% - 50px);top:50px}}[dir] .N2lOu{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .N2lOu{padding:0 20px}}}@container (width < 640px){[dir] .N2lOu{padding:0 20px}}[dir] .Ybf3s{margin:0 auto}.HU67y{z-index:6}._6MHE6{visibility:hidden}`;
+  var css = `.plqJj{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .plqJj{background:#fff}[dir=ltr] .plqJj{left:0;right:0;text-align:left}[dir=rtl] .plqJj{left:0;right:0;text-align:right}.dFhK1{font-size:20px;position:absolute}[dir=ltr] .dFhK1{margin:24px 0 24px 24px}[dir=rtl] .dFhK1{margin:24px 24px 24px 0}[dir] .t8nbS{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .t8nbS{padding:20px 20px 0}}}@container (width < 640px){[dir] .t8nbS{padding:20px 20px 0}}.TSV5y{display:flex;height:240px;justify-content:center;width:100%}[dir] .TSV5y{background-color:rgba(51,51,51,.1)}._1MRKU{font-size:14px;position:relative}[dir] ._1MRKU{padding:20px 0 0}[dir] .UP3Rc{margin-bottom:5px}.BZqr1{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .BZqr1{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BZqr1{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BZqr1{height:calc(100% - 50px);top:50px}}[dir] .EzDoY{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .EzDoY{padding:0 20px}}}@container (width < 640px){[dir] .EzDoY{padding:0 20px}}[dir] .lDTmD{margin:0 auto}.M5T-7{z-index:6}.IDS7r{visibility:hidden}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,17 +21,17 @@ const injectCss = () => {
 };
 injectCss();
 var image_settings_default = {
-  "imageSettings": "ynYGF",
-  "imageSettingsTitle": "Yam-G",
-  "imageSettingsImageSection": "yugEc",
-  "imageSettingsImage": "_81xEZ",
-  "imageSettingsSection": "HKQDN",
-  "imageSettingsLabel": "-Nwy8",
-  "imageSettings_scrollContainer": "PeOPg",
-  "imageSettings_inputsWrapper": "N2lOu",
-  "imageSettings_mobile": "Ybf3s",
-  "imageSettings_footer": "HU67y",
-  "imageSettings_hidden": "_6MHE6"
+  "imageSettings": "plqJj",
+  "imageSettingsTitle": "dFhK1",
+  "imageSettingsImageSection": "t8nbS",
+  "imageSettingsImage": "TSV5y",
+  "imageSettingsSection": "_1MRKU",
+  "imageSettingsLabel": "UP3Rc",
+  "imageSettings_scrollContainer": "BZqr1",
+  "imageSettings_inputsWrapper": "EzDoY",
+  "imageSettings_mobile": "lDTmD",
+  "imageSettings_footer": "M5T-7",
+  "imageSettings_hidden": "IDS7r"
 };
 export {
   image_settings_default as default,

package/dist/es/plugin-image/statics/styles/image-settings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-settings.scss"],
-  "sourcesContent": ["var styleDataHash = 'ed0dc791';  \nexport const injectCss = (() => {\n  var css = `.ynYGF{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .ynYGF{background:#fff}[dir=ltr] .ynYGF{left:0;right:0;text-align:left}[dir=rtl] .ynYGF{left:0;right:0;text-align:right}.Yam-G{font-size:20px;position:absolute}[dir=ltr] .Yam-G{margin:24px 0 24px 24px}[dir=rtl] .Yam-G{margin:24px 24px 24px 0}[dir] .yugEc{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .yugEc{padding:20px 20px 0}}}@container (width < 640px){[dir] .yugEc{padding:20px 20px 0}}._81xEZ{display:flex;height:240px;justify-content:center;width:100%}[dir] ._81xEZ{background-color:rgba(51,51,51,.1)}.HKQDN{font-size:14px;position:relative}[dir] .HKQDN{padding:20px 0 0}[dir] .-Nwy8{margin-bottom:5px}.PeOPg{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .PeOPg{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.PeOPg{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.PeOPg{height:calc(100% - 50px);top:50px}}[dir] .N2lOu{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .N2lOu{padding:0 20px}}}@container (width < 640px){[dir] .N2lOu{padding:0 20px}}[dir] .Ybf3s{margin:0 auto}.HU67y{z-index:6}._6MHE6{visibility:hidden}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageSettings\": \"ynYGF\",\n  \"imageSettingsTitle\": \"Yam-G\",\n  \"imageSettingsImageSection\": \"yugEc\",\n  \"imageSettingsImage\": \"_81xEZ\",\n  \"imageSettingsSection\": \"HKQDN\",\n  \"imageSettingsLabel\": \"-Nwy8\",\n  \"imageSettings_scrollContainer\": \"PeOPg\",\n  \"imageSettings_inputsWrapper\": \"N2lOu\",\n  \"imageSettings_mobile\": \"Ybf3s\",\n  \"imageSettings_footer\": \"HU67y\",\n  \"imageSettings_hidden\": \"_6MHE6\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd3d253a5';  \nexport const injectCss = (() => {\n  var css = `.plqJj{color:var(--ricos-settings-text-color,#333);display:flex;flex:1 1 auto;flex-direction:column;position:unset;z-index:5}[dir] .plqJj{background:#fff}[dir=ltr] .plqJj{left:0;right:0;text-align:left}[dir=rtl] .plqJj{left:0;right:0;text-align:right}.dFhK1{font-size:20px;position:absolute}[dir=ltr] .dFhK1{margin:24px 0 24px 24px}[dir=rtl] .dFhK1{margin:24px 24px 24px 0}[dir] .t8nbS{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .t8nbS{padding:20px 20px 0}}}@container (width < 640px){[dir] .t8nbS{padding:20px 20px 0}}.TSV5y{display:flex;height:240px;justify-content:center;width:100%}[dir] .TSV5y{background-color:rgba(51,51,51,.1)}._1MRKU{font-size:14px;position:relative}[dir] ._1MRKU{padding:20px 0 0}[dir] .UP3Rc{margin-bottom:5px}.BZqr1{height:calc(100% - 170px);overflow:scroll;position:absolute;top:70px;width:100%}[dir] .BZqr1{margin:0;padding-bottom:30px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.BZqr1{height:calc(100% - 50px);top:50px}}}@container (width < 640px){.BZqr1{height:calc(100% - 50px);top:50px}}[dir] .EzDoY{padding:0 24px}@supports not (contain:inline-size){@media only screen and (max-width:640px){[dir] .EzDoY{padding:0 20px}}}@container (width < 640px){[dir] .EzDoY{padding:0 20px}}[dir] .lDTmD{margin:0 auto}.M5T-7{z-index:6}.IDS7r{visibility:hidden}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"imageSettings\": \"plqJj\",\n  \"imageSettingsTitle\": \"dFhK1\",\n  \"imageSettingsImageSection\": \"t8nbS\",\n  \"imageSettingsImage\": \"TSV5y\",\n  \"imageSettingsSection\": \"_1MRKU\",\n  \"imageSettingsLabel\": \"UP3Rc\",\n  \"imageSettings_scrollContainer\": \"BZqr1\",\n  \"imageSettings_inputsWrapper\": \"EzDoY\",\n  \"imageSettings_mobile\": \"lDTmD\",\n  \"imageSettings_footer\": \"M5T-7\",\n  \"imageSettings_hidden\": \"IDS7r\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,+BAA+B;AAAA,EAC/B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/es/plugin-image/statics/styles/image-viewer.rtlignore-scss.js

@@ -1,18 +1,18 @@
 var image_viewer_rtlignore_default = {
-  "fontElementMap": "uJxh-",
-  "imageFigure": "FPTw7",
-  "imageContainer": "vS5Jy",
-  "expandContainer": "AkBW8",
-  "expandIcon": "_7RstM",
-  "pointer": "RH2Yr",
-  "imageWrapper": "-zq9j",
-  "imageRatio": "jc4RX",
-  "image": "DBhLe",
-  "imageOverlay": "wocC-",
-  "imagePreload": "dG5V-",
-  "imageHighres": "o0REP",
-  "onlyHighRes": "_52V-B",
-  "image_loading": "hQ89C"
+  "fontElementMap": "m2HMQ",
+  "imageFigure": "bkHjV",
+  "imageContainer": "ttuZY",
+  "expandContainer": "JRM4a",
+  "expandIcon": "BIrqP",
+  "pointer": "_8NaJA",
+  "imageWrapper": "pe-V8",
+  "imageRatio": "G3qcW",
+  "image": "ABtfZ",
+  "imageOverlay": "_2QnDZ",
+  "imagePreload": "atoCX",
+  "imageHighres": "Oxuig",
+  "onlyHighRes": "_2yXNx",
+  "image_loading": "aWfBU"
 };
 export {
   image_viewer_rtlignore_default as default

package/dist/es/plugin-image/statics/styles/image-viewer.rtlignore-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"uJxh-\",\n  \"imageFigure\": \"FPTw7\",\n  \"imageContainer\": \"vS5Jy\",\n  \"expandContainer\": \"AkBW8\",\n  \"expandIcon\": \"_7RstM\",\n  \"pointer\": \"RH2Yr\",\n  \"imageWrapper\": \"-zq9j\",\n  \"imageRatio\": \"jc4RX\",\n  \"image\": \"DBhLe\",\n  \"imageOverlay\": \"wocC-\",\n  \"imagePreload\": \"dG5V-\",\n  \"imageHighres\": \"o0REP\",\n  \"onlyHighRes\": \"_52V-B\",\n  \"image_loading\": \"hQ89C\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"m2HMQ\",\n  \"imageFigure\": \"bkHjV\",\n  \"imageContainer\": \"ttuZY\",\n  \"expandContainer\": \"JRM4a\",\n  \"expandIcon\": \"BIrqP\",\n  \"pointer\": \"_8NaJA\",\n  \"imageWrapper\": \"pe-V8\",\n  \"imageRatio\": \"G3qcW\",\n  \"image\": \"ABtfZ\",\n  \"imageOverlay\": \"_2QnDZ\",\n  \"imagePreload\": \"atoCX\",\n  \"imageHighres\": \"Oxuig\",\n  \"onlyHighRes\": \"_2yXNx\",\n  \"image_loading\": \"aWfBU\"\n};"],
   "mappings": "AAAA,IAAO,iCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-image/statics/styles/in-plugin-input-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "6680a8a4";
+var styleDataHash = "41378722";
 const injectCss = () => {
-  var css = `.glob_fontElementMap,.l-dKY{font-family:var(--ricos-font-family,unset)}.QCU-3{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .QCU-3{border:none}[dir] .QCU-3>span>a,[dir] .QCU-3>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .QCU-3[readonly]{cursor:pointer}`;
+  var css = `.PxR4D,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.WAPyz{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .WAPyz{border:none}[dir] .WAPyz>span>a,[dir] .WAPyz>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .WAPyz[readonly]{cursor:pointer}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = () => {
 };
 injectCss();
 var in_plugin_input_default = {
-  "fontElementMap": "l-dKY",
-  "inPluginInput": "QCU-3"
+  "fontElementMap": "PxR4D",
+  "inPluginInput": "WAPyz"
 };
 export {
   in_plugin_input_default as default,

package/dist/es/plugin-image/statics/styles/in-plugin-input-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/in-plugin-input.scss"],
-  "sourcesContent": ["var styleDataHash = '6680a8a4';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.l-dKY{font-family:var(--ricos-font-family,unset)}.QCU-3{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .QCU-3{border:none}[dir] .QCU-3>span>a,[dir] .QCU-3>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.QCU-3{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .QCU-3[readonly]{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"l-dKY\",\n  \"inPluginInput\": \"QCU-3\"\n};"],
+  "sourcesContent": ["var styleDataHash = '41378722';  \nexport const injectCss = (() => {\n  var css = `.PxR4D,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.WAPyz{color:var(--ricos-custom-p-color,unset);color:var(--ricos-custom-p-color,var(--ricos-text-color,#212121));line-height:21px;font:inherit;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-size:14px;font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);position:inherit;resize:none;text-decoration:var(--ricos-custom-p-text-decoration,unset);width:100%;z-index:1}[dir] .WAPyz{border:none}[dir] .WAPyz>span>a,[dir] .WAPyz>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.WAPyz{font-size:var(--ricos-custom-p-font-size,unset)}}[dir] .WAPyz[readonly]{cursor:pointer}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"PxR4D\",\n  \"inPluginInput\": \"WAPyz\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,0BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-image/tiptap/image.js

@@ -1,13 +1,10 @@
-import classNames from "classnames";
 import React, { useContext } from "react";
 import { useConverters } from "./../../pm-converters/context";
 import { TIPTAP_FIGURE_TYPE } from "./../../ricos-content/consts";
 import { RicosContext } from "./../../ricos-context";
 import { Loader, MediaItemErrorMsg } from "./../../ui-components";
-import generalStyles from "../../editor-common/statics/styles/general-scss";
-import generalRTLIgnoredStyles from "../../wix-rich-content-common/statics/styles/general.rtlignore-scss";
+import { getContainerClasses } from "../../_shared/figure/get-container-classes";
 import { Image as ViewerImage } from "../viewer/image";
-const stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };
 const Image = ({ node, editor }) => {
   const { t, isMobile } = useContext(RicosContext);
   const converters = useConverters();
@@ -22,7 +19,7 @@ const Image = ({ node, editor }) => {
   return selectedFigure && ricosNode && shouldRender ? /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: getContainerClasses({ editor, nodeId: node.attrs.id, isMobile }),
+      className: getContainerClasses(editor, node.attrs.id, isMobile),
       draggable: true,
       "data-drag-handle": true
     },
@@ -40,24 +37,7 @@ const Image = ({ node, editor }) => {
     error && /* @__PURE__ */ React.createElement(MediaItemErrorMsg, { error, t })
   ) : null;
 };
-const getContainerClasses = ({
-  editor,
-  nodeId,
-  isMobile
-}) => {
-  let isFocused = false;
-  const selection = editor.state.selection;
-  editor.state.doc.nodesBetween(selection.from, selection.to, (node) => {
-    node.attrs.id === nodeId && (isFocused = true);
-  });
-  return classNames(stylesWithRTL.pluginContainer, {
-    [stylesWithRTL.pluginContainerMobile]: isMobile,
-    [stylesWithRTL.hasFocus]: isFocused,
-    [stylesWithRTL.hideTextSelection]: !isFocused
-  });
-};
 export {
-  Image,
-  getContainerClasses
+  Image
 };
 //# sourceMappingURL=image.js.map

package/dist/es/plugin-image/tiptap/image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/tiptap/image.tsx"],
-  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_FIGURE_TYPE } from './../../ricos-content/consts';\nimport { RicosContext } from './../../ricos-context';\nimport type { PluginProps } from './../../ricos-types';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { Image as ViewerImage } from '../viewer/image';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\nexport const Image: React.FC<PluginProps> = ({ node, editor }) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const converters = useConverters();\n\n  const figures = editor.$nodes(TIPTAP_FIGURE_TYPE);\n  const selectedFigure = figures?.find(nodePos => {\n    return nodePos.node.firstChild?.attrs.id === node.attrs.id;\n  })?.node;\n\n  const { loading, loadingPercentage, error, tempData } = node.attrs;\n  const { src } = node.attrs.image || {};\n  const shouldRender = !!tempData || src?.url || src?.id;\n\n  const ricosNode = converters.fromPmNode(selectedFigure?.toJSON());\n\n  return selectedFigure && ricosNode && shouldRender ? (\n    <div\n      className={getContainerClasses({ editor, nodeId: node.attrs.id, isMobile })}\n      draggable\n      data-drag-handle\n    >\n      <ViewerImage\n        isMobile={isMobile}\n        node={ricosNode}\n        dataUrl={tempData}\n        imageClickActionConfig={{ type: 'regular' }}\n        shouldLazyLoadImages={false}\n      />\n      {loading && <Loader type={'medium'} percent={loadingPercentage} />}\n      {error && <MediaItemErrorMsg error={error} t={t} />}\n    </div>\n  ) : null;\n};\n\nexport const getContainerClasses = ({\n  editor,\n  nodeId,\n  isMobile,\n}: {\n  editor: Editor;\n  nodeId: string;\n  isMobile: boolean;\n}) => {\n  let isFocused = false;\n  const selection = editor.state.selection;\n  editor.state.doc.nodesBetween(selection.from, selection.to, node => {\n    node.attrs.id === nodeId && (isFocused = true);\n  });\n\n  return classNames(stylesWithRTL.pluginContainer, {\n    [stylesWithRTL.pluginContainerMobile]: isMobile,\n    [stylesWithRTL.hasFocus]: isFocused,\n    [stylesWithRTL.hideTextSelection]: !isFocused,\n  });\n};\n"],
-  "mappings": "AACA,OAAO,gBAAgB;AACvB,OAAO,SAAS,kBAAkB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAE7B,SAAS,QAAQ,yBAAyB;AAE1C,OAAO,mBAAmB;AAC1B,OAAO,6BAA6B;AACpC,SAAS,SAAS,mBAAmB;AAErC,MAAM,gBAAgB,EAAE,GAAG,eAAe,GAAG,wBAAwB;AAE9D,MAAM,QAA+B,CAAC,EAAE,MAAM,OAAO,MAAM;AAChE,QAAM,EAAE,GAAG,SAAS,IAAI,WAAW,YAAY;AAC/C,QAAM,aAAa,cAAc;AAEjC,QAAM,UAAU,OAAO,OAAO,kBAAkB;AAChD,QAAM,iBAAiB,SAAS,KAAK,aAAW;AAC9C,WAAO,QAAQ,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM;AAAA,EAC1D,CAAC,GAAG;AAEJ,QAAM,EAAE,SAAS,mBAAmB,OAAO,SAAS,IAAI,KAAK;AAC7D,QAAM,EAAE,IAAI,IAAI,KAAK,MAAM,SAAS,CAAC;AACrC,QAAM,eAAe,CAAC,CAAC,YAAY,KAAK,OAAO,KAAK;AAEpD,QAAM,YAAY,WAAW,WAAW,gBAAgB,OAAO,CAAC;AAEhE,SAAO,kBAAkB,aAAa,eACpC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,EAAE,QAAQ,QAAQ,KAAK,MAAM,IAAI,SAAS,CAAC;AAAA,MAC1E,WAAS;AAAA,MACT,oBAAgB;AAAA;AAAA,IAEhB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,wBAAwB,EAAE,MAAM,UAAU;AAAA,QAC1C,sBAAsB;AAAA;AAAA,IACxB;AAAA,IACC,WAAW,oCAAC,UAAO,MAAM,UAAU,SAAS,mBAAmB;AAAA,IAC/D,SAAS,oCAAC,qBAAkB,OAAc,GAAM;AAAA,EACnD,IACE;AACN;AAEO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,MAAI,YAAY;AAChB,QAAM,YAAY,OAAO,MAAM;AAC/B,SAAO,MAAM,IAAI,aAAa,UAAU,MAAM,UAAU,IAAI,UAAQ;AAClE,SAAK,MAAM,OAAO,WAAW,YAAY;AAAA,EAC3C,CAAC;AAED,SAAO,WAAW,cAAc,iBAAiB;AAAA,IAC/C,CAAC,cAAc,qBAAqB,GAAG;AAAA,IACvC,CAAC,cAAc,QAAQ,GAAG;AAAA,IAC1B,CAAC,cAAc,iBAAiB,GAAG,CAAC;AAAA,EACtC,CAAC;AACH;",
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_FIGURE_TYPE } from './../../ricos-content/consts';\nimport { RicosContext } from './../../ricos-context';\nimport type { PluginProps } from './../../ricos-types';\nimport { Loader, MediaItemErrorMsg } from './../../ui-components';\n\nimport { getContainerClasses } from '../../_shared/figure/get-container-classes';\nimport { Image as ViewerImage } from '../viewer/image';\n\nexport const Image: React.FC<PluginProps> = ({ node, editor }) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const converters = useConverters();\n\n  const figures = editor.$nodes(TIPTAP_FIGURE_TYPE);\n  const selectedFigure = figures?.find(nodePos => {\n    return nodePos.node.firstChild?.attrs.id === node.attrs.id;\n  })?.node;\n\n  const { loading, loadingPercentage, error, tempData } = node.attrs;\n  const { src } = node.attrs.image || {};\n  const shouldRender = !!tempData || src?.url || src?.id;\n\n  const ricosNode = converters.fromPmNode(selectedFigure?.toJSON());\n\n  return selectedFigure && ricosNode && shouldRender ? (\n    <div\n      className={getContainerClasses(editor, node.attrs.id, isMobile)}\n      draggable\n      data-drag-handle\n    >\n      <ViewerImage\n        isMobile={isMobile}\n        node={ricosNode}\n        dataUrl={tempData}\n        imageClickActionConfig={{ type: 'regular' }}\n        shouldLazyLoadImages={false}\n      />\n      {loading && <Loader type={'medium'} percent={loadingPercentage} />}\n      {error && <MediaItemErrorMsg error={error} t={t} />}\n    </div>\n  ) : null;\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAElC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAE7B,SAAS,QAAQ,yBAAyB;AAE1C,SAAS,2BAA2B;AACpC,SAAS,SAAS,mBAAmB;AAE9B,MAAM,QAA+B,CAAC,EAAE,MAAM,OAAO,MAAM;AAChE,QAAM,EAAE,GAAG,SAAS,IAAI,WAAW,YAAY;AAC/C,QAAM,aAAa,cAAc;AAEjC,QAAM,UAAU,OAAO,OAAO,kBAAkB;AAChD,QAAM,iBAAiB,SAAS,KAAK,aAAW;AAC9C,WAAO,QAAQ,KAAK,YAAY,MAAM,OAAO,KAAK,MAAM;AAAA,EAC1D,CAAC,GAAG;AAEJ,QAAM,EAAE,SAAS,mBAAmB,OAAO,SAAS,IAAI,KAAK;AAC7D,QAAM,EAAE,IAAI,IAAI,KAAK,MAAM,SAAS,CAAC;AACrC,QAAM,eAAe,CAAC,CAAC,YAAY,KAAK,OAAO,KAAK;AAEpD,QAAM,YAAY,WAAW,WAAW,gBAAgB,OAAO,CAAC;AAEhE,SAAO,kBAAkB,aAAa,eACpC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,QAAQ,KAAK,MAAM,IAAI,QAAQ;AAAA,MAC9D,WAAS;AAAA,MACT,oBAAgB;AAAA;AAAA,IAEhB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,SAAS;AAAA,QACT,wBAAwB,EAAE,MAAM,UAAU;AAAA,QAC1C,sBAAsB;AAAA;AAAA,IACxB;AAAA,IACC,WAAW,oCAAC,UAAO,MAAM,UAAU,SAAS,mBAAmB;AAAA,IAC/D,SAAS,oCAAC,qBAAkB,OAAc,GAAM;AAAA,EACnD,IACE;AACN;",
   "names": []
 }

package/dist/es/plugin-image/viewer/node-view-renderers-loadable.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _nodeViewRenderers;
 var _excluded = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded2 = ["node"],
-  _excluded3 = ["node", "nodeIndex", "NodeViewContainer"],
-  _excluded4 = ["node"];
+  _excluded2 = ["node"];
 import loadable from "@loadable/component";
 import React, { useMemo } from "react";
 import { Node_Type } from "./../../ricos-types";
+import { CaptionLoadable } from "../../_shared/figure/caption-renderer-loadable";
 var ImageRenderer = function ImageRenderer(_ref) {
   var node = _ref.node,
     nodeIndex = _ref.nodeIndex,
@@ -71,68 +70,5 @@ var ImageLoadable = function ImageLoadable(_ref2) {
     node: node
   }, props));
 };
-var CaptionRenderer = function CaptionRenderer(_ref3) {
-  var node = _ref3.node,
-    nodeIndex = _ref3.nodeIndex,
-    NodeViewContainer = _ref3.NodeViewContainer,
-    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-  var ImageCaption = useMemo(function () {
-    return loadable({
-      resolved: {},
-      chunkName: function chunkName() {
-        return "ricos_plugin_image_caption";
-      },
-      isReady: function isReady(props) {
-        var key = this.resolve(props);
-        if (this.resolved[key] !== true) {
-          return false;
-        }
-        if (typeof __webpack_modules__ !== 'undefined') {
-          return !!__webpack_modules__[key];
-        }
-        return false;
-      },
-      importAsync: function importAsync() {
-        return import(/* webpackChunkName: "ricos_plugin_image_caption" */"../../plugin-figure/viewer/viewer-caption-loadable");
-      },
-      requireAsync: function requireAsync(props) {
-        var _this = this;
-        var key = this.resolve(props);
-        this.resolved[key] = false;
-        return this.importAsync(props).then(function (resolved) {
-          _this.resolved[key] = true;
-          return resolved;
-        });
-      },
-      requireSync: function requireSync(props) {
-        var id = this.resolve(props);
-        if (typeof __webpack_require__ !== 'undefined') {
-          return __webpack_require__(id);
-        }
-        return eval('module.require')(id);
-      },
-      resolve: function resolve() {
-        if (require.resolveWeak) {
-          return require.resolveWeak("../../plugin-figure/viewer/viewer-caption-loadable");
-        }
-        return eval('require.resolve')("../../plugin-figure/viewer/viewer-caption-loadable");
-      }
-    });
-  }, []);
-  return /* @__PURE__ */React.createElement(ImageCaption, _extends({
-    key: node.id,
-    node: node,
-    nodeIndex: nodeIndex,
-    NodeViewContainer: NodeViewContainer
-  }, props));
-};
-var CaptionLoadable = function CaptionLoadable(_ref4) {
-  var node = _ref4.node,
-    props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-  return /* @__PURE__ */React.createElement(CaptionRenderer, _extends({
-    key: node.id,
-    node: node
-  }, props));
-};
 var nodeViewRenderers = (_nodeViewRenderers = {}, _nodeViewRenderers[Node_Type.IMAGE] = ImageLoadable, _nodeViewRenderers[Node_Type.CAPTION] = CaptionLoadable, _nodeViewRenderers);
 export { nodeViewRenderers };

package/dist/es/plugin-image/viewer/node-view-renderers-loadable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/node-view-renderers-loadable.tsx"],
-  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nconst ImageRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const ViewerImage = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_image\" */ './viewer-image')),\n    []\n  );\n  return (\n    <ViewerImage\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst ImageLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <ImageRenderer key={node.id} node={node} {...props} />;\n};\n\nconst CaptionRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const ImageCaption = useMemo(\n    () =>\n      loadable(\n        () =>\n          import(\n            /* webpackChunkName: \"ricos_plugin_image_caption\" */ '../../plugin-figure/viewer/viewer-caption'\n          )\n      ),\n    []\n  );\n  return (\n    <ImageCaption\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst CaptionLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <CaptionRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.IMAGE]: ImageLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
-  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEA,MAAM,kBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe;AAAA,IACnB,MACE;AAAA,MACE,MACE;AAAA;AAAA,QACuD;AAAA,MACvD;AAAA,IACJ;AAAA,IACF,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACrE,SAAO,oCAAC,mBAAgB,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC/D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
+  "sourcesContent": ["import loadable from '@loadable/component';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { NodeViewRendererProps, NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport { CaptionLoadable } from '../../_shared/figure/caption-renderer-loadable';\n\nconst ImageRenderer: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  ...props\n}) => {\n  const ViewerImage = useMemo(\n    () => loadable(() => import(/* webpackChunkName: \"ricos_plugin_image\" */ './viewer-image')),\n    []\n  );\n  return (\n    <ViewerImage\n      key={node.id}\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      {...props}\n    />\n  );\n};\n\nconst ImageLoadable = ({ node, ...props }: NodeViewRendererProps) => {\n  return <ImageRenderer key={node.id} node={node} {...props} />;\n};\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.IMAGE]: ImageLoadable,\n  [Node_Type.CAPTION]: CaptionLoadable,\n};\n"],
+  "mappings": "AAAA,OAAO,cAAc;AAErB,OAAO,SAAS,eAAe;AAG/B,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AAEhC,MAAM,gBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,MAAM,SAAS,MAAM;AAAA;AAAA,MAAoD;AAAA,IAAgB,CAAC;AAAA,IAC1F,CAAC;AAAA,EACH;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,MAA6B;AACnE,SAAO,oCAAC,iBAAc,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC7D;AAEO,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-image/viewer/node-view-renderers.js

@@ -1,5 +1,5 @@
 import { Node_Type } from "./../../ricos-types";
-import Caption from "../../plugin-figure/viewer/viewer-caption";
+import Caption from "../../_shared/figure/viewer-caption";
 import Image from "./viewer-image";
 const nodeViewRenderers = {
   [Node_Type.IMAGE]: Image,

package/dist/es/plugin-image/viewer/node-view-renderers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/node-view-renderers.tsx"],
-  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../plugin-figure/viewer/viewer-caption';\nimport Image from './viewer-image';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.IMAGE]: Image,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
+  "sourcesContent": ["import type { NodeViewRenderers } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport Caption from '../../_shared/figure/viewer-caption';\nimport Image from './viewer-image';\n\nexport const nodeViewRenderers: NodeViewRenderers = {\n  [Node_Type.IMAGE]: Image,\n  [Node_Type.CAPTION]: Caption,\n};\n"],
   "mappings": "AACA,SAAS,iBAAiB;AAE1B,OAAO,aAAa;AACpB,OAAO,WAAW;AAEX,MAAM,oBAAuC;AAAA,EAClD,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB;",
   "names": []
 }

package/dist/es/plugin-image/viewer/viewer-image-loadable.js

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { IMAGE_TYPE } from "./../../ricos-content";
 import { RicosContext, RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { Image } from "./image";
 const ViewerImage = ({
   node,

package/dist/es/plugin-image/viewer/viewer-image.js

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { IMAGE_TYPE } from "./../../ricos-content";
 import { RicosContext, RicosViewerContext } from "./../../ricos-context";
-import { ViewerFigure } from "../../plugin-figure/viewer/viewer-figure";
+import { ViewerFigure } from "../../_shared/figure/viewer-figure";
 import { Image } from "./image";
 const ViewerImage = ({
   node,

package/dist/es/plugin-image/viewer/viewer-image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/viewer-image.tsx"],
-  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport { IMAGE_TYPE } from './../../ricos-content';\nimport { RicosContext, RicosViewerContext } from './../../ricos-context';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../plugin-figure/viewer/viewer-figure';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type { ImageClickActionConfig, ImageClickActionHandle } from './common-types';\nimport { Image } from './image';\n\nexport const ViewerImage: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n}) => {\n  const { config: viewerConfig, seoMode, helpers } = useContext(RicosViewerContext);\n  const { isMobile } = useContext(RicosContext);\n  const config = (viewerConfig[IMAGE_TYPE] ?? {}) as ImagePluginViewerConfig;\n  const expand = getExpandFunction({\n    helpers,\n    config,\n    nodeId: node.id,\n    imageData: node.imageData,\n  });\n\n  const imageClickActionConfig = getImageClickActionConfig({\n    imageData: node.imageData,\n    config,\n    expand,\n  });\n\n  return (\n    <ViewerFigure\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      RicosNodesRenderer={RicosNodesRenderer}\n    >\n      <Image\n        node={node}\n        imageClickActionConfig={imageClickActionConfig}\n        expand={expand}\n        config={config}\n        seoMode={seoMode}\n        helpers={helpers}\n        isMobile={isMobile}\n        shouldLazyLoadImages\n      />\n    </ViewerFigure>\n  );\n};\n\nconst ImageRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerImage key={node.id} node={node} {...props} />;\n};\n\nexport default ImageRenderer;\n\nconst getImageClickActionConfig = ({\n  imageData,\n  config,\n  expand,\n}: {\n  imageData: Node['imageData'];\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n}): ImageClickActionConfig => {\n  if (imageData?.link?.url && config) {\n    return { type: 'link' };\n  }\n\n  if (imageData?.link?.anchor) {\n    return { type: 'anchor' };\n  }\n\n  if (expand) {\n    return { type: 'expand', onClick: expand };\n  }\n\n  return { type: 'regular' };\n};\n\nconst getExpandFunction = ({\n  helpers,\n  config,\n  nodeId,\n  imageData,\n}: {\n  imageData: Node['imageData'];\n  helpers: Helpers;\n  config: ImagePluginViewerConfig;\n  nodeId: string;\n}): ImageClickActionHandle | undefined => {\n  const { onExpand, disableExpand } = config;\n  if (imageData?.disableExpand === true || disableExpand === true || !onExpand) {\n    return;\n  }\n\n  return e => {\n    e.preventDefault();\n    e.stopPropagation();\n    helpers.onViewerAction?.(IMAGE_TYPE, 'Click', 'expand_image');\n    onExpand(nodeId);\n  };\n};\n"],
+  "sourcesContent": ["import type { FC } from 'react';\nimport React, { useContext } from 'react';\n\nimport { IMAGE_TYPE } from './../../ricos-content';\nimport { RicosContext, RicosViewerContext } from './../../ricos-context';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, NodeViewRenderer, NodeViewRendererProps } from './../../ricos-types';\n\nimport { ViewerFigure } from '../../_shared/figure/viewer-figure';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type { ImageClickActionConfig, ImageClickActionHandle } from './common-types';\nimport { Image } from './image';\n\nexport const ViewerImage: FC<NodeViewRendererProps> = ({\n  node,\n  nodeIndex,\n  NodeViewContainer,\n  RicosNodesRenderer,\n}) => {\n  const { config: viewerConfig, seoMode, helpers } = useContext(RicosViewerContext);\n  const { isMobile } = useContext(RicosContext);\n  const config = (viewerConfig[IMAGE_TYPE] ?? {}) as ImagePluginViewerConfig;\n  const expand = getExpandFunction({\n    helpers,\n    config,\n    nodeId: node.id,\n    imageData: node.imageData,\n  });\n\n  const imageClickActionConfig = getImageClickActionConfig({\n    imageData: node.imageData,\n    config,\n    expand,\n  });\n\n  return (\n    <ViewerFigure\n      node={node}\n      nodeIndex={nodeIndex}\n      NodeViewContainer={NodeViewContainer}\n      RicosNodesRenderer={RicosNodesRenderer}\n    >\n      <Image\n        node={node}\n        imageClickActionConfig={imageClickActionConfig}\n        expand={expand}\n        config={config}\n        seoMode={seoMode}\n        helpers={helpers}\n        isMobile={isMobile}\n        shouldLazyLoadImages\n      />\n    </ViewerFigure>\n  );\n};\n\nconst ImageRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerImage key={node.id} node={node} {...props} />;\n};\n\nexport default ImageRenderer;\n\nconst getImageClickActionConfig = ({\n  imageData,\n  config,\n  expand,\n}: {\n  imageData: Node['imageData'];\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n}): ImageClickActionConfig => {\n  if (imageData?.link?.url && config) {\n    return { type: 'link' };\n  }\n\n  if (imageData?.link?.anchor) {\n    return { type: 'anchor' };\n  }\n\n  if (expand) {\n    return { type: 'expand', onClick: expand };\n  }\n\n  return { type: 'regular' };\n};\n\nconst getExpandFunction = ({\n  helpers,\n  config,\n  nodeId,\n  imageData,\n}: {\n  imageData: Node['imageData'];\n  helpers: Helpers;\n  config: ImagePluginViewerConfig;\n  nodeId: string;\n}): ImageClickActionHandle | undefined => {\n  const { onExpand, disableExpand } = config;\n  if (imageData?.disableExpand === true || disableExpand === true || !onExpand) {\n    return;\n  }\n\n  return e => {\n    e.preventDefault();\n    e.stopPropagation();\n    helpers.onViewerAction?.(IMAGE_TYPE, 'Click', 'expand_image');\n    onExpand(nodeId);\n  };\n};\n"],
   "mappings": "AACA,OAAO,SAAS,kBAAkB;AAElC,SAAS,kBAAkB;AAC3B,SAAS,cAAc,0BAA0B;AAIjD,SAAS,oBAAoB;AAG7B,SAAS,aAAa;AAEf,MAAM,cAAyC,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,cAAc,SAAS,QAAQ,IAAI,WAAW,kBAAkB;AAChF,QAAM,EAAE,SAAS,IAAI,WAAW,YAAY;AAC5C,QAAM,SAAU,aAAa,UAAU,KAAK,CAAC;AAC7C,QAAM,SAAS,kBAAkB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,QAAQ,KAAK;AAAA,IACb,WAAW,KAAK;AAAA,EAClB,CAAC;AAED,QAAM,yBAAyB,0BAA0B;AAAA,IACvD,WAAW,KAAK;AAAA,IAChB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,sBAAoB;AAAA;AAAA,IACtB;AAAA,EACF;AAEJ;AAEA,MAAM,gBAAkC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC9D,SAAO,oCAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;AAEf,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAI8B;AAC5B,MAAI,WAAW,MAAM,OAAO,QAAQ;AAClC,WAAO,EAAE,MAAM,OAAO;AAAA,EACxB;AAEA,MAAI,WAAW,MAAM,QAAQ;AAC3B,WAAO,EAAE,MAAM,SAAS;AAAA,EAC1B;AAEA,MAAI,QAAQ;AACV,WAAO,EAAE,MAAM,UAAU,SAAS,OAAO;AAAA,EAC3C;AAEA,SAAO,EAAE,MAAM,UAAU;AAC3B;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAK0C;AACxC,QAAM,EAAE,UAAU,cAAc,IAAI;AACpC,MAAI,WAAW,kBAAkB,QAAQ,kBAAkB,QAAQ,CAAC,UAAU;AAC5E;AAAA,EACF;AAEA,SAAO,OAAK;AACV,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,YAAQ,iBAAiB,YAAY,SAAS,cAAc;AAC5D,aAAS,MAAM;AAAA,EACjB;AACF;",
   "names": []
 }

package/dist/es/plugin-image/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = 'c89447b7';  
+var styleDataHash = 'd6da6e72';  
 export const injectCss = (() => {
-  var css = `.glob_fontElementMap,.uJxh-{font-family:var(--ricos-font-family,unset)}.FPTw7{display:block!important;margin:12px 0}.vS5Jy{display:block;overflow:hidden;position:relative}.AkBW8{background-color:#fff;border-radius:30px;display:none;height:28px;position:absolute;right:12px;top:12px;width:28px;z-index:10}.vS5Jy:is(:hover,:focus) .AkBW8{align-items:center;display:flex;justify-content:center}._7RstM{height:16px;position:absolute;width:16px;z-index:11}.RH2Yr{cursor:pointer}.-zq9j{overflow:hidden}.jc4RX{position:relative;width:100%}.jc4RX:before{content:"";display:block;padding-bottom:calc(var(--dim-height)/var(--dim-width)*100%);width:100%}.jc4RX>:first-child{bottom:0;left:0;position:absolute;right:0;top:0}.DBhLe{display:block;height:auto;width:100%}.wocC-{bottom:0;left:0;position:absolute;right:0;top:0}.dG5V-{filter:blur(8px);position:relative}.dG5V-,.o0REP{transition:opacity .8s ease}.o0REP{left:0;opacity:0;position:absolute;top:0}.o0REP._52V-B{opacity:1;position:relative}@keyframes hQ89C{0%{left:-5%;width:5%}50%{left:25%;width:50%}to{left:100%;width:5%}}.glob_fontElementMap,.wn3kv{font-family:var(--ricos-font-family,unset)}.vEdwH{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.vEdwH>span>a,.vEdwH>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.vEdwH{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.vEdwH{font-size:var(--ricos-custom-p-font-size,unset)}}.rueY7{margin:12px 0}`;
+  var css = `.glob_fontElementMap,.m2HMQ{font-family:var(--ricos-font-family,unset)}.bkHjV{display:block!important;margin:12px 0}.ttuZY{display:block;overflow:hidden;position:relative}.JRM4a{background-color:#fff;border-radius:30px;display:none;height:28px;position:absolute;right:12px;top:12px;width:28px;z-index:10}.ttuZY:is(:hover,:focus) .JRM4a{align-items:center;display:flex;justify-content:center}.BIrqP{height:16px;position:absolute;width:16px;z-index:11}._8NaJA{cursor:pointer}.pe-V8{overflow:hidden}.G3qcW{position:relative;width:100%}.G3qcW:before{content:"";display:block;padding-bottom:calc(var(--dim-height)/var(--dim-width)*100%);width:100%}.G3qcW>:first-child{bottom:0;left:0;position:absolute;right:0;top:0}.ABtfZ{display:block;height:auto;width:100%}._2QnDZ{bottom:0;left:0;position:absolute;right:0;top:0}.atoCX{filter:blur(8px);position:relative}.Oxuig,.atoCX{transition:opacity .8s ease}.Oxuig{left:0;opacity:0;position:absolute;top:0}.Oxuig._2yXNx{opacity:1;position:relative}@keyframes aWfBU{0%{left:-5%;width:5%}50%{left:25%;width:50%}to{left:100%;width:5%}}.B5dWr{margin:12px 0}.D4bbM,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.cP2-F{--ricos-custom-p-font-size:14px;color:var(--ricos-custom-p-color,unset);display:block;font-family:var(--ricos-custom-p-font-family,unset);font-size:var(--ricos-custom-p-font-size,unset);font-style:var(--ricos-custom-p-font-style,unset);font-weight:var(--ricos-custom-p-font-weight,unset);justify-content:center;line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-align:center;text-decoration:var(--ricos-custom-p-text-decoration,unset)}.cP2-F>span>a,.cP2-F>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){.cP2-F{font-size:var(--ricos-custom-p-font-size,unset)}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-indent/tiptap.js

@@ -60,9 +60,7 @@ const indent = createRicosFunctionalExtension({
           return tr;
         };
         return {
-          applyIndentation: (direction) => ({ tr, state, dispatch }) => {
-            const { selection } = state;
-            tr.setSelection(selection);
+          applyIndentation: (direction) => ({ tr, dispatch }) => {
             updateIndentationLevel(tr, direction);
             if (tr.docChanged) {
               dispatch?.(tr);