@wix/ricos 10.110.0 → 10.112.0

package/dist/cjs/plugin-image/tiptap/image-tiptap-extension.js

@@ -21,8 +21,6 @@ __export(image_tiptap_extension_exports, {
 });
 module.exports = __toCommonJS(image_tiptap_extension_exports);
 var import_core = require("@tiptap/core");
-var import_model = require("@tiptap/pm/model");
-var import_state = require("@tiptap/pm/state");
 var import_ricos_content = require("./../../ricos-content");
 var import_plugin_commons = require("./../../plugin-commons");
 var import_helpers = require("./../../tiptap-editor/helpers");
@@ -42,91 +40,6 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
     })
   }),
   Component: import_image.Image,
-  renderingOptions: {
-    onDragStart({ editor, dragHandle, event }) {
-      const target = event.target;
-      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {
-        return;
-      }
-      if (this.dom === dragHandle) {
-        event.dataTransfer?.setDragImage(this.dom, 0, 0);
-      } else {
-        const domBox = this.dom.getBoundingClientRect();
-        const handleBox = dragHandle.getBoundingClientRect();
-        const nativeEvent = "nativeEvent" in event ? event.nativeEvent : event;
-        const x = handleBox.x - domBox.x + nativeEvent.offsetX;
-        const y = handleBox.y - domBox.y + nativeEvent.offsetY;
-        event.dataTransfer?.setDragImage(this.dom, x, y);
-      }
-      const selection = import_state.NodeSelection.create(editor.view.state.doc, this.getPos() - 1);
-      const transaction = editor.view.state.tr.setSelection(selection);
-      editor.view.dispatch(transaction);
-    },
-    stopEvent({ event }) {
-      const target = event.target;
-      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);
-      if (!isInElement) {
-        return false;
-      }
-      const isDragEvent = event.type.startsWith("drag");
-      const isDropEvent = event.type === "drop";
-      const isInput = ["INPUT", "BUTTON", "SELECT", "TEXTAREA"].includes(target.tagName) || target.isContentEditable;
-      if (isInput && !isDropEvent && !isDragEvent) {
-        return true;
-      }
-      const { isEditable } = this.editor;
-      const { isDragging } = this;
-      const isDraggable = true;
-      const isSelectable = import_state.NodeSelection.isSelectable(this.node);
-      const isCopyEvent = event.type === "copy";
-      const isPasteEvent = event.type === "paste";
-      const isCutEvent = event.type === "cut";
-      const isClickEvent = event.type === "mousedown";
-      if (!isDraggable && isSelectable && isDragEvent) {
-        event.preventDefault();
-      }
-      if (isDraggable && isDragEvent && !isDragging) {
-        event.preventDefault();
-        return false;
-      }
-      if (isDraggable && isEditable && !isDragging && isClickEvent) {
-        const dragHandle = target.closest("[data-drag-handle]");
-        const isValidDragHandle = this.dom.closest(".node-IMAGE")?.contains(dragHandle);
-        if (isValidDragHandle) {
-          this.isDragging = true;
-          const selection = import_state.NodeSelection.create(this.editor.view.state.doc, this.getPos());
-          const transaction = this.editor.view.state.tr.setSelection(selection);
-          this.editor.view.dispatch(transaction);
-          this.editor.view.focus();
-          document.addEventListener(
-            "dragend",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "drop",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-          document.addEventListener(
-            "mouseup",
-            () => {
-              this.isDragging = false;
-            },
-            { once: true }
-          );
-        }
-      }
-      if (isDragging || isDropEvent || isCopyEvent || isPasteEvent || isCutEvent || isClickEvent && isSelectable) {
-        return false;
-      }
-      return true;
-    }
-  },
   createExtensionConfig({ Plugin, PluginKey }) {
     const insertAndUploadImage = ({
       commands,
@@ -171,7 +84,7 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
        * to shortcuts to work
        */
       priority: 102,
-      group: "block",
+      group: "block figure",
       selectable: true,
       draggable: true,
       addAttributes: () => import_consts.tiptapImageAttributeDefaults,
@@ -180,20 +93,6 @@ const imageTiptapExtension = (0, import_plugin_commons.createRicosNodeExtension)
           new Plugin({
             key: new PluginKey("handlePasteImage"),
             props: {
-              transformCopied: (slice, { state }) => {
-                const node = slice.content.firstChild;
-                if (slice.content.size === 1 && node?.type.name === import_ricos_content.TIPTAP_IMAGE_TYPE) {
-                  const imagePos = (0, import_helpers.findNodeById)(state.tr, node.attrs.id)[0]?.pos;
-                  const figureNode = state.doc.resolve(imagePos).parent;
-                  const newSlice = new import_model.Slice(
-                    import_model.Fragment.from(figureNode),
-                    slice.openStart,
-                    slice.openEnd
-                  );
-                  return newSlice;
-                }
-                return slice;
-              },
               handlePaste: (editor, event) => {
                 const { state } = editor;
                 const { selection } = state;

package/dist/cjs/plugin-image/tiptap/image-tiptap-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/tiptap/image-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\nimport { Fragment, Slice } from '@tiptap/pm/model';\nimport { NodeSelection } from '@tiptap/pm/state';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  renderingOptions: {\n    onDragStart({ editor, dragHandle, event }) {\n      const target = event.target as HTMLElement;\n      if (!this.dom || this.contentDOM?.contains(target) || !dragHandle) {\n        return;\n      }\n\n      if (this.dom === dragHandle) {\n        event.dataTransfer?.setDragImage(this.dom, 0, 0);\n      } else {\n        const domBox = this.dom.getBoundingClientRect();\n        const handleBox = dragHandle.getBoundingClientRect();\n        const nativeEvent = 'nativeEvent' in event ? event.nativeEvent : event;\n\n        const x = handleBox.x - domBox.x + nativeEvent.offsetX;\n        const y = handleBox.y - domBox.y + nativeEvent.offsetY;\n        event.dataTransfer?.setDragImage(this.dom, x, y);\n      }\n\n      const selection = NodeSelection.create(editor.view.state.doc, this.getPos() - 1); // minus one to select whole figure\n      const transaction = editor.view.state.tr.setSelection(selection);\n      editor.view.dispatch(transaction);\n    },\n    stopEvent({ event }) {\n      const target = event.target as HTMLElement;\n      const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target);\n      // any event from child nodes should be handled by ProseMirror\n      if (!isInElement) {\n        return false;\n      }\n      const isDragEvent = event.type.startsWith('drag');\n      const isDropEvent = event.type === 'drop';\n      const isInput =\n        ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName) ||\n        target.isContentEditable;\n      // any input event within node views should be ignored by ProseMirror\n      if (isInput && !isDropEvent && !isDragEvent) {\n        return true;\n      }\n      const { isEditable } = this.editor;\n      const { isDragging } = this;\n      const isDraggable = true;\n      const isSelectable = NodeSelection.isSelectable(this.node);\n      const isCopyEvent = event.type === 'copy';\n      const isPasteEvent = event.type === 'paste';\n      const isCutEvent = event.type === 'cut';\n      const isClickEvent = event.type === 'mousedown';\n      // ProseMirror tries to drag selectable nodes\n      // even if `draggable` is set to `false`\n      // this fix prevents that\n      if (!isDraggable && isSelectable && isDragEvent) {\n        event.preventDefault();\n      }\n      if (isDraggable && isDragEvent && !isDragging) {\n        event.preventDefault();\n        return false;\n      }\n      // we have to store that dragging started\n      if (isDraggable && isEditable && !isDragging && isClickEvent) {\n        const dragHandle = target.closest('[data-drag-handle]');\n        const isValidDragHandle = this.dom.closest('.node-IMAGE')?.contains(dragHandle);\n        if (isValidDragHandle) {\n          this.isDragging = true;\n\n          // we want to set correct selection when dragging starts when image is not selected\n          const selection = NodeSelection.create(this.editor.view.state.doc, this.getPos());\n          const transaction = this.editor.view.state.tr.setSelection(selection);\n          this.editor.view.dispatch(transaction);\n          this.editor.view.focus();\n\n          document.addEventListener(\n            'dragend',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'drop',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n\n          document.addEventListener(\n            'mouseup',\n            () => {\n              this.isDragging = false;\n            },\n            { once: true }\n          );\n        }\n      }\n      // these events are handled by prosemirror\n      if (\n        isDragging ||\n        isDropEvent ||\n        isCopyEvent ||\n        isPasteEvent ||\n        isCutEvent ||\n        (isClickEvent && isSelectable)\n      ) {\n        return false;\n      }\n\n      return true;\n    },\n  },\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              transformCopied: (slice, { state }) => {\n                const node = slice.content.firstChild;\n                if (slice.content.size === 1 && node?.type.name === TIPTAP_IMAGE_TYPE) {\n                  const imagePos = findNodeById(state.tr, node.attrs.id)[0]?.pos;\n                  const figureNode = state.doc.resolve(imagePos).parent;\n                  const newSlice = new Slice(\n                    Fragment.from(figureNode),\n                    slice.openStart,\n                    slice.openEnd\n                  );\n\n                  return newSlice;\n                }\n\n                return slice;\n              },\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor, SingleCommands } from '@tiptap/core';\nimport { findParentNodeClosestToPos } from '@tiptap/core';\n\nimport type { UploadService } from './../../ricos-common';\nimport {\n  type FileComponentData,\n  generateId,\n  type ImageComponentData,\n  TIPTAP_CAPTION_TYPE,\n  TIPTAP_FIGURE_TYPE,\n  TIPTAP_IMAGE_TYPE,\n  type UpdateEntityFunc,\n  type VideoComponentData,\n} from './../../ricos-content';\nimport type { ExtensionProps, NodeConfig, RicosExtension, RicosServices } from './../../ricos-types';\nimport { createRicosNodeExtension, Uploader } from './../../plugin-commons';\nimport { findNodeById } from './../../tiptap-editor/helpers';\n\nimport { RICOS_DEFAULTS, tiptapImageAttributeDefaults } from '../consts';\nimport { ImagePluginService } from '../toolbar/imagePluginService';\nimport { Image } from './image';\n\nexport type FileUploadHandlerFn = (\n  file: File,\n  updateEntity: UpdateEntityFunc<ImageComponentData | VideoComponentData | FileComponentData>\n) => void;\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    image: {\n      /**\n       * Toggle a paragraph\n       */\n      setImageUrl: (url: string) => ReturnType;\n      /**\n       * Update Image's loading state\n       */\n      setImageLoading: (isLoading: boolean) => ReturnType;\n      /**\n       * Save image from file\n       */\n      insertImageFromFile: (file: File, position: 'above' | 'below') => ReturnType;\n    };\n  }\n}\n\nexport const imageTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  name: TIPTAP_IMAGE_TYPE,\n  groups: ['not-overtypable', 'spoilerable', 'resizable', 'custom-styles', 'shortcuts-enabled'],\n  reconfigure: (\n    config: NodeConfig,\n    _extensions: RicosExtension[],\n    _props: ExtensionProps,\n    settings: Record<string, unknown>,\n    services: RicosServices\n  ) => ({\n    ...config,\n    addOptions: () => ({\n      services,\n      imagePluginService: new ImagePluginService(),\n      ...settings,\n    }),\n  }),\n  Component: Image,\n  createExtensionConfig({ Plugin, PluginKey }) {\n    const insertAndUploadImage = ({\n      commands,\n      pos,\n      file,\n      uploadService,\n      handleFileUpload,\n      imagePluginService,\n    }: {\n      commands: SingleCommands;\n      pos: number;\n      file: File;\n      uploadService: UploadService;\n      handleFileUpload: FileUploadHandlerFn;\n      imagePluginService: ImagePluginService;\n    }): string => {\n      const imageNodeId = generateId();\n      commands.insertContentAt(pos, {\n        type: TIPTAP_FIGURE_TYPE,\n        attrs: {\n          id: generateId(),\n        },\n        content: [\n          {\n            type: TIPTAP_IMAGE_TYPE,\n            attrs: {\n              id: imageNodeId,\n              containerData: RICOS_DEFAULTS.containerData,\n            },\n          },\n          {\n            type: TIPTAP_CAPTION_TYPE,\n          },\n        ],\n      });\n      uploadService?.uploadFile(\n        file,\n        imageNodeId,\n        new Uploader(handleFileUpload),\n        TIPTAP_FIGURE_TYPE,\n        imagePluginService\n      );\n\n      return imageNodeId;\n    };\n\n    return {\n      name: this.name,\n      /*\n       * Priority should be higher than ricos-common-plugin list-item extension in order\n       * to shortcuts to work\n       */\n      priority: 102,\n      group: 'block figure',\n      selectable: true,\n      draggable: true,\n      addAttributes: () => tiptapImageAttributeDefaults,\n      addProseMirrorPlugins() {\n        return [\n          new Plugin({\n            key: new PluginKey('handlePasteImage'),\n            props: {\n              handlePaste: (editor, event) => {\n                const { state } = editor;\n                const { selection } = state;\n\n                let hasFiles = false;\n\n                // Prefer text to images.\n                // This check solves issue with MacOS + MS Word, where copied text\n                // will also have `image/png` inside clipboardData, resulting in pasting\n                // image instead of text\n                if (event?.clipboardData?.types.includes('text/plain')) {\n                  return false;\n                }\n\n                this.editor\n                  .chain()\n                  .command(({ tr, commands }) => {\n                    const ids = Array.from(event?.clipboardData?.files || [])\n                      .filter((file: File) => file.type.startsWith('image'))\n                      .map(file => {\n                        return insertAndUploadImage({\n                          commands,\n                          pos: selection.$to.pos,\n                          file,\n                          uploadService: this.options.services?.uploadService,\n                          handleFileUpload: this.options.handleFileUpload,\n                          imagePluginService: this.options.imagePluginService,\n                        });\n                      });\n\n                    const last = ids[ids.length - 1];\n\n                    hasFiles = ids.length > 0;\n\n                    if (last) {\n                      const nodeWithPos = findNodeById(tr, last)[0];\n                      if (nodeWithPos) {\n                        return commands.setNodeSelection(nodeWithPos.pos as number);\n                      }\n                    }\n\n                    return true;\n                  })\n                  .run();\n\n                if (hasFiles) {\n                  event.preventDefault();\n                  return true;\n                }\n                return false;\n              },\n            },\n          }),\n        ];\n      },\n      addCommands() {\n        return {\n          setImageUrl:\n            url =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { image: { src: { custom: url } } });\n            },\n          setImageLoading:\n            loading =>\n            ({ commands }) => {\n              return commands.updateAttributes(this.name, { loading });\n            },\n          insertImageFromFile:\n            (file, insertPosition) =>\n            ({ commands, tr }) => {\n              let position: number;\n\n              const from = tr.selection.from;\n              const to = tr.selection.to;\n              const blockRange = tr.selection.$from.blockRange(tr.selection.$to);\n\n              if (insertPosition === 'above') {\n                const depth = tr.selection.$from.depth;\n                const adjustedPos = blockRange?.start ?? tr.doc.resolve(from).start(depth);\n                position = Math.max(adjustedPos, 0);\n              } else {\n                const depth = tr.selection.$to.depth;\n                const pos = blockRange?.end ?? tr.doc.resolve(to).end(depth);\n                position = pos + (blockRange ? 0 : 1);\n              }\n\n              const id = insertAndUploadImage({\n                commands,\n                pos: position,\n                file,\n                uploadService: this.options.services?.uploadService,\n                handleFileUpload: this.options.handleFileUpload,\n                imagePluginService: this.options.imagePluginService,\n              });\n\n              const nodeWithPos = findNodeById(tr, id)[0];\n              if (nodeWithPos) {\n                return commands.setNodeSelection(nodeWithPos.pos as number);\n              }\n\n              return true;\n            },\n        };\n      },\n      addKeyboardShortcuts() {\n        const newLine = ({ editor }: { editor: Editor }) => {\n          const imageFigure = getImageFigure(editor);\n          if (!imageFigure) {\n            return false;\n          }\n          editor\n            .chain()\n            .setTextSelection(imageFigure.start + imageFigure.node.nodeSize - 1)\n            .createParagraphNear()\n            .focus()\n            .run();\n          return true;\n        };\n\n        const tiptapKeyboardShortcuts = {\n          Enter: newLine,\n        };\n\n        const newLineShortcuts: any = [];\n        this.options.services.shortcuts.shortcuts.forEach(shortcut => {\n          if (shortcut.shortcut.name === 'NewLine') {\n            newLineShortcuts.push(shortcut);\n          }\n        });\n\n        newLineShortcuts.forEach(newLineShortcut => {\n          const modifier = newLineShortcut.keys.macOs.modifiers[0];\n          const key = newLineShortcut.keys.macOs.key;\n          const shortcutKey = modifier ? `${modifier}-${key}` : key;\n          tiptapKeyboardShortcuts[shortcutKey] = newLine;\n        });\n\n        return tiptapKeyboardShortcuts;\n      },\n    };\n  },\n});\n\nconst getImageFigure = (editor: Editor) =>\n  findParentNodeClosestToPos(\n    editor.state.selection.$from,\n    node => node.type.name === TIPTAP_FIGURE_TYPE\n  );\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/plugin-image/viewer/common-types.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var common_types_exports = {};
+module.exports = __toCommonJS(common_types_exports);
+//# sourceMappingURL=common-types.js.map

package/dist/cjs/plugin-image/viewer/common-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-image/viewer/common-types.ts"],
+  "sourcesContent": ["export type ImageClickActionHandle = (e: React.MouseEvent | React.KeyboardEvent) => void;\n\nexport type ImageClickActionConfig =\n  | {\n      type: 'link' | 'anchor' | 'regular';\n    }\n  | {\n      type: 'expand';\n      onClick: ImageClickActionHandle;\n    };\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/plugin-image/viewer/image-container.js

@@ -34,7 +34,8 @@ var import_react = __toESM(require("react"));
 var import_dataHooks = require("../dataHooks");
 var import_image_viewer = __toESM(require("../statics/styles/image-viewer.rtlignore-scss"));
 const ImageContainer = (props) => {
-  const { type, disableDownload, children } = props;
+  const { type, children } = props;
+  const handleOnContextMenu = props.disableDownload === true ? (e) => e.preventDefault() : void 0;
   const hasOnClick = "onClick" in props;
   const onClick = hasOnClick ? props.onClick : void 0;
   const onKeyDown = onClick ? (e) => {
@@ -45,9 +46,9 @@ const ImageContainer = (props) => {
   const interactions = {
     onClick,
     onKeyDown,
-    onContextMenu: disableDownload
+    onContextMenu: handleOnContextMenu
   };
-  const role = hasOnClick || type === "regular" && !!disableDownload ? "button" : void 0;
+  const role = hasOnClick || type === "regular" && !!handleOnContextMenu ? "button" : void 0;
   const tabIndex = role === "button" ? 0 : void 0;
   return /* @__PURE__ */ import_react.default.createElement(
     "div",

package/dist/cjs/plugin-image/viewer/image-container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/image-container.tsx"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type {\n  ImageClickActionConfig,\n  ImageClickActionHandle,\n} from './get-image-click-action-config';\n\ntype ImageContainerProps = ImageClickActionConfig & {\n  disableDownload?: ImageClickActionHandle;\n  children: ReactNode;\n};\n\nexport const ImageContainer = (props: ImageContainerProps) => {\n  const { type, disableDownload, children } = props;\n\n  const hasOnClick = 'onClick' in props;\n\n  const onClick = hasOnClick ? props.onClick : undefined;\n\n  const onKeyDown = onClick\n    ? (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onClick(e);\n        }\n      }\n    : undefined;\n\n  const interactions = {\n    onClick,\n    onKeyDown,\n    onContextMenu: disableDownload,\n  };\n\n  const role = hasOnClick || (type === 'regular' && !!disableDownload) ? 'button' : undefined;\n  const tabIndex = role === 'button' ? 0 : undefined;\n\n  return (\n    <div\n      {...(role === 'button' ? interactions : {})}\n      role={role}\n      data-hook={ROOT}\n      tabIndex={tabIndex}\n      className={styles.imageContainer}\n      aria-haspopup={role === 'button' ? true : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,uBAAqB;AACrB,0BAAmB;AAWZ,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,MAAM,iBAAiB,SAAS,IAAI;AAE5C,QAAM,aAAa,aAAa;AAEhC,QAAM,UAAU,aAAa,MAAM,UAAU;AAE7C,QAAM,YAAY,UACd,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF,IACA;AAEJ,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,QAAM,OAAO,cAAe,SAAS,aAAa,CAAC,CAAC,kBAAmB,WAAW;AAClF,QAAM,WAAW,SAAS,WAAW,IAAI;AAEzC,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,SAAS,WAAW,eAAe,CAAC;AAAA,MACzC;AAAA,MACA,aAAW;AAAA,MACX;AAAA,MACA,WAAW,oBAAAC,QAAO;AAAA,MAClB,iBAAe,SAAS,WAAW,OAAO;AAAA;AAAA,IAEzC;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ROOT } from '../dataHooks';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImageClickActionConfig } from './common-types';\n\ntype ImageContainerProps = ImageClickActionConfig & {\n  disableDownload: boolean | undefined;\n  children: ReactNode;\n};\n\nexport const ImageContainer = (props: ImageContainerProps) => {\n  const { type, children } = props;\n\n  const handleOnContextMenu =\n    props.disableDownload === true ? (e: React.MouseEvent) => e.preventDefault() : undefined;\n\n  const hasOnClick = 'onClick' in props;\n\n  const onClick = hasOnClick ? props.onClick : undefined;\n\n  const onKeyDown = onClick\n    ? (e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onClick(e);\n        }\n      }\n    : undefined;\n\n  const interactions = {\n    onClick,\n    onKeyDown,\n    onContextMenu: handleOnContextMenu,\n  };\n\n  const role = hasOnClick || (type === 'regular' && !!handleOnContextMenu) ? 'button' : undefined;\n  const tabIndex = role === 'button' ? 0 : undefined;\n\n  return (\n    <div\n      {...(role === 'button' ? interactions : {})}\n      role={role}\n      data-hook={ROOT}\n      tabIndex={tabIndex}\n      className={styles.imageContainer}\n      aria-haspopup={role === 'button' ? true : undefined}\n    >\n      {children}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,uBAAqB;AACrB,0BAAmB;AAQZ,MAAM,iBAAiB,CAAC,UAA+B;AAC5D,QAAM,EAAE,MAAM,SAAS,IAAI;AAE3B,QAAM,sBACJ,MAAM,oBAAoB,OAAO,CAAC,MAAwB,EAAE,eAAe,IAAI;AAEjF,QAAM,aAAa,aAAa;AAEhC,QAAM,UAAU,aAAa,MAAM,UAAU;AAE7C,QAAM,YAAY,UACd,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF,IACA;AAEJ,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,QAAM,OAAO,cAAe,SAAS,aAAa,CAAC,CAAC,sBAAuB,WAAW;AACtF,QAAM,WAAW,SAAS,WAAW,IAAI;AAEzC,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAI,SAAS,WAAW,eAAe,CAAC;AAAA,MACzC;AAAA,MACA,aAAW;AAAA,MACX;AAAA,MACA,WAAW,oBAAAC,QAAO;AAAA,MAClB,iBAAe,SAAS,WAAW,OAAO;AAAA;AAAA,IAEzC;AAAA,EACH;AAEJ;",
   "names": ["React", "styles"]
 }

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

@@ -57,7 +57,6 @@ const Image = ({
   const containerData = node.imageData?.containerData || import_consts.RICOS_DEFAULTS.containerData;
   const { image, altText } = node.imageData || {};
   const { src } = image || {};
-  const disableDownload = node.imageData?.disableDownload === true ? (e) => e.preventDefault() : void 0;
   const imageSource = (0, import_react.useMemo)(() => {
     if (dataUrl) {
       return dataUrl;
@@ -91,7 +90,7 @@ const Image = ({
     height: image?.height
   });
   const doDimensionsExist = width !== void 0 && height !== void 0;
-  return /* @__PURE__ */ import_react.default.createElement(import_image_container.ImageContainer, { ...imageClickActionConfig, disableDownload }, doDimensionsExist && imageSource && /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_image_container.ImageContainer, { ...imageClickActionConfig, disableDownload: node.imageData?.disableDownload }, doDimensionsExist && imageSource && /* @__PURE__ */ import_react.default.createElement(
     import_ui_components.Image,
     {
       id: node.imageData?.image?.src?.id ?? imageSource,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/viewer/image.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useMemo } from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, SEOSettings } from './../../ricos-types';\nimport { Image as ImageComp } from './../../ui-components';\n\nimport { RICOS_DEFAULTS } from '../consts';\nimport { EXPAND_BUTTON } from '../dataHooks';\nimport ExpandIcon from '../icons/expand';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type {\n  ImageClickActionConfig,\n  ImageClickActionHandle,\n} from './get-image-click-action-config';\nimport { ImageContainer } from './image-container';\nimport { useCustomWidthStyle } from './use-custom-width-style';\nimport { useFallbackWidthStyle } from './use-fallback-width-style';\nimport { useImageDimensions } from './use-image-dimensions';\nimport { useImageSocialAttributes } from './use-image-social-attributes';\n\ntype ImageViewerProps = {\n  node: Node;\n  isMobile: boolean;\n  imageClickActionConfig: ImageClickActionConfig;\n  shouldLazyLoadImages: boolean;\n  helpers?: Helpers;\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n  className?: string;\n  dataUrl?: string;\n  seoMode?: SEOSettings;\n};\n\nexport const Image = ({\n  dataUrl,\n  node,\n  className,\n  config,\n  helpers,\n  isMobile,\n  seoMode,\n  imageClickActionConfig,\n  expand,\n  shouldLazyLoadImages,\n}: ImageViewerProps) => {\n  const containerData = node.imageData?.containerData || RICOS_DEFAULTS.containerData;\n  const { image, altText } = node.imageData || {};\n  const { src } = image || {};\n\n  const disableDownload =\n    node.imageData?.disableDownload === true\n      ? (e: React.MouseEvent) => e.preventDefault()\n      : undefined;\n\n  const imageSource = useMemo(() => {\n    if (dataUrl) {\n      return dataUrl;\n    }\n\n    const { url, id } = src || {};\n    if (url) {\n      return url;\n    }\n    const { getImageUrl } = helpers ?? {};\n\n    if (getImageUrl && id) {\n      return getImageUrl({ file_name: id });\n    }\n\n    return id;\n  }, [\n    dataUrl,\n    node.imageData?.image?.src?.url,\n    node.imageData?.image?.src?.id,\n    helpers?.getImageUrl,\n  ]);\n\n  const { width, height } = useImageDimensions({\n    src: imageSource,\n    containerData,\n    image,\n  });\n  const fallbackWidthStyle = useFallbackWidthStyle({ containerData, isMobile });\n  const customWidthStyle = useCustomWidthStyle({ containerData, isMobile, width });\n  const socialAttributes = useImageSocialAttributes({\n    config,\n    src,\n    width: image?.width,\n    height: image?.height,\n  });\n\n  const doDimensionsExist = width !== undefined && height !== undefined;\n\n  return (\n    <ImageContainer {...imageClickActionConfig} disableDownload={disableDownload}>\n      {doDimensionsExist && imageSource && (\n        <ImageComp\n          id={node.imageData?.image?.src?.id ?? imageSource}\n          containerId={node.id}\n          displayMode=\"fill\"\n          width={width}\n          height={height}\n          uri={node.imageData?.image?.src?.id ?? imageSource}\n          alt={altText || ''}\n          containerProps={{\n            className: classNames(styles.imageWrapper, styles.imageRatio, className, {\n              [styles.pointer]: !!expand,\n            }),\n            containerId: node.id,\n            style: {\n              ['--dim-height' as string]: height,\n              ['--dim-width' as string]: width,\n              ...fallbackWidthStyle,\n              ...customWidthStyle,\n            },\n          }}\n          imageStyles={{\n            maxWidth: '100%',\n          }}\n          /* @ts-expect-error - draggable are not supported, nonetheless is spreaded to the element */\n          socialAttrs={{ ...socialAttributes, draggable: false }}\n          isSEOBot={!!seoMode}\n          {...(shouldLazyLoadImages\n            ? {\n                placeholderTransition: seoMode ? undefined : 'blur',\n                shouldUseLQIP: config?.disableTransition !== false,\n              }\n            : {})}\n        />\n      )}\n      {!!expand && (\n        <div\n          className={styles.expandContainer}\n          onClick={expand}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              expand(e);\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n          data-hook={EXPAND_BUTTON}\n        >\n          <ExpandIcon className={styles.expandIcon} />\n        </div>\n      )}\n    </ImageContainer>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAA+B;AAI/B,2BAAmC;AAEnC,oBAA+B;AAC/B,uBAA8B;AAC9B,oBAAuB;AACvB,0BAAmB;AAMnB,6BAA+B;AAC/B,oCAAoC;AACpC,sCAAsC;AACtC,kCAAmC;AACnC,yCAAyC;AAelC,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AACtB,QAAM,gBAAgB,KAAK,WAAW,iBAAiB,6BAAe;AACtE,QAAM,EAAE,OAAO,QAAQ,IAAI,KAAK,aAAa,CAAC;AAC9C,QAAM,EAAE,IAAI,IAAI,SAAS,CAAC;AAE1B,QAAM,kBACJ,KAAK,WAAW,oBAAoB,OAChC,CAAC,MAAwB,EAAE,eAAe,IAC1C;AAEN,QAAM,kBAAc,sBAAQ,MAAM;AAChC,QAAI,SAAS;AACX,aAAO;AAAA,IACT;AAEA,UAAM,EAAE,KAAK,GAAG,IAAI,OAAO,CAAC;AAC5B,QAAI,KAAK;AACP,aAAO;AAAA,IACT;AACA,UAAM,EAAE,YAAY,IAAI,WAAW,CAAC;AAEpC,QAAI,eAAe,IAAI;AACrB,aAAO,YAAY,EAAE,WAAW,GAAG,CAAC;AAAA,IACtC;AAEA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA,KAAK,WAAW,OAAO,KAAK;AAAA,IAC5B,KAAK,WAAW,OAAO,KAAK;AAAA,IAC5B,SAAS;AAAA,EACX,CAAC;AAED,QAAM,EAAE,OAAO,OAAO,QAAI,gDAAmB;AAAA,IAC3C,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,yBAAqB,uDAAsB,EAAE,eAAe,SAAS,CAAC;AAC5E,QAAM,uBAAmB,mDAAoB,EAAE,eAAe,UAAU,MAAM,CAAC;AAC/E,QAAM,uBAAmB,6DAAyB;AAAA,IAChD;AAAA,IACA;AAAA,IACA,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EACjB,CAAC;AAED,QAAM,oBAAoB,UAAU,UAAa,WAAW;AAE5D,SACE,6BAAAA,QAAA,cAAC,yCAAgB,GAAG,wBAAwB,mBACzC,qBAAqB,eACpB,6BAAAA,QAAA;AAAA,IAAC,qBAAAC;AAAA,IAAA;AAAA,MACC,IAAI,KAAK,WAAW,OAAO,KAAK,MAAM;AAAA,MACtC,aAAa,KAAK;AAAA,MAClB,aAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,KAAK,KAAK,WAAW,OAAO,KAAK,MAAM;AAAA,MACvC,KAAK,WAAW;AAAA,MAChB,gBAAgB;AAAA,QACd,eAAW,kBAAAC,SAAW,oBAAAC,QAAO,cAAc,oBAAAA,QAAO,YAAY,WAAW;AAAA,UACvE,CAAC,oBAAAA,QAAO,OAAO,GAAG,CAAC,CAAC;AAAA,QACtB,CAAC;AAAA,QACD,aAAa,KAAK;AAAA,QAClB,OAAO;AAAA,UACL,CAAC,cAAwB,GAAG;AAAA,UAC5B,CAAC,aAAuB,GAAG;AAAA,UAC3B,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,MAEA,aAAa,EAAE,GAAG,kBAAkB,WAAW,MAAM;AAAA,MACrD,UAAU,CAAC,CAAC;AAAA,MACX,GAAI,uBACD;AAAA,QACE,uBAAuB,UAAU,SAAY;AAAA,QAC7C,eAAe,QAAQ,sBAAsB;AAAA,MAC/C,IACA,CAAC;AAAA;AAAA,EACP,GAED,CAAC,CAAC,UACD,6BAAAH,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAAG,QAAO;AAAA,MAClB,SAAS;AAAA,MACT,WAAW,OAAK;AACd,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,iBAAO,CAAC;AAAA,QACV;AAAA,MACF;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,aAAW;AAAA;AAAA,IAEX,6BAAAH,QAAA,cAAC,cAAAI,SAAA,EAAW,WAAW,oBAAAD,QAAO,YAAY;AAAA,EAC5C,CAEJ;AAEJ;",
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useMemo } from 'react';\n\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport type { Helpers, SEOSettings } from './../../ricos-types';\nimport { Image as ImageComp } from './../../ui-components';\n\nimport { RICOS_DEFAULTS } from '../consts';\nimport { EXPAND_BUTTON } from '../dataHooks';\nimport ExpandIcon from '../icons/expand';\nimport styles from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImagePluginViewerConfig } from '../types';\nimport type { ImageClickActionConfig, ImageClickActionHandle } from './common-types';\nimport { ImageContainer } from './image-container';\nimport { useCustomWidthStyle } from './use-custom-width-style';\nimport { useFallbackWidthStyle } from './use-fallback-width-style';\nimport { useImageDimensions } from './use-image-dimensions';\nimport { useImageSocialAttributes } from './use-image-social-attributes';\n\ntype ImageViewerProps = {\n  node: Node;\n  isMobile: boolean;\n  imageClickActionConfig: ImageClickActionConfig;\n  shouldLazyLoadImages: boolean;\n  helpers?: Helpers;\n  config?: ImagePluginViewerConfig;\n  expand?: ImageClickActionHandle;\n  className?: string;\n  dataUrl?: string;\n  seoMode?: SEOSettings;\n};\n\nexport const Image = ({\n  dataUrl,\n  node,\n  className,\n  config,\n  helpers,\n  isMobile,\n  seoMode,\n  imageClickActionConfig,\n  expand,\n  shouldLazyLoadImages,\n}: ImageViewerProps) => {\n  const containerData = node.imageData?.containerData || RICOS_DEFAULTS.containerData;\n  const { image, altText } = node.imageData || {};\n  const { src } = image || {};\n\n  const imageSource = useMemo(() => {\n    if (dataUrl) {\n      return dataUrl;\n    }\n\n    const { url, id } = src || {};\n    if (url) {\n      return url;\n    }\n    const { getImageUrl } = helpers ?? {};\n\n    if (getImageUrl && id) {\n      return getImageUrl({ file_name: id });\n    }\n\n    return id;\n  }, [\n    dataUrl,\n    node.imageData?.image?.src?.url,\n    node.imageData?.image?.src?.id,\n    helpers?.getImageUrl,\n  ]);\n\n  const { width, height } = useImageDimensions({\n    src: imageSource,\n    containerData,\n    image,\n  });\n  const fallbackWidthStyle = useFallbackWidthStyle({ containerData, isMobile });\n  const customWidthStyle = useCustomWidthStyle({ containerData, isMobile, width });\n  const socialAttributes = useImageSocialAttributes({\n    config,\n    src,\n    width: image?.width,\n    height: image?.height,\n  });\n\n  const doDimensionsExist = width !== undefined && height !== undefined;\n\n  return (\n    <ImageContainer {...imageClickActionConfig} disableDownload={node.imageData?.disableDownload}>\n      {doDimensionsExist && imageSource && (\n        <ImageComp\n          id={node.imageData?.image?.src?.id ?? imageSource}\n          containerId={node.id}\n          displayMode=\"fill\"\n          width={width}\n          height={height}\n          uri={node.imageData?.image?.src?.id ?? imageSource}\n          alt={altText || ''}\n          containerProps={{\n            className: classNames(styles.imageWrapper, styles.imageRatio, className, {\n              [styles.pointer]: !!expand,\n            }),\n            containerId: node.id,\n            style: {\n              ['--dim-height' as string]: height,\n              ['--dim-width' as string]: width,\n              ...fallbackWidthStyle,\n              ...customWidthStyle,\n            },\n          }}\n          imageStyles={{\n            maxWidth: '100%',\n          }}\n          /* @ts-expect-error - draggable are not supported, nonetheless is spreaded to the element */\n          socialAttrs={{ ...socialAttributes, draggable: false }}\n          isSEOBot={!!seoMode}\n          {...(shouldLazyLoadImages\n            ? {\n                placeholderTransition: seoMode ? undefined : 'blur',\n                shouldUseLQIP: config?.disableTransition !== false,\n              }\n            : {})}\n        />\n      )}\n      {!!expand && (\n        <div\n          className={styles.expandContainer}\n          onClick={expand}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              expand(e);\n            }\n          }}\n          role=\"button\"\n          tabIndex={0}\n          data-hook={EXPAND_BUTTON}\n        >\n          <ExpandIcon className={styles.expandIcon} />\n        </div>\n      )}\n    </ImageContainer>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["React", "ImageComp", "classNames", "styles", "ExpandIcon"]
 }

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

@@ -34,10 +34,7 @@ module.exports = __toCommonJS(viewer_image_exports);
 var import_react = __toESM(require("react"));
 var import_ricos_content = require("./../../ricos-content");
 var import_ricos_context = require("./../../ricos-context");
-var import_v1 = require("./../../ricos-schema/legacy/wix/rich_content/v1");
-var import_image_viewer = __toESM(require("../statics/styles/image-viewer.rtlignore-scss"));
-var import_get_expand_function = require("./get-expand-function");
-var import_get_image_click_action_config = require("./get-image-click-action-config");
+var import_viewer_figure = require("../../plugin-figure/viewer/viewer-figure");
 var import_image = require("./image");
 const ViewerImage = ({
   node,
@@ -48,36 +45,26 @@ const ViewerImage = ({
   const { config: viewerConfig, seoMode, helpers } = (0, import_react.useContext)(import_ricos_context.RicosViewerContext);
   const { isMobile } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const config = viewerConfig[import_ricos_content.IMAGE_TYPE] ?? {};
-  const expand = (0, import_get_expand_function.getExpandFunction)({
+  const expand = getExpandFunction({
     helpers,
     config,
     nodeId: node.id,
     imageData: node.imageData
   });
-  const imageClickActionConfig = (0, import_get_image_click_action_config.getImageClickActionConfig)({
+  const imageClickActionConfig = getImageClickActionConfig({
     imageData: node.imageData,
     config,
     expand
   });
-  const nodes = node.imageData?.caption && !node.nodes?.length ? [
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_viewer_figure.ViewerFigure,
     {
-      type: import_v1.Node_Type.CAPTION,
-      id: (0, import_ricos_content.generateId)(),
-      nodes: [
-        {
-          type: import_v1.Node_Type.TEXT,
-          id: "",
-          nodes: [],
-          textData: {
-            text: node.imageData.caption,
-            decorations: []
-          }
-        }
-      ]
-    }
-  ] : node.nodes ?? [];
-  return /* @__PURE__ */ import_react.default.createElement(NodeViewContainer, { node, nodeIndex }, ({ ContainerElement, SpoilerWrapper, LinkWrapper }) => {
-    return /* @__PURE__ */ import_react.default.createElement(ContainerElement, null, /* @__PURE__ */ import_react.default.createElement("figure", { className: import_image_viewer.default.imageFigure }, /* @__PURE__ */ import_react.default.createElement(LinkWrapper, null, /* @__PURE__ */ import_react.default.createElement(SpoilerWrapper, null, /* @__PURE__ */ import_react.default.createElement(
+      node,
+      nodeIndex,
+      NodeViewContainer,
+      RicosNodesRenderer
+    },
+    /* @__PURE__ */ import_react.default.createElement(
       import_image.Image,
       {
         node,
@@ -89,11 +76,44 @@ const ViewerImage = ({
         isMobile,
         shouldLazyLoadImages: true
       }
-    ))), /* @__PURE__ */ import_react.default.createElement(RicosNodesRenderer, { nodes })));
-  });
+    )
+  );
 };
 const ImageRenderer = ({ node, ...props }) => {
   return /* @__PURE__ */ import_react.default.createElement(ViewerImage, { key: node.id, node, ...props });
 };
 var viewer_image_default = ImageRenderer;
+const getImageClickActionConfig = ({
+  imageData,
+  config,
+  expand
+}) => {
+  if (imageData?.link?.url && config) {
+    return { type: "link" };
+  }
+  if (imageData?.link?.anchor) {
+    return { type: "anchor" };
+  }
+  if (expand) {
+    return { type: "expand", onClick: expand };
+  }
+  return { type: "regular" };
+};
+const getExpandFunction = ({
+  helpers,
+  config,
+  nodeId,
+  imageData
+}) => {
+  const { onExpand, disableExpand } = config;
+  if (imageData?.disableExpand === true || disableExpand === true || !onExpand) {
+    return;
+  }
+  return (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    helpers.onViewerAction?.(import_ricos_content.IMAGE_TYPE, "Click", "expand_image");
+    onExpand(nodeId);
+  };
+};
 //# sourceMappingURL=viewer-image.js.map

package/dist/cjs/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 { generateId, IMAGE_TYPE } from './../../ricos-content';\nimport { RicosContext, RicosViewerContext } from './../../ricos-context';\nimport type { Node } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { type NodeViewRenderer, type NodeViewRendererProps } from './../../ricos-types';\n\nimport classes from '../statics/styles/image-viewer.rtlignore-scss';\nimport type { ImagePluginViewerConfig } from '../types';\nimport { getExpandFunction } from './get-expand-function';\nimport { getImageClickActionConfig } from './get-image-click-action-config';\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  const nodes: Node[] =\n    node.imageData?.caption && !node.nodes?.length\n      ? [\n          {\n            type: Node_Type.CAPTION,\n            id: generateId(),\n            nodes: [\n              {\n                type: Node_Type.TEXT,\n                id: '',\n                nodes: [],\n                textData: {\n                  text: node.imageData.caption,\n                  decorations: [],\n                },\n              },\n            ],\n          },\n        ]\n      : node.nodes ?? [];\n\n  return (\n    <NodeViewContainer node={node} nodeIndex={nodeIndex}>\n      {({ ContainerElement, SpoilerWrapper, LinkWrapper }) => {\n        return (\n          <ContainerElement>\n            <figure className={classes.imageFigure}>\n              <LinkWrapper>\n                <SpoilerWrapper>\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                </SpoilerWrapper>\n              </LinkWrapper>\n              <RicosNodesRenderer nodes={nodes} />\n            </figure>\n          </ContainerElement>\n        );\n      }}\n    </NodeViewContainer>\n  );\n};\n\nconst ImageRenderer: NodeViewRenderer = ({ node, ...props }) => {\n  return <ViewerImage key={node.id} node={node} {...props} />;\n};\n\nexport default ImageRenderer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkC;AAElC,2BAAuC;AACvC,2BAAiD;AAEjD,gBAA0B;AAG1B,0BAAoB;AAEpB,iCAAkC;AAClC,2CAA0C;AAC1C,mBAAsB;AAEf,MAAM,cAAyC,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,cAAc,SAAS,QAAQ,QAAI,yBAAW,uCAAkB;AAChF,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,QAAM,SAAU,aAAa,+BAAU,KAAK,CAAC;AAC7C,QAAM,aAAS,8CAAkB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,QAAQ,KAAK;AAAA,IACb,WAAW,KAAK;AAAA,EAClB,CAAC;AAED,QAAM,6BAAyB,gEAA0B;AAAA,IACvD,WAAW,KAAK;AAAA,IAChB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QACJ,KAAK,WAAW,WAAW,CAAC,KAAK,OAAO,SACpC;AAAA,IACE;AAAA,MACE,MAAM,oBAAU;AAAA,MAChB,QAAI,iCAAW;AAAA,MACf,OAAO;AAAA,QACL;AAAA,UACE,MAAM,oBAAU;AAAA,UAChB,IAAI;AAAA,UACJ,OAAO,CAAC;AAAA,UACR,UAAU;AAAA,YACR,MAAM,KAAK,UAAU;AAAA,YACrB,aAAa,CAAC;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,IACA,KAAK,SAAS,CAAC;AAErB,SACE,6BAAAA,QAAA,cAAC,qBAAkB,MAAY,aAC5B,CAAC,EAAE,kBAAkB,gBAAgB,YAAY,MAAM;AACtD,WACE,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,YAAO,WAAW,oBAAAC,QAAQ,eACzB,6BAAAD,QAAA,cAAC,mBACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,sBAAoB;AAAA;AAAA,IACtB,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,sBAAmB,OAAc,CACpC,CACF;AAAA,EAEJ,CACF;AAEJ;AAEA,MAAM,gBAAkC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC9D,SAAO,6BAAAA,QAAA,cAAC,eAAY,KAAK,KAAK,IAAI,MAAa,GAAG,OAAO;AAC3D;AAEA,IAAO,uBAAQ;",
-  "names": ["React", "classes"]
+  "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"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkC;AAElC,2BAA2B;AAC3B,2BAAiD;AAIjD,2BAA6B;AAG7B,mBAAsB;AAEf,MAAM,cAAyC,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,cAAc,SAAS,QAAQ,QAAI,yBAAW,uCAAkB;AAChF,QAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,QAAM,SAAU,aAAa,+BAAU,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,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,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,iCAAY,SAAS,cAAc;AAC5D,aAAS,MAAM;AAAA,EACjB;AACF;",
+  "names": ["React"]
 }

package/dist/cjs/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal-scss.js

@@ -21,8 +21,8 @@ __export(insert_decoration_modal_exports, {
 });
 module.exports = __toCommonJS(insert_decoration_modal_exports);
 var insert_decoration_modal_default = {
-  "panelRoot": "MVlkF",
-  "backButton": "s1CmQ",
-  "footer": "wbIHA"
+  "panelRoot": "HsH7B",
+  "backButton": "evThj",
+  "footer": "_2VDNh"
 };
 //# sourceMappingURL=insert-decoration-modal-scss.js.map

package/dist/cjs/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-line-spacing/insert-decoration-modal/insert-decoration-modal.scss"],
-  "sourcesContent": ["export default {\n  \"panelRoot\": \"MVlkF\",\n  \"backButton\": \"s1CmQ\",\n  \"footer\": \"wbIHA\"\n};"],
+  "sourcesContent": ["export default {\n  \"panelRoot\": \"HsH7B\",\n  \"backButton\": \"evThj\",\n  \"footer\": \"_2VDNh\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kCAAQ;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-link/statics/link-viewer-scss.js

@@ -21,12 +21,12 @@ __export(link_viewer_exports, {
 });
 module.exports = __toCommonJS(link_viewer_exports);
 var link_viewer_default = {
-  "fontElementMap": "hzIRe",
-  "link": "_1r7FD",
-  "linkInEditor": "ppsQ9",
-  "linkInViewer": "_1zDUb",
-  "toolbarUrlContainer": "j7xKW",
-  "toolbarUrl": "oj-w0",
-  "toolbarUrlAnchor": "RBlQO"
+  "fontElementMap": "xNs1l",
+  "link": "infec",
+  "linkInEditor": "FOFuF",
+  "linkInViewer": "_5kGcG",
+  "toolbarUrlContainer": "wRQWG",
+  "toolbarUrl": "_3CeTT",
+  "toolbarUrlAnchor": "c-q65"
 };
 //# sourceMappingURL=link-viewer-scss.js.map

package/dist/cjs/plugin-link/statics/link-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-link/statics/link-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"hzIRe\",\n  \"link\": \"_1r7FD\",\n  \"linkInEditor\": \"ppsQ9\",\n  \"linkInViewer\": \"_1zDUb\",\n  \"toolbarUrlContainer\": \"j7xKW\",\n  \"toolbarUrl\": \"oj-w0\",\n  \"toolbarUrlAnchor\": \"RBlQO\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"xNs1l\",\n  \"link\": \"infec\",\n  \"linkInEditor\": \"FOFuF\",\n  \"linkInViewer\": \"_5kGcG\",\n  \"toolbarUrlContainer\": \"wRQWG\",\n  \"toolbarUrl\": \"_3CeTT\",\n  \"toolbarUrlAnchor\": \"c-q65\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,oBAAoB;AACtB;",
   "names": []
 }

package/dist/cjs/plugin-link/toolbar/url-link-button-scss.js

@@ -21,8 +21,8 @@ __export(url_link_button_exports, {
 });
 module.exports = __toCommonJS(url_link_button_exports);
 var url_link_button_default = {
-  "toolbarUrlContainer": "zcpTr",
-  "toolbarUrl": "XRIXm",
-  "toolbarUrlAnchor": "_9dP8m"
+  "toolbarUrlContainer": "r96rx",
+  "toolbarUrl": "ynvOh",
+  "toolbarUrlAnchor": "EPjeC"
 };
 //# sourceMappingURL=url-link-button-scss.js.map

package/dist/cjs/plugin-link/toolbar/url-link-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-link/toolbar/url-link-button.scss"],
-  "sourcesContent": ["export default {\n  \"toolbarUrlContainer\": \"zcpTr\",\n  \"toolbarUrl\": \"XRIXm\",\n  \"toolbarUrlAnchor\": \"_9dP8m\"\n};"],
+  "sourcesContent": ["export default {\n  \"toolbarUrlContainer\": \"r96rx\",\n  \"toolbarUrl\": \"ynvOh\",\n  \"toolbarUrlAnchor\": \"EPjeC\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,0BAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,oBAAoB;AACtB;",
   "names": []
 }

package/dist/cjs/plugin-link-preview/statics/styles/link-preview-scss.js

@@ -21,13 +21,13 @@ __export(link_preview_exports, {
 });
 module.exports = __toCommonJS(link_preview_exports);
 var link_preview_default = {
-  "fontElementMap": "_9tGBd",
-  "linkPreview": "_3VSB-",
-  "linkPreviewImage": "_-3gwi",
-  "linkPreviewInfo": "w4XLZ",
-  "linkPreviewTitle": "rJsHY",
-  "ellipsis": "_76nk5",
-  "linkPreviewDescription": "LM4jd",
-  "linkPreviewUrl": "j-b0r"
+  "fontElementMap": "LRmxH",
+  "linkPreview": "fD6MN",
+  "linkPreviewImage": "X4J4O",
+  "linkPreviewInfo": "CY744",
+  "linkPreviewTitle": "MfdCJ",
+  "ellipsis": "dTAMP",
+  "linkPreviewDescription": "Z6Q6f",
+  "linkPreviewUrl": "NbIb4"
 };
 //# sourceMappingURL=link-preview-scss.js.map

package/dist/cjs/plugin-link-preview/statics/styles/link-preview-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-link-preview/statics/styles/link-preview.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_9tGBd\",\n  \"linkPreview\": \"_3VSB-\",\n  \"linkPreviewImage\": \"_-3gwi\",\n  \"linkPreviewInfo\": \"w4XLZ\",\n  \"linkPreviewTitle\": \"rJsHY\",\n  \"ellipsis\": \"_76nk5\",\n  \"linkPreviewDescription\": \"LM4jd\",\n  \"linkPreviewUrl\": \"j-b0r\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"LRmxH\",\n  \"linkPreview\": \"fD6MN\",\n  \"linkPreviewImage\": \"X4J4O\",\n  \"linkPreviewInfo\": \"CY744\",\n  \"linkPreviewTitle\": \"MfdCJ\",\n  \"ellipsis\": \"dTAMP\",\n  \"linkPreviewDescription\": \"Z6Q6f\",\n  \"linkPreviewUrl\": \"NbIb4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,0BAA0B;AAAA,EAC1B,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/plugin-mentions/statics/mention-list-scss.js

@@ -21,10 +21,10 @@ __export(mention_list_exports, {
 });
 module.exports = __toCommonJS(mention_list_exports);
 var mention_list_default = {
-  "fontElementMap": "dlaqX",
-  "mention_list": "Vwrhj",
-  "mention_item": "iQKH0",
-  "mention_item_selected": "ul9lv",
-  "avatar": "wwRfo"
+  "fontElementMap": "CQfWz",
+  "mention_list": "Sy6Qa",
+  "mention_item": "AHGsO",
+  "mention_item_selected": "zsMd8",
+  "avatar": "_4OUdb"
 };
 //# sourceMappingURL=mention-list-scss.js.map