@wix/ricos 10.114.0 → 10.115.0

package/dist/es/plugin-figure/tiptap/caption-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a00726f5";
+var styleDataHash = "9a5aa400";
 const injectCss = () => {
-  var css = `.glob_fontElementMap,.tZWp3{font-family:var(--ricos-font-family,unset)}._5Apmn{--ricos-custom-p-font-size:14px;align-items:center;color:var(--ricos-custom-p-color,unset);display:flex;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);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._5Apmn{text-align:center}[dir] ._5Apmn>span>a,[dir] ._5Apmn>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._5Apmn{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._5Apmn{font-size:var(--ricos-custom-p-font-size,unset)}}._8wpF-{gap:16px;padding-inline:16px 51px}`;
+  var css = `.glob_fontElementMap,.xVKD3{font-family:var(--ricos-font-family,unset)}._0VkW-{--ricos-custom-p-font-size:14px;align-items:center;color:var(--ricos-custom-p-color,unset);display:flex;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);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._0VkW-{text-align:center}[dir] ._0VkW->span>a,[dir] ._0VkW->span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._0VkW-{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._0VkW-{font-size:var(--ricos-custom-p-font-size,unset)}}.JvkV9{margin-inline-start:-8px;position:absolute}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var caption_default = {
-  "fontElementMap": "tZWp3",
-  "caption": "_5Apmn",
-  "withCaptionTrigger": "_8wpF-"
+  "fontElementMap": "xVKD3",
+  "caption": "_0VkW-",
+  "aiButtonContainer": "JvkV9"
 };
 export {
   caption_default as default,

package/dist/es/plugin-figure/tiptap/caption-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption.scss"],
-  "sourcesContent": ["var styleDataHash = 'a00726f5';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.tZWp3{font-family:var(--ricos-font-family,unset)}._5Apmn{--ricos-custom-p-font-size:14px;align-items:center;color:var(--ricos-custom-p-color,unset);display:flex;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);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._5Apmn{text-align:center}[dir] ._5Apmn>span>a,[dir] ._5Apmn>span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._5Apmn{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._5Apmn{font-size:var(--ricos-custom-p-font-size,unset)}}._8wpF-{gap:16px;padding-inline:16px 51px}`;\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\": \"tZWp3\",\n  \"caption\": \"_5Apmn\",\n  \"withCaptionTrigger\": \"_8wpF-\"\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,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,sBAAsB;AACxB;",
+  "sourcesContent": ["var styleDataHash = '9a5aa400';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.xVKD3{font-family:var(--ricos-font-family,unset)}._0VkW-{--ricos-custom-p-font-size:14px;align-items:center;color:var(--ricos-custom-p-color,unset);display:flex;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);line-height:var(--ricos-custom-p-line-height,unset);min-height:var(--ricos-custom-p-min-height,unset);padding-inline:16px;text-decoration:var(--ricos-custom-p-text-decoration,unset)}[dir] ._0VkW-{text-align:center}[dir] ._0VkW->span>a,[dir] ._0VkW->span>span{background-color:var(--ricos-custom-p-background-color,unset)}@supports not (contain:inline-size){@media only screen and (max-width:640px){._0VkW-{font-size:var(--ricos-custom-p-font-size,unset)}}}@container (width < 640px){._0VkW-{font-size:var(--ricos-custom-p-font-size,unset)}}.JvkV9{margin-inline-start:-8px;position:absolute}`;\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\": \"xVKD3\",\n  \"caption\": \"_0VkW-\",\n  \"aiButtonContainer\": \"JvkV9\"\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,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,qBAAqB;AACvB;",
   "names": []
 }

package/dist/es/plugin-figure/tiptap/caption-tiptap-extension.js

@@ -8,22 +8,14 @@ const captionTiptapExtension = createRicosNodeExtension({
   Component: Caption,
   placeholder: {
     predicate: ({ doc, pos, selection }) => {
-      const node = doc.resolve(pos);
-      const parentNode = node.parent;
+      const $pos = doc.resolve(pos);
+      const parentNode = $pos.parent;
       if (parentNode.type.name !== TIPTAP_FIGURE_TYPE) {
         return false;
       }
-      let selectedNode;
-      doc.nodesBetween(selection.from, selection.to, (node2) => {
-        if (node2.type.name === TIPTAP_FIGURE_TYPE) {
-          selectedNode = node2;
-          return false;
-        }
-      });
-      if (!selectedNode) {
-        return false;
-      }
-      return parentNode.attrs.id === selectedNode.attrs.id;
+      const isCurrNodeSelected = selection.from <= pos && selection.to >= pos;
+      const isCaptionFocused = selection.from === selection.to;
+      return isCurrNodeSelected && !isCaptionFocused;
     },
     content: "Figure_Caption_Input_Placeholder",
     alwaysVisible: true,

package/dist/es/plugin-figure/tiptap/caption-tiptap-extension.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption-tiptap-extension.ts"],
-  "sourcesContent": ["import type { Node as ProseMirrorNode } from '@tiptap/pm/model';\n\nimport { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Caption } from './caption';\n\nexport const captionTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  groups: ['not-overtypable', 'custom-styles'],\n  name: TIPTAP_CAPTION_TYPE,\n  Component: Caption,\n  placeholder: {\n    predicate: ({ doc, pos, selection }) => {\n      const node = doc.resolve(pos);\n      const parentNode = node.parent;\n\n      if (parentNode.type.name !== TIPTAP_FIGURE_TYPE) {\n        return false;\n      }\n\n      let selectedNode: ProseMirrorNode | undefined;\n      doc.nodesBetween(selection.from, selection.to, node => {\n        if (node.type.name === TIPTAP_FIGURE_TYPE) {\n          selectedNode = node;\n          return false;\n        }\n      });\n\n      if (!selectedNode) {\n        return false;\n      }\n\n      return parentNode.attrs.id === selectedNode.attrs.id;\n    },\n    content: 'Figure_Caption_Input_Placeholder',\n    alwaysVisible: true,\n    alignCenter: true,\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      content: 'text*',\n      isolating: true,\n      draggable: false,\n      selectable: true,\n\n      addAttributes() {\n        return {\n          textStyle: {\n            default: {\n              textAlignment: 'CENTER',\n              lineHeight: 1.5,\n            },\n          },\n          // Using `styleDefaults` instead of a `style` object because\n          // Tiptap requires the default value of `style` to be a string.\n          // For more context, see:\n          // https://github.com/ueberdosis/tiptap/blob/v2.8.0/packages/core/src/utilities/mergeAttributes.ts#L26\n          styleDefaults: {\n            default: {\n              paddingTop: '16px',\n              paddingBottom: '16px',\n            },\n          },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figcaption',\n          },\n        ];\n      },\n\n      renderHTML() {\n        return ['figcaption', {}, 0] as DOMOutputSpec;\n      },\n    };\n  },\n});\n"],
-  "mappings": "AAEA,SAAS,qBAAqB,0BAA0B;AAExD,SAAS,gCAAgC;AAEzC,SAAS,eAAe;AAEjB,MAAM,yBAAyB,yBAAyB;AAAA,EAC7D,MAAM;AAAA,EACN,QAAQ,CAAC,mBAAmB,eAAe;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA,IACX,WAAW,CAAC,EAAE,KAAK,KAAK,UAAU,MAAM;AACtC,YAAM,OAAO,IAAI,QAAQ,GAAG;AAC5B,YAAM,aAAa,KAAK;AAExB,UAAI,WAAW,KAAK,SAAS,oBAAoB;AAC/C,eAAO;AAAA,MACT;AAEA,UAAI;AACJ,UAAI,aAAa,UAAU,MAAM,UAAU,IAAI,CAAAA,UAAQ;AACrD,YAAIA,MAAK,KAAK,SAAS,oBAAoB;AACzC,yBAAeA;AACf,iBAAO;AAAA,QACT;AAAA,MACF,CAAC;AAED,UAAI,CAAC,cAAc;AACjB,eAAO;AAAA,MACT;AAEA,aAAO,WAAW,MAAM,OAAO,aAAa,MAAM;AAAA,IACpD;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MAEZ,gBAAgB;AACd,eAAO;AAAA,UACL,WAAW;AAAA,YACT,SAAS;AAAA,cACP,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA;AAAA;AAAA;AAAA;AAAA,UAKA,eAAe;AAAA,YACb,SAAS;AAAA,cACP,YAAY;AAAA,cACZ,eAAe;AAAA,YACjB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MAEA,aAAa;AACX,eAAO,CAAC,cAAc,CAAC,GAAG,CAAC;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
-  "names": ["node"]
+  "sourcesContent": ["import { TIPTAP_CAPTION_TYPE, TIPTAP_FIGURE_TYPE } from './../../ricos-content';\nimport type { DOMOutputSpec } from './../../ricos-types';\nimport { createRicosNodeExtension } from './../../plugin-commons';\n\nimport { Caption } from './caption';\n\nexport const captionTiptapExtension = createRicosNodeExtension({\n  type: 'react-node',\n  groups: ['not-overtypable', 'custom-styles'],\n  name: TIPTAP_CAPTION_TYPE,\n  Component: Caption,\n  placeholder: {\n    predicate: ({ doc, pos, selection }) => {\n      const $pos = doc.resolve(pos);\n      const parentNode = $pos.parent;\n\n      if (parentNode.type.name !== TIPTAP_FIGURE_TYPE) {\n        return false;\n      }\n\n      const isCurrNodeSelected = selection.from <= pos && selection.to >= pos;\n      const isCaptionFocused = selection.from === selection.to;\n\n      return isCurrNodeSelected && !isCaptionFocused;\n    },\n    content: 'Figure_Caption_Input_Placeholder',\n    alwaysVisible: true,\n    alignCenter: true,\n  },\n  createExtensionConfig() {\n    return {\n      name: this.name,\n      content: 'text*',\n      isolating: true,\n      draggable: false,\n      selectable: true,\n\n      addAttributes() {\n        return {\n          textStyle: {\n            default: {\n              textAlignment: 'CENTER',\n              lineHeight: 1.5,\n            },\n          },\n          // Using `styleDefaults` instead of a `style` object because\n          // Tiptap requires the default value of `style` to be a string.\n          // For more context, see:\n          // https://github.com/ueberdosis/tiptap/blob/v2.8.0/packages/core/src/utilities/mergeAttributes.ts#L26\n          styleDefaults: {\n            default: {\n              paddingTop: '16px',\n              paddingBottom: '16px',\n            },\n          },\n        };\n      },\n\n      parseHTML() {\n        return [\n          {\n            tag: 'figcaption',\n          },\n        ];\n      },\n\n      renderHTML() {\n        return ['figcaption', {}, 0] as DOMOutputSpec;\n      },\n    };\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,qBAAqB,0BAA0B;AAExD,SAAS,gCAAgC;AAEzC,SAAS,eAAe;AAEjB,MAAM,yBAAyB,yBAAyB;AAAA,EAC7D,MAAM;AAAA,EACN,QAAQ,CAAC,mBAAmB,eAAe;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA,IACX,WAAW,CAAC,EAAE,KAAK,KAAK,UAAU,MAAM;AACtC,YAAM,OAAO,IAAI,QAAQ,GAAG;AAC5B,YAAM,aAAa,KAAK;AAExB,UAAI,WAAW,KAAK,SAAS,oBAAoB;AAC/C,eAAO;AAAA,MACT;AAEA,YAAM,qBAAqB,UAAU,QAAQ,OAAO,UAAU,MAAM;AACpE,YAAM,mBAAmB,UAAU,SAAS,UAAU;AAEtD,aAAO,sBAAsB,CAAC;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AACtB,WAAO;AAAA,MACL,MAAM,KAAK;AAAA,MACX,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MAEZ,gBAAgB;AACd,eAAO;AAAA,UACL,WAAW;AAAA,YACT,SAAS;AAAA,cACP,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA,UACF;AAAA;AAAA;AAAA;AAAA;AAAA,UAKA,eAAe;AAAA,YACb,SAAS;AAAA,cACP,YAAY;AAAA,cACZ,eAAe;AAAA,YACjB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MAEA,YAAY;AACV,eAAO;AAAA,UACL;AAAA,YACE,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MAEA,aAAa;AACX,eAAO,CAAC,cAAc,CAAC,GAAG,CAAC;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
 }

package/dist/es/plugin-figure/tiptap/caption.js

@@ -43,13 +43,10 @@ const Caption = ({ NodeViewContent, editor, node }) => {
     {
       className: classNames(
         classes.caption,
-        getNodeContainerClasses(editor, node.attrs.id, isMobile),
-        {
-          [classes.withCaptionTrigger]: hasAiButton
-        }
+        getNodeContainerClasses(editor, node.attrs.id, isMobile)
       )
     },
-    hasAiButton ? /* @__PURE__ */ React.createElement(
+    hasAiButton ? /* @__PURE__ */ React.createElement("div", { className: classes.aiButtonContainer }, /* @__PURE__ */ React.createElement(
       AiButton,
       {
         node: ricosParentNode,
@@ -60,7 +57,7 @@ const Caption = ({ NodeViewContent, editor, node }) => {
           editor.view.dispatch(tr);
         }
       }
-    ) : null,
+    )) : null,
     /* @__PURE__ */ React.createElement(
       NodeViewContent,
       {

package/dist/es/plugin-figure/tiptap/caption.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/caption.tsx"],
-  "sourcesContent": ["import type { Editor } from '@tiptap/react';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_CAPTION_TYPE } from './../../ricos-content';\nimport { PluginsEventsContext, RicosContext, usePluginExportsContext } from './../../ricos-context';\nimport type { ImageNode } from './../../ricos-schema/next-schema';\nimport type { PluginProps } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { CAPTION } from '../data-hooks';\nimport classes from './caption-scss';\nimport { useEditorSelection } from './use-editor-selection';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\nexport const Caption: React.FC<PluginProps> = ({ NodeViewContent, editor, node }) => {\n  const { isMobile } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const pluginExports = usePluginExportsContext();\n  const selectedNodes = useEditorSelection(editor).selectedNodes;\n  const captionNodePos = editor.$doc.querySelector(TIPTAP_CAPTION_TYPE, {\n    id: node.attrs.id,\n  });\n  const converters = useConverters();\n  if (!captionNodePos?.parent?.node) {\n    console.error('Caption must have a parent.');\n    return null;\n  }\n  const ricosParentNode = converters.fromPmNode(captionNodePos.parent.node.toJSON());\n\n  const AiButton = pluginExports.aiIntegrations?.image?.captionTrigger;\n\n  const isCaptionSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === node.attrs?.id\n  );\n  const isParentSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === ricosParentNode?.id\n  );\n\n  useEffect(() => {\n    if (node.content.firstChild?.text || isCaptionSelected || isParentSelected) {\n      return;\n    }\n    pluginsEvents?.publishPluginLayoutShift({ nodeId: node.attrs.id });\n  }, [isCaptionSelected, isParentSelected]);\n\n  const hasAiButton = isCaptionSelected && ricosParentNode?.type === Node_Type.IMAGE && AiButton;\n\n  return isCaptionSelected || isParentSelected || !!node.content.firstChild ? (\n    <div\n      className={classNames(\n        classes.caption,\n        getNodeContainerClasses(editor, node.attrs.id, isMobile),\n        {\n          [classes.withCaptionTrigger]: hasAiButton,\n        }\n      )}\n    >\n      {hasAiButton ? (\n        <AiButton\n          node={ricosParentNode as ImageNode}\n          onCaptionChange={caption => {\n            const { range } = captionNodePos;\n            const { tr } = editor.state;\n\n            tr.insertText(caption, range.from, range.to);\n            editor.view.dispatch(tr);\n          }}\n        />\n      ) : null}\n      <NodeViewContent\n        dir=\"auto\"\n        data-hook={CAPTION}\n        as=\"figcaption\"\n        style={{\n          width: '100%',\n          overflow: 'auto',\n          lineHeight: node.attrs?.textStyle?.lineHeight,\n          textAlign: node.attrs?.textStyle?.textAlignment,\n          paddingTop: node.attrs?.style?.paddingTop ?? node.attrs?.styleDefaults?.paddingTop,\n          paddingBottom:\n            node.attrs?.style?.paddingBottom ?? node.attrs?.styleDefaults?.paddingBottom,\n        }}\n      />\n    </div>\n  ) : null;\n};\n\nconst getNodeContainerClasses = (editor: Editor, nodeId: string, isMobile: boolean) => {\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": "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",
+  "sourcesContent": ["import type { Editor } from '@tiptap/react';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect } from 'react';\n\nimport { useConverters } from './../../pm-converters/context';\nimport { TIPTAP_CAPTION_TYPE } from './../../ricos-content';\nimport { PluginsEventsContext, RicosContext, usePluginExportsContext } from './../../ricos-context';\nimport type { ImageNode } from './../../ricos-schema/next-schema';\nimport type { PluginProps } from './../../ricos-types';\nimport { Node_Type } from './../../ricos-types';\n\nimport generalStyles from '../../editor-common/statics/styles/general-scss';\nimport generalRTLIgnoredStyles from '../../wix-rich-content-common/statics/styles/general.rtlignore-scss';\nimport { CAPTION } from '../data-hooks';\nimport classes from './caption-scss';\nimport { useEditorSelection } from './use-editor-selection';\n\nconst stylesWithRTL = { ...generalStyles, ...generalRTLIgnoredStyles };\n\nexport const Caption: React.FC<PluginProps> = ({ NodeViewContent, editor, node }) => {\n  const { isMobile } = useContext(RicosContext);\n  const pluginsEvents = useContext(PluginsEventsContext);\n  const pluginExports = usePluginExportsContext();\n  const selectedNodes = useEditorSelection(editor).selectedNodes;\n  const captionNodePos = editor.$doc.querySelector(TIPTAP_CAPTION_TYPE, {\n    id: node.attrs.id,\n  });\n  const converters = useConverters();\n  if (!captionNodePos?.parent?.node) {\n    console.error('Caption must have a parent.');\n    return null;\n  }\n  const ricosParentNode = converters.fromPmNode(captionNodePos.parent.node.toJSON());\n\n  const AiButton = pluginExports.aiIntegrations?.image?.captionTrigger;\n\n  const isCaptionSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === node.attrs?.id\n  );\n  const isParentSelected = selectedNodes.find(\n    selectedNode => selectedNode.attrs.id === ricosParentNode?.id\n  );\n\n  useEffect(() => {\n    if (node.content.firstChild?.text || isCaptionSelected || isParentSelected) {\n      return;\n    }\n    pluginsEvents?.publishPluginLayoutShift({ nodeId: node.attrs.id });\n  }, [isCaptionSelected, isParentSelected]);\n\n  const hasAiButton = isCaptionSelected && ricosParentNode?.type === Node_Type.IMAGE && AiButton;\n\n  return isCaptionSelected || isParentSelected || !!node.content.firstChild ? (\n    <div\n      className={classNames(\n        classes.caption,\n        getNodeContainerClasses(editor, node.attrs.id, isMobile)\n      )}\n    >\n      {hasAiButton ? (\n        <div className={classes.aiButtonContainer}>\n          <AiButton\n            node={ricosParentNode as ImageNode}\n            onCaptionChange={caption => {\n              const { range } = captionNodePos;\n              const { tr } = editor.state;\n\n              tr.insertText(caption, range.from, range.to);\n              editor.view.dispatch(tr);\n            }}\n          />\n        </div>\n      ) : null}\n      <NodeViewContent\n        dir=\"auto\"\n        data-hook={CAPTION}\n        as=\"figcaption\"\n        style={{\n          width: '100%',\n          overflow: 'auto',\n          lineHeight: node.attrs?.textStyle?.lineHeight,\n          textAlign: node.attrs?.textStyle?.textAlignment,\n          paddingTop: node.attrs?.style?.paddingTop ?? node.attrs?.styleDefaults?.paddingTop,\n          paddingBottom:\n            node.attrs?.style?.paddingBottom ?? node.attrs?.styleDefaults?.paddingBottom,\n        }}\n      />\n    </div>\n  ) : null;\n};\n\nconst getNodeContainerClasses = (editor: Editor, nodeId: string, isMobile: boolean) => {\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": "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",
   "names": []
 }

package/dist/es/plugin-figure/tiptap/figure-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "99f77e83";
+var styleDataHash = "9479cecf";
 const injectCss = () => {
-  var css = `._2iAdM{display:block!important}[dir] ._2iAdM{margin:12px 0}`;
+  var css = `.dWIQ0{display:block!important}[dir] .dWIQ0{margin:12px 0}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var figure_default = {
-  "figure": "_2iAdM"
+  "figure": "dWIQ0"
 };
 export {
   figure_default as default,

package/dist/es/plugin-figure/tiptap/figure-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-figure/tiptap/figure.scss"],
-  "sourcesContent": ["var styleDataHash = '99f77e83';  \nexport const injectCss = (() => {\n  var css = `._2iAdM{display:block!important}[dir] ._2iAdM{margin:12px 0}`;\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  \"figure\": \"_2iAdM\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9479cecf';  \nexport const injectCss = (() => {\n  var css = `.dWIQ0{display:block!important}[dir] .dWIQ0{margin:12px 0}`;\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  \"figure\": \"dWIQ0\"\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,iBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/plugin-file-upload/editor.js

@@ -1,8 +1,16 @@
-import { RicosPluginToolbarNames } from "./../ricos-types";
+import { AttachmentSmall } from "@wix/wix-ui-icons-common";
+import {
+  quickActionsModalSections,
+  RicosPluginToolbarNames
+} from "./../ricos-types";
+import {
+  changeSelectionToEndOfTextBlock
+} from "./../wix-rich-content-common";
 import { DEFAULTS } from "./defaults";
 import { fileUploadConverter } from "./file-upload-converter";
 import { getAddButtons } from "./getAddButtons";
 import { getToolbarButtons } from "./getToolbarButtons";
+import { handleFileUpload } from "./handle-file-upload";
 import { tiptapExtensions } from "./tiptap/tiptap";
 import { FilePluginService } from "./toolbar/filePluginService";
 import { FILE_UPLOAD_TYPE } from "./types";
@@ -19,7 +27,19 @@ const pluginFileUpload = (config) => {
       names: [RicosPluginToolbarNames.FILE],
       getButtons: (config2, services) => getToolbarButtons(config2, services, filePluginService)
     },
-    getAddButtons: (config2, services) => getAddButtons(config2, services, filePluginService)
+    getAddButtons: (config2, services) => getAddButtons(config2, services, filePluginService),
+    getQuickActions: ({ pluginServices, config: config2 }) => [
+      {
+        id: "file",
+        title: "QuickActionsPlugin_ActionTitle_File",
+        icon: AttachmentSmall,
+        section: quickActionsModalSections.Media,
+        command: ({ editorCommands, editor }) => {
+          changeSelectionToEndOfTextBlock(editor);
+          handleFileUpload({ services: pluginServices, config: config2, filePluginService, editorCommands });
+        }
+      }
+    ]
   };
 };
 export {

package/dist/es/plugin-file-upload/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-file-upload/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames, type TiptapEditorPlugin } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { DEFAULTS } from './defaults';\nimport { fileUploadConverter } from './file-upload-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport { FilePluginService } from './toolbar/filePluginService';\nimport type { FilePluginEditorConfig } from './types';\nimport { FILE_UPLOAD_TYPE } from './types';\n\nconst filePluginService = new FilePluginService();\n\nexport const pluginFileUpload: EditorPluginCreator<FilePluginEditorConfig> = config => {\n  const pluginConfig: FilePluginEditorConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [fileUploadConverter],\n    type: FILE_UPLOAD_TYPE,\n    tiptapExtensions,\n    toolbar: {\n      names: [RicosPluginToolbarNames.FILE],\n      getButtons: (config, services) => getToolbarButtons(config, services, filePluginService),\n    },\n    getAddButtons: (config, services) => getAddButtons(config, services, filePluginService),\n  } as TiptapEditorPlugin;\n};\n"],
-  "mappings": "AAAA,SAAS,+BAAwD;AAGjE,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AAEjC,MAAM,oBAAoB,IAAI,kBAAkB;AAEzC,MAAM,mBAAgE,YAAU;AACrF,QAAM,eAAuC,EAAE,GAAG,SAAS,QAAQ,GAAG,OAAO;AAC7E,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,mBAAmB;AAAA,IACtC,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,IAAI;AAAA,MACpC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,UAAU,iBAAiB;AAAA,IACzF;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,UAAU,iBAAiB;AAAA,EACxF;AACF;",
+  "sourcesContent": ["import { AttachmentSmall } from '@wix/wix-ui-icons-common';\n\nimport {\n  quickActionsModalSections,\n  RicosPluginToolbarNames,\n  type TiptapEditorPlugin,\n} from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n} from './../wix-rich-content-common';\n\nimport { DEFAULTS } from './defaults';\nimport { fileUploadConverter } from './file-upload-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { handleFileUpload } from './handle-file-upload';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport { FilePluginService } from './toolbar/filePluginService';\nimport type { FilePluginEditorConfig } from './types';\nimport { FILE_UPLOAD_TYPE } from './types';\n\nconst filePluginService = new FilePluginService();\n\nexport const pluginFileUpload: EditorPluginCreator<FilePluginEditorConfig> = config => {\n  const pluginConfig: FilePluginEditorConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    pmMarkConverters: [],\n    pmNodeConverters: [fileUploadConverter],\n    type: FILE_UPLOAD_TYPE,\n    tiptapExtensions,\n    toolbar: {\n      names: [RicosPluginToolbarNames.FILE],\n      getButtons: (config, services) => getToolbarButtons(config, services, filePluginService),\n    },\n    getAddButtons: (config, services) => getAddButtons(config, services, filePluginService),\n    getQuickActions: ({ pluginServices, config }) => [\n      {\n        id: 'file',\n        title: 'QuickActionsPlugin_ActionTitle_File',\n        icon: AttachmentSmall,\n        section: quickActionsModalSections.Media,\n        command: ({ editorCommands, editor }) => {\n          changeSelectionToEndOfTextBlock(editor);\n          handleFileUpload({ services: pluginServices, config, filePluginService, editorCommands });\n        },\n      },\n    ],\n  } as TiptapEditorPlugin;\n};\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AAEjC,MAAM,oBAAoB,IAAI,kBAAkB;AAEzC,MAAM,mBAAgE,YAAU;AACrF,QAAM,eAAuC,EAAE,GAAG,SAAS,QAAQ,GAAG,OAAO;AAC7E,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,mBAAmB;AAAA,IACtC,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,IAAI;AAAA,MACpC,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,UAAU,iBAAiB;AAAA,IACzF;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,UAAU,iBAAiB;AAAA,IACtF,iBAAiB,CAAC,EAAE,gBAAgB,QAAAA,QAAO,MAAM;AAAA,MAC/C;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,0BAA0B;AAAA,QACnC,SAAS,CAAC,EAAE,gBAAgB,OAAO,MAAM;AACvC,0CAAgC,MAAM;AACtC,2BAAiB,EAAE,UAAU,gBAAgB,QAAAA,SAAQ,mBAAmB,eAAe,CAAC;AAAA,QAC1F;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
   "names": ["config"]
 }

package/dist/es/plugin-file-upload/getAddButtons.js

@@ -1,48 +1,7 @@
 import { Node_Type } from "./../ricos-types";
 import { INSERT_PLUGIN_BUTTONS, TOOLBARS } from "./../editor-common";
-import { Uploader } from "./../plugin-commons";
+import { handleFileUpload } from "./handle-file-upload";
 import { InsertPluginIcon } from "./icons";
-import { FILE_UPLOAD_TYPE } from "./types";
-const handleExternalFileChange = (editorCommands, updateService, filePluginService) => ({ data }) => {
-  if (data instanceof Array) {
-    data.forEach((file, index) => {
-      setTimeout(() => {
-        const nodeId = editorCommands.insertBlockWithBlankLines(
-          FILE_UPLOAD_TYPE,
-          {},
-          { updateSelection: data.length === index + 1 }
-        );
-        updateService.updatePluginData(
-          { data: file },
-          nodeId,
-          FILE_UPLOAD_TYPE,
-          filePluginService
-        );
-      });
-    });
-  } else {
-    const nodeId = editorCommands.insertBlockWithBlankLines(FILE_UPLOAD_TYPE, {});
-    updateService.updatePluginData({ data }, nodeId, FILE_UPLOAD_TYPE, filePluginService);
-  }
-};
-const handleNativeFileChange = (editorCommands, uploadService, uploader, filePluginService) => (files) => {
-  files.forEach((file, index) => {
-    setTimeout(() => {
-      const nodeId = editorCommands.insertBlockWithBlankLines(
-        FILE_UPLOAD_TYPE,
-        {},
-        { updateSelection: files.length === index + 1 }
-      );
-      uploadService.uploadFile(
-        new File([file], file.name, { type: file.type }),
-        nodeId,
-        uploader,
-        FILE_UPLOAD_TYPE,
-        filePluginService
-      );
-    });
-  });
-};
 const toolbarsToAddIn = [
   TOOLBARS.FOOTER,
   TOOLBARS.SIDE,
@@ -58,24 +17,7 @@ const getAddButtons = (config, services, filePluginService) => {
       tooltip: "FileUploadInsertButton_tooltip",
       toolbars: toolbarsToAddIn,
       command: ({ editorCommands }) => {
-        const { uploadService, updateService } = services;
-        if (config.handleFileSelection) {
-          config.handleFileSelection(
-            handleExternalFileChange(editorCommands, updateService, filePluginService)
-          );
-        } else {
-          const { accept = "*", multi = true, onFileSelected } = config;
-          uploadService?.selectFiles(
-            accept,
-            multi,
-            handleNativeFileChange(
-              editorCommands,
-              uploadService,
-              new Uploader(onFileSelected),
-              filePluginService
-            )
-          );
-        }
+        handleFileUpload({ services, config, filePluginService, editorCommands });
         return true;
       },
       menuConfig: {

package/dist/es/plugin-file-upload/getAddButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-file-upload/getAddButtons.tsx"],
-  "sourcesContent": ["import type { AddButton } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\nimport { Uploader } from './../plugin-commons';\n\nimport { InsertPluginIcon } from './icons';\nimport { FILE_UPLOAD_TYPE } from './types';\n\nconst handleExternalFileChange =\n  (editorCommands, updateService, filePluginService) =>\n  ({ data }) => {\n    if (data instanceof Array) {\n      data.forEach((file, index) => {\n        setTimeout(() => {\n          const nodeId = editorCommands.insertBlockWithBlankLines(\n            FILE_UPLOAD_TYPE,\n            {},\n            { updateSelection: data.length === index + 1 }\n          );\n          updateService.updatePluginData(\n            { data: file },\n            nodeId,\n            FILE_UPLOAD_TYPE,\n            filePluginService\n          );\n        });\n      });\n    } else {\n      const nodeId = editorCommands.insertBlockWithBlankLines(FILE_UPLOAD_TYPE, {});\n      updateService.updatePluginData({ data }, nodeId, FILE_UPLOAD_TYPE, filePluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (editorCommands, uploadService, uploader, filePluginService) => (files: File[]) => {\n    files.forEach((file, index) => {\n      // prevents rerenders when next file starts uploading\n      setTimeout(() => {\n        const nodeId = editorCommands.insertBlockWithBlankLines(\n          FILE_UPLOAD_TYPE,\n          {},\n          { updateSelection: files.length === index + 1 }\n        );\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          FILE_UPLOAD_TYPE,\n          filePluginService\n        );\n      });\n    });\n  };\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (config, services, filePluginService): AddButton[] => {\n  return [\n    {\n      id: Node_Type.FILE,\n      label: INSERT_PLUGIN_BUTTONS.FILE,\n      dataHook: INSERT_PLUGIN_BUTTONS.FILE,\n      icon: InsertPluginIcon,\n      tooltip: 'FileUploadInsertButton_tooltip',\n      toolbars: toolbarsToAddIn,\n      command: ({ editorCommands }) => {\n        const { uploadService, updateService } = services;\n        if (config.handleFileSelection) {\n          config.handleFileSelection(\n            handleExternalFileChange(editorCommands, updateService, filePluginService)\n          );\n        } else {\n          const { accept = '*', multi = true, onFileSelected } = config;\n          uploadService?.selectFiles(\n            accept,\n            multi,\n            handleNativeFileChange(\n              editorCommands,\n              uploadService,\n              new Uploader(onFileSelected),\n              filePluginService\n            )\n          );\n        }\n        return true;\n      },\n      menuConfig: {\n        tags: 'UploadFile_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAChD,SAAS,gBAAgB;AAEzB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAEjC,MAAM,2BACJ,CAAC,gBAAgB,eAAe,sBAChC,CAAC,EAAE,KAAK,MAAM;AACZ,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,CAAC,MAAM,UAAU;AAC5B,iBAAW,MAAM;AACf,cAAM,SAAS,eAAe;AAAA,UAC5B;AAAA,UACA,CAAC;AAAA,UACD,EAAE,iBAAiB,KAAK,WAAW,QAAQ,EAAE;AAAA,QAC/C;AACA,sBAAc;AAAA,UACZ,EAAE,MAAM,KAAK;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,UAAM,SAAS,eAAe,0BAA0B,kBAAkB,CAAC,CAAC;AAC5E,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,kBAAkB,iBAAiB;AAAA,EACtF;AACF;AAEF,MAAM,yBACJ,CAAC,gBAAgB,eAAe,UAAU,sBAAsB,CAAC,UAAkB;AACjF,QAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,eAAW,MAAM;AACf,YAAM,SAAS,eAAe;AAAA,QAC5B;AAAA,QACA,CAAC;AAAA,QACD,EAAE,iBAAiB,MAAM,WAAW,QAAQ,EAAE;AAAA,MAChD;AACA,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,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAAC,QAAQ,UAAU,sBAAmC;AACjF,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,MACV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,cAAM,EAAE,eAAe,cAAc,IAAI;AACzC,YAAI,OAAO,qBAAqB;AAC9B,iBAAO;AAAA,YACL,yBAAyB,gBAAgB,eAAe,iBAAiB;AAAA,UAC3E;AAAA,QACF,OAAO;AACL,gBAAM,EAAE,SAAS,KAAK,QAAQ,MAAM,eAAe,IAAI;AACvD,yBAAe;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,cACE;AAAA,cACA;AAAA,cACA,IAAI,SAAS,cAAc;AAAA,cAC3B;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { PluginServices } from './../ricos-plugins/editorPlugins';\nimport type { AddButton } from './../ricos-types';\nimport { Node_Type } from './../ricos-types';\nimport { INSERT_PLUGIN_BUTTONS, TOOLBARS } from './../editor-common';\n\nimport { handleFileUpload } from './handle-file-upload';\nimport { InsertPluginIcon } from './icons';\nimport type { FilePluginService } from './toolbar/filePluginService';\nimport type { FilePluginEditorConfig } from './types';\n\nexport const toolbarsToAddIn: (TOOLBARS.MOBILE | TOOLBARS.FOOTER | TOOLBARS.SIDE)[] = [\n  TOOLBARS.FOOTER,\n  TOOLBARS.SIDE,\n  TOOLBARS.MOBILE,\n];\n\nexport const getAddButtons = (\n  config: FilePluginEditorConfig,\n  services: PluginServices,\n  filePluginService: FilePluginService\n): AddButton[] => {\n  return [\n    {\n      id: Node_Type.FILE,\n      label: INSERT_PLUGIN_BUTTONS.FILE,\n      dataHook: INSERT_PLUGIN_BUTTONS.FILE,\n      icon: InsertPluginIcon,\n      tooltip: 'FileUploadInsertButton_tooltip',\n      toolbars: toolbarsToAddIn,\n      command: ({ editorCommands }) => {\n        handleFileUpload({ services, config, filePluginService, editorCommands });\n        return true;\n      },\n      menuConfig: {\n        tags: 'UploadFile_plugin_search_tags',\n      },\n    },\n  ];\n};\n"],
+  "mappings": "AAEA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB,gBAAgB;AAEhD,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAI1B,MAAM,kBAAyE;AAAA,EACpF,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,gBAAgB,CAC3B,QACA,UACA,sBACgB;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,MACV,SAAS,CAAC,EAAE,eAAe,MAAM;AAC/B,yBAAiB,EAAE,UAAU,QAAQ,mBAAmB,eAAe,CAAC;AACxE,eAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -0,0 +1,71 @@
+import { Uploader } from "./../plugin-commons/index";
+import { FILE_UPLOAD_TYPE } from "./types";
+const handleExternalFileChange = (editorCommands, updateService, filePluginService) => ({ data }) => {
+  if (data instanceof Array) {
+    data.forEach((file, index) => {
+      setTimeout(() => {
+        const nodeId = editorCommands.insertBlockWithBlankLines(
+          FILE_UPLOAD_TYPE,
+          {},
+          { updateSelection: data.length === index + 1 }
+        );
+        updateService.updatePluginData(
+          { data: file },
+          nodeId,
+          FILE_UPLOAD_TYPE,
+          filePluginService
+        );
+      });
+    });
+  } else {
+    const nodeId = editorCommands.insertBlockWithBlankLines(FILE_UPLOAD_TYPE, {});
+    updateService.updatePluginData({ data }, nodeId, FILE_UPLOAD_TYPE, filePluginService);
+  }
+};
+const handleNativeFileChange = (editorCommands, uploadService, uploader, filePluginService) => (files) => {
+  files.forEach((file, index) => {
+    setTimeout(() => {
+      const nodeId = editorCommands.insertBlockWithBlankLines(
+        FILE_UPLOAD_TYPE,
+        {},
+        { updateSelection: files.length === index + 1 }
+      );
+      uploadService.uploadFile(
+        new File([file], file.name, { type: file.type }),
+        nodeId,
+        uploader,
+        FILE_UPLOAD_TYPE,
+        filePluginService
+      );
+    });
+  });
+};
+const handleFileUpload = ({
+  config,
+  services,
+  filePluginService,
+  editorCommands
+}) => {
+  const { uploadService, updateService } = services;
+  if (config.handleFileSelection) {
+    config.handleFileSelection(
+      handleExternalFileChange(editorCommands, updateService, filePluginService)
+    );
+  } else {
+    const { accept = "*", multi = true, onFileSelected } = config;
+    uploadService?.selectFiles(
+      accept,
+      multi,
+      handleNativeFileChange(
+        editorCommands,
+        uploadService,
+        new Uploader(onFileSelected),
+        filePluginService
+      )
+    );
+  }
+};
+export {
+  handleFileUpload
+};
+//# sourceMappingURL=handle-file-upload.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-file-upload/handle-file-upload.ts"],
+  "sourcesContent": ["import type { PluginServices } from './../ricos-plugins/editorPlugins';\nimport type {\n  EditorCommands,\n  IUpdateService,\n  IUploadService,\n} from './../wix-rich-content-common/index';\nimport { Uploader } from './../plugin-commons/index';\n\nimport type { FilePluginService } from './toolbar/filePluginService';\nimport type { FilePluginEditorConfig } from './types';\nimport { FILE_UPLOAD_TYPE } from './types';\n\nconst handleExternalFileChange =\n  (\n    editorCommands: EditorCommands,\n    updateService: IUpdateService,\n    filePluginService: FilePluginService\n  ) =>\n  ({ data }) => {\n    if (data instanceof Array) {\n      data.forEach((file, index) => {\n        setTimeout(() => {\n          const nodeId = editorCommands.insertBlockWithBlankLines(\n            FILE_UPLOAD_TYPE,\n            {},\n            { updateSelection: data.length === index + 1 }\n          );\n          updateService.updatePluginData(\n            { data: file },\n            nodeId,\n            FILE_UPLOAD_TYPE,\n            filePluginService\n          );\n        });\n      });\n    } else {\n      const nodeId = editorCommands.insertBlockWithBlankLines(FILE_UPLOAD_TYPE, {});\n      updateService.updatePluginData({ data }, nodeId, FILE_UPLOAD_TYPE, filePluginService);\n    }\n  };\n\nconst handleNativeFileChange =\n  (\n    editorCommands: EditorCommands,\n    uploadService: IUploadService,\n    uploader: Uploader,\n    filePluginService: FilePluginService\n  ) =>\n  (files: File[]) => {\n    files.forEach((file, index) => {\n      // prevents rerenders when next file starts uploading\n      setTimeout(() => {\n        const nodeId = editorCommands.insertBlockWithBlankLines(\n          FILE_UPLOAD_TYPE,\n          {},\n          { updateSelection: files.length === index + 1 }\n        );\n        uploadService.uploadFile(\n          new File([file], file.name, { type: file.type }),\n          nodeId,\n          uploader,\n          FILE_UPLOAD_TYPE,\n          filePluginService\n        );\n      });\n    });\n  };\n\nexport const handleFileUpload = ({\n  config,\n  services,\n  filePluginService,\n  editorCommands,\n}: {\n  config: FilePluginEditorConfig;\n  services: PluginServices;\n  filePluginService: FilePluginService;\n  editorCommands: EditorCommands;\n}) => {\n  const { uploadService, updateService } = services;\n  if (config.handleFileSelection) {\n    config.handleFileSelection(\n      handleExternalFileChange(editorCommands, updateService, filePluginService)\n    );\n  } else {\n    const { accept = '*', multi = true, onFileSelected } = config;\n    uploadService?.selectFiles(\n      accept,\n      multi,\n      handleNativeFileChange(\n        editorCommands,\n        uploadService,\n        new Uploader(onFileSelected),\n        filePluginService\n      )\n    );\n  }\n};\n"],
+  "mappings": "AAMA,SAAS,gBAAgB;AAIzB,SAAS,wBAAwB;AAEjC,MAAM,2BACJ,CACE,gBACA,eACA,sBAEF,CAAC,EAAE,KAAK,MAAM;AACZ,MAAI,gBAAgB,OAAO;AACzB,SAAK,QAAQ,CAAC,MAAM,UAAU;AAC5B,iBAAW,MAAM;AACf,cAAM,SAAS,eAAe;AAAA,UAC5B;AAAA,UACA,CAAC;AAAA,UACD,EAAE,iBAAiB,KAAK,WAAW,QAAQ,EAAE;AAAA,QAC/C;AACA,sBAAc;AAAA,UACZ,EAAE,MAAM,KAAK;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,OAAO;AACL,UAAM,SAAS,eAAe,0BAA0B,kBAAkB,CAAC,CAAC;AAC5E,kBAAc,iBAAiB,EAAE,KAAK,GAAG,QAAQ,kBAAkB,iBAAiB;AAAA,EACtF;AACF;AAEF,MAAM,yBACJ,CACE,gBACA,eACA,UACA,sBAEF,CAAC,UAAkB;AACjB,QAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,eAAW,MAAM;AACf,YAAM,SAAS,eAAe;AAAA,QAC5B;AAAA,QACA,CAAC;AAAA,QACD,EAAE,iBAAiB,MAAM,WAAW,QAAQ,EAAE;AAAA,MAChD;AACA,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,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,EAAE,eAAe,cAAc,IAAI;AACzC,MAAI,OAAO,qBAAqB;AAC9B,WAAO;AAAA,MACL,yBAAyB,gBAAgB,eAAe,iBAAiB;AAAA,IAC3E;AAAA,EACF,OAAO;AACL,UAAM,EAAE,SAAS,KAAK,QAAQ,MAAM,eAAe,IAAI;AACvD,mBAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAAA,QACA;AAAA,QACA,IAAI,SAAS,cAAc;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/es/plugin-file-upload/statics/styles/file-upload-viewer-scss.js

@@ -1,24 +1,24 @@
 var file_upload_viewer_default = {
-  "fontElementMap": "GzaSm",
-  "file_upload_container": "nwfwA",
-  "file_upload_error_container": "Ga25X",
-  "file_upload_link": "dMUBs",
-  "width_three": "OzsTC",
-  "file_upload_text_container": "gK--8",
-  "width_two": "m5hH1",
-  "file_upload_state": "wl0VF",
-  "mobile_status_icon": "dxZO6",
-  "file_upload_name_container": "frCGv",
-  "file_upload_name": "Anwlu",
-  "file_upload_extension": "_3E388",
-  "width_one": "jFnvJ",
-  "file_upload_type_icon": "rMHqN",
-  "file_loader_icon": "x9J5A",
-  "spin": "yhNn-",
-  "file_upload_type": "fG7E3",
-  "file_upload_text_error": "SHf7F",
-  "file_upload_icon_frame": "DjwbU",
-  "file_upload_icon_background": "edYiy"
+  "fontElementMap": "mLicB",
+  "file_upload_container": "lnoX-",
+  "file_upload_error_container": "_8gbop",
+  "file_upload_link": "lQY5L",
+  "width_three": "_0weC2",
+  "file_upload_text_container": "s2quB",
+  "width_two": "_8r-Vb",
+  "file_upload_state": "XoJYd",
+  "mobile_status_icon": "M6zf8",
+  "file_upload_name_container": "VapKv",
+  "file_upload_name": "FlTgt",
+  "file_upload_extension": "BXdZK",
+  "width_one": "cAcY3",
+  "file_upload_type_icon": "_9zP3A",
+  "file_loader_icon": "s5j61",
+  "spin": "GZZ6j",
+  "file_upload_type": "_-8o5c",
+  "file_upload_text_error": "mFtH7",
+  "file_upload_icon_frame": "PoO1c",
+  "file_upload_icon_background": "F2Bx4"
 };
 export {
   file_upload_viewer_default as default

package/dist/es/plugin-file-upload/statics/styles/file-upload-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-file-upload/statics/styles/file-upload-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"GzaSm\",\n  \"file_upload_container\": \"nwfwA\",\n  \"file_upload_error_container\": \"Ga25X\",\n  \"file_upload_link\": \"dMUBs\",\n  \"width_three\": \"OzsTC\",\n  \"file_upload_text_container\": \"gK--8\",\n  \"width_two\": \"m5hH1\",\n  \"file_upload_state\": \"wl0VF\",\n  \"mobile_status_icon\": \"dxZO6\",\n  \"file_upload_name_container\": \"frCGv\",\n  \"file_upload_name\": \"Anwlu\",\n  \"file_upload_extension\": \"_3E388\",\n  \"width_one\": \"jFnvJ\",\n  \"file_upload_type_icon\": \"rMHqN\",\n  \"file_loader_icon\": \"x9J5A\",\n  \"spin\": \"yhNn-\",\n  \"file_upload_type\": \"fG7E3\",\n  \"file_upload_text_error\": \"SHf7F\",\n  \"file_upload_icon_frame\": \"DjwbU\",\n  \"file_upload_icon_background\": \"edYiy\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"mLicB\",\n  \"file_upload_container\": \"lnoX-\",\n  \"file_upload_error_container\": \"_8gbop\",\n  \"file_upload_link\": \"lQY5L\",\n  \"width_three\": \"_0weC2\",\n  \"file_upload_text_container\": \"s2quB\",\n  \"width_two\": \"_8r-Vb\",\n  \"file_upload_state\": \"XoJYd\",\n  \"mobile_status_icon\": \"M6zf8\",\n  \"file_upload_name_container\": \"VapKv\",\n  \"file_upload_name\": \"FlTgt\",\n  \"file_upload_extension\": \"BXdZK\",\n  \"width_one\": \"cAcY3\",\n  \"file_upload_type_icon\": \"_9zP3A\",\n  \"file_loader_icon\": \"s5j61\",\n  \"spin\": \"GZZ6j\",\n  \"file_upload_type\": \"_-8o5c\",\n  \"file_upload_text_error\": \"mFtH7\",\n  \"file_upload_icon_frame\": \"PoO1c\",\n  \"file_upload_icon_background\": \"F2Bx4\"\n};"],
   "mappings": "AAAA,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,EACzB,+BAA+B;AAAA,EAC/B,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,8BAA8B;AAAA,EAC9B,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,8BAA8B;AAAA,EAC9B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,+BAA+B;AACjC;",
   "names": []
 }

package/dist/es/plugin-file-upload/statics/styles/pdf-viewer-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "e9e5f0d6";
+var styleDataHash = "9596b10a";
 const injectCss = () => {
-  var css = `.aWkxy{height:100%;overflow:hidden;width:100%}[dir] .aWkxy{border:0}.xzuhN{display:none}.toyPV{height:800px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.toyPV{height:300px}}}@container (width < 640px){.toyPV{height:300px}}`;
+  var css = `.rkb9l{height:100%;overflow:hidden;width:100%}[dir] .rkb9l{border:0}.GmpHk{display:none}.CRkoV{height:800px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.CRkoV{height:300px}}}@container (width < 640px){.CRkoV{height:300px}}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var pdf_viewer_default = {
-  "iframe": "aWkxy",
-  "not_ready": "xzuhN",
-  "pdf_viewer": "toyPV"
+  "iframe": "rkb9l",
+  "not_ready": "GmpHk",
+  "pdf_viewer": "CRkoV"
 };
 export {
   pdf_viewer_default as default,

package/dist/es/plugin-file-upload/statics/styles/pdf-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-file-upload/statics/styles/pdf-viewer.scss"],
-  "sourcesContent": ["var styleDataHash = 'e9e5f0d6';  \nexport const injectCss = (() => {\n  var css = `.aWkxy{height:100%;overflow:hidden;width:100%}[dir] .aWkxy{border:0}.xzuhN{display:none}.toyPV{height:800px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.toyPV{height:300px}}}@container (width < 640px){.toyPV{height:300px}}`;\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  \"iframe\": \"aWkxy\",\n  \"not_ready\": \"xzuhN\",\n  \"pdf_viewer\": \"toyPV\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9596b10a';  \nexport const injectCss = (() => {\n  var css = `.rkb9l{height:100%;overflow:hidden;width:100%}[dir] .rkb9l{border:0}.GmpHk{display:none}.CRkoV{height:800px}@supports not (contain:inline-size){@media only screen and (max-width:640px){.CRkoV{height:300px}}}@container (width < 640px){.CRkoV{height:300px}}`;\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  \"iframe\": \"rkb9l\",\n  \"not_ready\": \"GmpHk\",\n  \"pdf_viewer\": \"CRkoV\"\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,qBAAQ;AAAA,EACb,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAChB;",
   "names": []
 }

package/dist/es/plugin-file-upload/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '1b091cf8';  
+var styleDataHash = '0bfbbb13';  
 export const injectCss = (() => {
-  var css = `.GzaSm,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.nwfwA{box-sizing:border-box;display:flex;font-family:var(--ricos-custom-p-font-family);height:84px;max-width:100%;position:relative;width:100%}[dir] .nwfwA{border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.2);cursor:pointer}[dir] .nwfwA:hover{border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.6)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.nwfwA{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[dir] .nwfwA{border-radius:var(--ricos-native-whitebox-border-radius,0)}}}@container (width < 640px){.nwfwA{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[dir] .nwfwA{border-radius:var(--ricos-native-whitebox-border-radius,0)}}[dir] .Ga25X{border:1px solid rgba(246,77,67,.8)}[dir] .Ga25X:hover{border:1px solid #f64d43}.dMUBs{align-content:flex-start;box-sizing:border-box;color:inherit;display:flex;flex-flow:column wrap;font-family:inherit;height:100%;justify-content:center;text-decoration:none;width:100%}[dir] .dMUBs{background:transparent;border:none;cursor:pointer}.dMUBs.OzsTC{align-content:center}.gK--8{display:flex;flex-flow:column nowrap;position:absolute;width:60%}[dir=ltr] .gK--8{left:73px}[dir=rtl] .gK--8{right:73px}[dir=ltr] .gK--8.m5hH1{left:62px}[dir=rtl] .gK--8.m5hH1{right:62px}.wl0VF{color:var(--ricos-text-color,#212121);position:absolute}[dir] .wl0VF{margin-top:2px}[dir=ltr] .wl0VF{margin-left:32px;right:32px}[dir=rtl] .wl0VF{left:32px;margin-right:32px}.dxZO6{color:var(--ricos-text-color,#212121);height:100%;width:40px}[dir=ltr] .dxZO6{margin:32px 12px 28px 20px}[dir=rtl] .dxZO6{margin:32px 20px 28px 12px}.frCGv{display:flex;flex-flow:row nowrap}.Anwlu{color:var(--ricos-text-color,#212121);font-size:16px;height:24px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .Anwlu{text-align:left}[dir=rtl] .Anwlu{text-align:right}._3E388{color:var(--ricos-text-color,#212121);font-size:16px;max-width:20%;white-space:nowrap}[dir=ltr] ._3E388{margin-right:30px;text-align:left}[dir=rtl] ._3E388{margin-left:30px;text-align:right}[dir=ltr] ._3E388.jFnvJ{margin-right:55px}[dir=rtl] ._3E388.jFnvJ{margin-left:55px}.rMHqN{color:var(--ricos-action-color,#116dff)}[dir=ltr] .rMHqN{margin-left:20px;margin-right:12px}[dir=rtl] .rMHqN{margin-left:12px;margin-right:20px}[dir] .rMHqN.OzsTC{margin:0}.x9J5A{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:yhNn-;animation-timing-function:linear}.fG7E3{color:var(--ricos-text-color,#212121);font-size:14px;letter-spacing:0;line-height:20px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .fG7E3{text-align:initial}.SHf7F{color:#f64d43;font-size:14px;letter-spacing:0}.DjwbU{stroke:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))}.edYiy{fill:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))}@keyframes yhNn-{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}`;
+  var css = `.glob_fontElementMap,.mLicB{font-family:var(--ricos-font-family,unset)}.lnoX-{box-sizing:border-box;display:flex;font-family:var(--ricos-custom-p-font-family);height:84px;max-width:100%;position:relative;width:100%}[dir] .lnoX-{border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.2);cursor:pointer}[dir] .lnoX-:hover{border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.6)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.lnoX-{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[dir] .lnoX-{border-radius:var(--ricos-native-whitebox-border-radius,0)}}}@container (width < 640px){.lnoX-{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121));font-family:var(--ricos-native-text-font-family,var(--ricos-custom-p-font-family,unset))}[dir] .lnoX-{border-radius:var(--ricos-native-whitebox-border-radius,0)}}[dir] ._8gbop{border:1px solid rgba(246,77,67,.8)}[dir] ._8gbop:hover{border:1px solid #f64d43}.lQY5L{align-content:flex-start;box-sizing:border-box;color:inherit;display:flex;flex-flow:column wrap;font-family:inherit;height:100%;justify-content:center;text-decoration:none;width:100%}[dir] .lQY5L{background:transparent;border:none;cursor:pointer}.lQY5L._0weC2{align-content:center}.s2quB{display:flex;flex-flow:column nowrap;position:absolute;width:60%}[dir=ltr] .s2quB{left:73px}[dir=rtl] .s2quB{right:73px}[dir=ltr] .s2quB._8r-Vb{left:62px}[dir=rtl] .s2quB._8r-Vb{right:62px}.XoJYd{color:var(--ricos-text-color,#212121);position:absolute}[dir] .XoJYd{margin-top:2px}[dir=ltr] .XoJYd{margin-left:32px;right:32px}[dir=rtl] .XoJYd{left:32px;margin-right:32px}.M6zf8{color:var(--ricos-text-color,#212121);height:100%;width:40px}[dir=ltr] .M6zf8{margin:32px 12px 28px 20px}[dir=rtl] .M6zf8{margin:32px 20px 28px 12px}.VapKv{display:flex;flex-flow:row nowrap}.FlTgt{color:var(--ricos-text-color,#212121);font-size:16px;height:24px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .FlTgt{text-align:left}[dir=rtl] .FlTgt{text-align:right}.BXdZK{color:var(--ricos-text-color,#212121);font-size:16px;max-width:20%;white-space:nowrap}[dir=ltr] .BXdZK{margin-right:30px;text-align:left}[dir=rtl] .BXdZK{margin-left:30px;text-align:right}[dir=ltr] .BXdZK.cAcY3{margin-right:55px}[dir=rtl] .BXdZK.cAcY3{margin-left:55px}._9zP3A{color:var(--ricos-action-color,#116dff)}[dir=ltr] ._9zP3A{margin-left:20px;margin-right:12px}[dir=rtl] ._9zP3A{margin-left:12px;margin-right:20px}[dir] ._9zP3A._0weC2{margin:0}.s5j61{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:GZZ6j;animation-timing-function:linear}._-8o5c{color:var(--ricos-text-color,#212121);font-size:14px;letter-spacing:0;line-height:20px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] ._-8o5c{text-align:initial}.mFtH7{color:#f64d43;font-size:14px;letter-spacing:0}.PoO1c{stroke:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))}.F2Bx4{fill:var(--ricos-text-on-action-color,var(--ricos-background-color,#fff))}@keyframes GZZ6j{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-gallery/editor.js

@@ -1,8 +1,13 @@
-import { RicosPluginToolbarNames } from "./../ricos-types";
+import { ProGalleriesSmall } from "@wix/wix-ui-icons-common";
+import { quickActionsModalSections, RicosPluginToolbarNames } from "./../ricos-types";
+import {
+  changeSelectionToEndOfTextBlock
+} from "./../wix-rich-content-common";
 import { DEFAULTS } from "./defaults";
 import { galleryConverter } from "./gallery-converter";
 import { getAddButtons } from "./getAddButtons";
 import { getToolbarButtons } from "./getToolbarButtons";
+import { handleFileSelect } from "./handle-file-select";
 import { GallerySettingsModal } from "./modals/settings";
 import { MediaSettingsForm } from "./modals/settings/media-settings/media-settings-form";
 import { tiptapExtensions } from "./tiptap/tiptap";
@@ -22,6 +27,18 @@ const pluginGallery = (config) => {
       names: [RicosPluginToolbarNames.GALLERY],
       getButtons: (config2, services) => getToolbarButtons(config2, galleryPluginService, services)
     },
+    getQuickActions: ({ pluginServices, config: config2 }) => [
+      {
+        id: "gallery",
+        title: "QuickActionsPlugin_ActionTitle_Gallery",
+        icon: ProGalleriesSmall,
+        section: quickActionsModalSections.Media,
+        command: ({ editorCommands, editor }) => {
+          changeSelectionToEndOfTextBlock(editor);
+          handleFileSelect(editorCommands, galleryPluginService, pluginServices, config2);
+        }
+      }
+    ],
     __exports: {
       SettingsModal: GallerySettingsModal,
       SettingsModalMediaForm: MediaSettingsForm