@wix/ricos 10.114.0 → 10.115.0

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

@@ -1,11 +1,11 @@
 var link_viewer_default = {
-  "fontElementMap": "v1orq",
-  "link": "OCE3w",
-  "linkInEditor": "FfacU",
-  "linkInViewer": "lHR8O",
-  "toolbarUrlContainer": "Ld7bf",
-  "toolbarUrl": "rXY-l",
-  "toolbarUrlAnchor": "hy7e-"
+  "fontElementMap": "aPpw1",
+  "link": "l04dV",
+  "linkInEditor": "vgwnR",
+  "linkInViewer": "ro37v",
+  "toolbarUrlContainer": "_6BmAR",
+  "toolbarUrl": "_9o1p5",
+  "toolbarUrlAnchor": "_0FrQ-"
 };
 export {
   link_viewer_default as default

package/dist/es/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\": \"v1orq\",\n  \"link\": \"OCE3w\",\n  \"linkInEditor\": \"FfacU\",\n  \"linkInViewer\": \"lHR8O\",\n  \"toolbarUrlContainer\": \"Ld7bf\",\n  \"toolbarUrl\": \"rXY-l\",\n  \"toolbarUrlAnchor\": \"hy7e-\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"aPpw1\",\n  \"link\": \"l04dV\",\n  \"linkInEditor\": \"vgwnR\",\n  \"linkInViewer\": \"ro37v\",\n  \"toolbarUrlContainer\": \"_6BmAR\",\n  \"toolbarUrl\": \"_9o1p5\",\n  \"toolbarUrlAnchor\": \"_0FrQ-\"\n};"],
   "mappings": "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/es/plugin-link/toolbar/url-link-button-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "edaa8bfb";
+var styleDataHash = "f14159cf";
 const injectCss = () => {
-  var css = `.i9KuP{display:flex}[dir=ltr] .i9KuP{margin-right:5px}[dir=rtl] .i9KuP{margin-left:5px}.G5-mH{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.G5-mH:hover{text-decoration:underline}.G5-mH:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}[dir] .r-Qcv{background:transparent;border:0}[dir] .r-Qcv:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){.G5-mH{max-width:160px}}}@container (width < 640px){.G5-mH{max-width:160px}}`;
+  var css = `.Ei0QF{display:flex}[dir=ltr] .Ei0QF{margin-right:5px}[dir=rtl] .Ei0QF{margin-left:5px}.rYNnx{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rYNnx:hover{text-decoration:underline}.rYNnx:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}[dir] .ryOXa{background:transparent;border:0}[dir] .ryOXa:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){.rYNnx{max-width:160px}}}@container (width < 640px){.rYNnx{max-width:160px}}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = () => {
 };
 injectCss();
 var url_link_button_default = {
-  "toolbarUrlContainer": "i9KuP",
-  "toolbarUrl": "G5-mH",
-  "toolbarUrlAnchor": "r-Qcv"
+  "toolbarUrlContainer": "Ei0QF",
+  "toolbarUrl": "rYNnx",
+  "toolbarUrlAnchor": "ryOXa"
 };
 export {
   url_link_button_default as default,

package/dist/es/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": ["var styleDataHash = 'edaa8bfb';  \nexport const injectCss = (() => {\n  var css = `.i9KuP{display:flex}[dir=ltr] .i9KuP{margin-right:5px}[dir=rtl] .i9KuP{margin-left:5px}.G5-mH{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.G5-mH:hover{text-decoration:underline}.G5-mH:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}[dir] .r-Qcv{background:transparent;border:0}[dir] .r-Qcv:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){.G5-mH{max-width:160px}}}@container (width < 640px){.G5-mH{max-width:160px}}`;\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  \"toolbarUrlContainer\": \"i9KuP\",\n  \"toolbarUrl\": \"G5-mH\",\n  \"toolbarUrlAnchor\": \"r-Qcv\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'f14159cf';  \nexport const injectCss = (() => {\n  var css = `.Ei0QF{display:flex}[dir=ltr] .Ei0QF{margin-right:5px}[dir=rtl] .Ei0QF{margin-left:5px}.rYNnx{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rYNnx:hover{text-decoration:underline}.rYNnx:focus{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important}[dir] .ryOXa{background:transparent;border:0}[dir] .ryOXa:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){.rYNnx{max-width:160px}}}@container (width < 640px){.rYNnx{max-width:160px}}`;\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  \"toolbarUrlContainer\": \"Ei0QF\",\n  \"toolbarUrl\": \"rYNnx\",\n  \"toolbarUrlAnchor\": \"ryOXa\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,YAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,0BAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,oBAAoB;AACtB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = '5bb19ece';  
+var styleDataHash = 'b975d339';  
 export const injectCss = (() => {
-  var css = `.glob_fontElementMap,.v1orq{font-family:var(--ricos-font-family,unset)}.OCE3w{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.OCE3w{font-size:var(--ricos-custom-link-font-size,unset)}}}@container (width < 640px){.OCE3w{font-size:var(--ricos-custom-link-font-size,unset)}}[dir] .FfacU:hover{cursor:text}[dir] .lHR8O:hover{cursor:pointer}.Ld7bf{display:flex}[dir=ltr] .Ld7bf{margin-right:5px}[dir=rtl] .Ld7bf{margin-left:5px}.rXY-l{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.rXY-l:hover{text-decoration:underline}[dir] .hy7e-:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){.rXY-l{max-width:160px}}}@container (width < 640px){.rXY-l{max-width:160px}}`;
+  var css = `.aPpw1,.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.l04dV{color:var(--ricos-custom-link-color,var(--ricos-action-color,#116dff));font-family:var(--ricos-custom-link-font-family,unset);font-size:var(--ricos-custom-link-font-size,unset);font-style:var(--ricos-custom-link-font-style,unset);font-weight:var(--ricos-custom-link-font-weight,unset);line-height:var(--ricos-custom-link-line-height,unset);min-height:var(--ricos-custom-link-min-height,unset);text-decoration:var(--ricos-custom-link-text-decoration,none)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.l04dV{font-size:var(--ricos-custom-link-font-size,unset)}}}@container (width < 640px){.l04dV{font-size:var(--ricos-custom-link-font-size,unset)}}[dir] .vgwnR:hover{cursor:text}[dir] .ro37v:hover{cursor:pointer}._6BmAR{display:flex}[dir=ltr] ._6BmAR{margin-right:5px}[dir=rtl] ._6BmAR{margin-left:5px}._9o1p5{color:var(--ricos-settings-action-color,var(--ricos-action-color-fallback,#116dff));max-width:270px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}._9o1p5:hover{text-decoration:underline}[dir] ._0FrQ-:hover{cursor:pointer}@supports not (contain:inline-size){@media only screen and (max-width:640px){._9o1p5{max-width:160px}}}@container (width < 640px){._9o1p5{max-width:160px}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-link-preview/editor.js

@@ -1,4 +1,10 @@
-import { RicosPluginToolbarNames } from "./../ricos-types";
+import { InstagramSmall, TikTokSmall, XCorpSmall } from "@wix/wix-ui-icons-common";
+import { quickActionsModalSections, RicosPluginToolbarNames } from "./../ricos-types";
+import {
+  changeSelectionToEndOfTextBlock,
+  getFakeReferenceElement
+} from "./../wix-rich-content-common";
+import { socialModals } from "./consts";
 import { DEFAULTS } from "./defaults";
 import { embedConverter } from "./embed-converter";
 import { getAddButtons } from "./getAddButtons";
@@ -21,6 +27,83 @@ const pluginLinkPreview = (config) => {
       names: [RicosPluginToolbarNames.LINK_PREVIEW, RicosPluginToolbarNames.EMBED],
       getButtons: (config2, services) => getToolbarButtons(config2, services)
     },
+    getQuickActions: ({ config: config2 }) => {
+      const { fetchData } = config2 || {};
+      return [
+        {
+          id: "instagram-post",
+          title: "QuickActionsPlugin_ActionTitle_InstagramPost",
+          icon: InstagramSmall,
+          section: quickActionsModalSections.Embed,
+          command: ({ modalService, editor }) => {
+            changeSelectionToEndOfTextBlock(editor);
+            modalService.openModal({
+              id: socialModals.instagram,
+              Component: InsertModal,
+              componentProps: {
+                fetchData,
+                socialType: "Instagram"
+              },
+              noPadding: true,
+              onClickOutside: () => modalService.closeModal(socialModals.instagram),
+              layout: "popover",
+              positioning: {
+                referenceElement: getFakeReferenceElement(editor),
+                placement: "bottom-end"
+              }
+            });
+          }
+        },
+        {
+          id: "tiktok-video",
+          title: "QuickActionsPlugin_ActionTitle_TikTokVideo",
+          icon: TikTokSmall,
+          section: quickActionsModalSections.Embed,
+          command: ({ modalService, editor }) => {
+            changeSelectionToEndOfTextBlock(editor);
+            modalService.openModal({
+              id: socialModals.tiktok,
+              Component: InsertModal,
+              componentProps: {
+                fetchData,
+                socialType: "TikTok"
+              },
+              noPadding: true,
+              onClickOutside: () => modalService.closeModal(socialModals.tiktok),
+              layout: "popover",
+              positioning: {
+                referenceElement: getFakeReferenceElement(editor),
+                placement: "bottom-end"
+              }
+            });
+          }
+        },
+        {
+          id: "x-post",
+          title: "QuickActionsPlugin_ActionTitle_XPost",
+          icon: XCorpSmall,
+          section: quickActionsModalSections.Embed,
+          command: ({ modalService, editor }) => {
+            changeSelectionToEndOfTextBlock(editor);
+            modalService.openModal({
+              id: socialModals.twitter,
+              Component: InsertModal,
+              componentProps: {
+                fetchData,
+                socialType: "Twitter"
+              },
+              noPadding: true,
+              onClickOutside: () => modalService.closeModal(socialModals.twitter),
+              layout: "popover",
+              positioning: {
+                referenceElement: getFakeReferenceElement(editor),
+                placement: "bottom-end"
+              }
+            });
+          }
+        }
+      ];
+    },
     __exports: {
       InsertModal,
       SettingsModal

package/dist/es/plugin-link-preview/editor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-link-preview/editor.ts"],
-  "sourcesContent": ["import { RicosPluginToolbarNames } from './../ricos-types';\nimport type { EditorPluginCreator } from './../wix-rich-content-common';\n\nimport { DEFAULTS } from './defaults';\nimport { embedConverter } from './embed-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { linkPreviewConverter } from './link-preview-converter';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { LinkPreviewPluginEditorConfig } from './types';\nimport { LINK_PREVIEW_TYPE } from './types';\n\nexport const pluginLinkPreview: EditorPluginCreator<\n  LinkPreviewPluginEditorConfig,\n  { InsertModal: typeof InsertModal; SettingsModal: typeof SettingsModal }\n> = config => {\n  const pluginConfig: LinkPreviewPluginEditorConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    type: LINK_PREVIEW_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [linkPreviewConverter, embedConverter],\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.LINK_PREVIEW, RicosPluginToolbarNames.EMBED],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n    __exports: {\n      InsertModal,\n      SettingsModal,\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AAGxC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAEjC,SAAS,yBAAyB;AAE3B,MAAM,oBAGT,YAAU;AACZ,QAAM,eAA8C,EAAE,GAAG,SAAS,QAAQ,GAAG,OAAO;AACpF,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC,sBAAsB,cAAc;AAAA,IACvD;AAAA,IACA,eAAe,CAACA,SAAQ,aAAa,cAAcA,SAAQ,QAAQ;AAAA,IACnE,SAAS;AAAA,MACP,OAAO,CAAC,wBAAwB,cAAc,wBAAwB,KAAK;AAAA,MAC3E,YAAY,CAACA,SAAQ,aAAa,kBAAkBA,SAAQ,QAAQ;AAAA,IACtE;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { InstagramSmall, TikTokSmall, XCorpSmall } from '@wix/wix-ui-icons-common';\n\nimport { quickActionsModalSections, RicosPluginToolbarNames } from './../ricos-types';\nimport {\n  changeSelectionToEndOfTextBlock,\n  type EditorPluginCreator,\n  getFakeReferenceElement,\n} from './../wix-rich-content-common';\n\nimport { socialModals } from './consts';\nimport { DEFAULTS } from './defaults';\nimport { embedConverter } from './embed-converter';\nimport { getAddButtons } from './getAddButtons';\nimport { getToolbarButtons } from './getToolbarButtons';\nimport { linkPreviewConverter } from './link-preview-converter';\nimport { InsertModal } from './modals/InsertModal';\nimport { SettingsModal } from './modals/SettingsModal';\nimport { tiptapExtensions } from './tiptap/tiptap';\nimport type { LinkPreviewPluginEditorConfig } from './types';\nimport { LINK_PREVIEW_TYPE } from './types';\n\nexport const pluginLinkPreview: EditorPluginCreator<\n  LinkPreviewPluginEditorConfig,\n  { InsertModal: typeof InsertModal; SettingsModal: typeof SettingsModal }\n> = config => {\n  const pluginConfig: LinkPreviewPluginEditorConfig = { ...DEFAULTS.config, ...config };\n  return {\n    config: pluginConfig,\n    type: LINK_PREVIEW_TYPE,\n    pmMarkConverters: [],\n    pmNodeConverters: [linkPreviewConverter, embedConverter],\n    tiptapExtensions,\n    getAddButtons: (config, services) => getAddButtons(config, services),\n    toolbar: {\n      names: [RicosPluginToolbarNames.LINK_PREVIEW, RicosPluginToolbarNames.EMBED],\n      getButtons: (config, services) => getToolbarButtons(config, services),\n    },\n    getQuickActions: ({ config }) => {\n      const { fetchData } = config || {};\n      return [\n        {\n          id: 'instagram-post',\n          title: 'QuickActionsPlugin_ActionTitle_InstagramPost',\n          icon: InstagramSmall,\n          section: quickActionsModalSections.Embed,\n          command: ({ modalService, editor }) => {\n            changeSelectionToEndOfTextBlock(editor);\n\n            modalService.openModal({\n              id: socialModals.instagram,\n              Component: InsertModal,\n              componentProps: {\n                fetchData,\n                socialType: 'Instagram',\n              },\n              noPadding: true,\n              onClickOutside: () => modalService.closeModal(socialModals.instagram),\n              layout: 'popover',\n              positioning: {\n                referenceElement: getFakeReferenceElement(editor),\n                placement: 'bottom-end',\n              },\n            });\n          },\n        },\n        {\n          id: 'tiktok-video',\n          title: 'QuickActionsPlugin_ActionTitle_TikTokVideo',\n          icon: TikTokSmall,\n          section: quickActionsModalSections.Embed,\n          command: ({ modalService, editor }) => {\n            changeSelectionToEndOfTextBlock(editor);\n\n            modalService.openModal({\n              id: socialModals.tiktok,\n              Component: InsertModal,\n              componentProps: {\n                fetchData,\n                socialType: 'TikTok',\n              },\n              noPadding: true,\n              onClickOutside: () => modalService.closeModal(socialModals.tiktok),\n              layout: 'popover',\n              positioning: {\n                referenceElement: getFakeReferenceElement(editor),\n                placement: 'bottom-end',\n              },\n            });\n          },\n        },\n        {\n          id: 'x-post',\n          title: 'QuickActionsPlugin_ActionTitle_XPost',\n          icon: XCorpSmall,\n          section: quickActionsModalSections.Embed,\n          command: ({ modalService, editor }) => {\n            changeSelectionToEndOfTextBlock(editor);\n\n            modalService.openModal({\n              id: socialModals.twitter,\n              Component: InsertModal,\n              componentProps: {\n                fetchData,\n                socialType: 'Twitter',\n              },\n              noPadding: true,\n              onClickOutside: () => modalService.closeModal(socialModals.twitter),\n              layout: 'popover',\n              positioning: {\n                referenceElement: getFakeReferenceElement(editor),\n                placement: 'bottom-end',\n              },\n            });\n          },\n        },\n      ];\n    },\n    __exports: {\n      InsertModal,\n      SettingsModal,\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": ["config"]
 }

package/dist/es/plugin-link-preview/modals/InsertModal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-link-preview/modals/InsertModal.tsx"],
-  "sourcesContent": ["import { Box, Button, FormField, Input, Text } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport {\n  EditorContext,\n  ModalServiceContext,\n  PluginsEventsContext,\n  RicosContext,\n} from './../../ricos-context';\nimport type { EmbedData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { containsUrl, EMBED_TYPE, MEDIA_POPOVERS_BUTTONS_NAMES_BI } from './../../wix-rich-content-common';\nimport { FloatingLayout } from './../../ui-components';\n\nimport { socialModals } from '../consts';\nimport {\n  SOCIAL_EMBED_MODAL,\n  SOCIAL_EMBED_MODAL_INPUT,\n  SOCIAL_EMBED_MODAL_SUBMIT_BTN,\n} from '../dataHooks';\nimport { EMBED_DEFAULTS } from '../defaults';\nimport type { LinkPreviewPluginEditorConfig } from '../types';\nimport { LINK_PREVIEW_TYPE } from '../types';\n\ntype InsertModalProps = {\n  fetchData: LinkPreviewPluginEditorConfig['fetchData'];\n  socialType: 'Instagram' | 'Twitter' | 'Pinterest' | 'Facebook' | 'TikTok';\n  componentData: EmbedData;\n  nodeId?: string;\n};\n\nexport const InsertModal: FC<InsertModalProps> = ({\n  componentData,\n  fetchData,\n  nodeId,\n  socialType,\n}) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const { getEditorCommands } = useContext(EditorContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const pluginsEvents = useContext(PluginsEventsContext);\n\n  const [url, setUrl] = useState('');\n  const [submittedInvalidUrl, setSubmittedInvalidUrl] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const pluginEvents = {\n    onPluginsPopOverClick: data => pluginsEvents.publishPluginPopoverClick(data),\n  };\n\n  const closeModal = () => {\n    setSubmittedInvalidUrl(false);\n    modalService.closeModal(socialModals[socialType.toLowerCase()]);\n  };\n\n  const onConfirm = (embedData: EmbedData) => {\n    const editorCommands = getEditorCommands();\n    if (nodeId) {\n      editorCommands?.setBlock(nodeId, EMBED_TYPE, embedData);\n    } else {\n      editorCommands?.insertBlockWithBlankLines(EMBED_TYPE, embedData);\n    }\n  };\n\n  const handleOnConfirm = async () => {\n    pluginEvents?.onPluginsPopOverClick?.({\n      pluginId: LINK_PREVIEW_TYPE,\n      buttonName: MEDIA_POPOVERS_BUTTONS_NAMES_BI.embed,\n    });\n    if (url) {\n      try {\n        const { html } = (await fetchData?.(url)) || {};\n        if (!html) {\n          setSubmittedInvalidUrl(true);\n          inputRef.current?.focus();\n          return;\n        }\n        onConfirm({\n          ...componentData,\n          ...EMBED_DEFAULTS,\n          src: url,\n          oembed: {\n            type: 'rich',\n            html,\n          },\n        });\n\n        closeModal();\n      } catch {\n        setSubmittedInvalidUrl(true);\n        inputRef.current?.focus();\n      }\n    } else {\n      setSubmittedInvalidUrl(true);\n      inputRef.current?.focus();\n    }\n  };\n\n  const onCloseRequested = () => {\n    pluginEvents?.onPluginsPopOverClick?.({\n      pluginId: LINK_PREVIEW_TYPE,\n      buttonName: MEDIA_POPOVERS_BUTTONS_NAMES_BI.cancel,\n    });\n    closeModal();\n  };\n\n  return (\n    <FloatingLayout\n      onCloseButtonClick={onCloseRequested}\n      dataHook={SOCIAL_EMBED_MODAL}\n      header={isMobile ? { title: 'Embed' } : undefined}\n      content={{\n        noPadding: true,\n        children: (\n          <Box direction=\"vertical\" gap=\"SP3\" padding=\"SP4\">\n            <FormField\n              label={\n                <Text size=\"tiny\" weight=\"thin\">\n                  {t(`EmbedURL_Social_${socialType}_Title`)}\n                </Text>\n              }\n              status={submittedInvalidUrl ? 'error' : undefined}\n              statusMessage={\n                submittedInvalidUrl ? t('SoundCloudUploadModal_Input_InvalidUrl') : undefined\n              }\n            >\n              <Input\n                inputRef={ref => {\n                  inputRef.current = ref;\n                }}\n                type=\"url\"\n                id=\"dropdown-text-input\"\n                autocomplete=\"off\"\n                value={url}\n                dataHook={SOCIAL_EMBED_MODAL_INPUT}\n                onChange={e => {\n                  setSubmittedInvalidUrl(false);\n\n                  setUrl(e.target.value);\n                }}\n                placeholder={t(`EmbedURL_Social_${socialType}_Placeholder`)}\n                onBlur={() => {\n                  if (url && !containsUrl(url)) {\n                    setSubmittedInvalidUrl(true);\n                  }\n                }}\n              />\n            </FormField>\n            <Button dataHook={SOCIAL_EMBED_MODAL_SUBMIT_BTN} onClick={handleOnConfirm}>\n              {t('Embed_Add_Button_Label')}\n            </Button>\n          </Box>\n        ),\n      }}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import { Box, Button, FormField, Input, Text } from '@wix/design-system';\nimport type { FC } from 'react';\nimport React, { useContext, useRef, useState } from 'react';\n\nimport {\n  EditorContext,\n  ModalServiceContext,\n  PluginsEventsContext,\n  RicosContext,\n} from './../../ricos-context';\nimport type { EmbedData } from './../../ricos-schema/legacy/wix/rich_content/v1';\nimport { containsUrl, EMBED_TYPE, MEDIA_POPOVERS_BUTTONS_NAMES_BI } from './../../wix-rich-content-common';\nimport { FloatingLayout } from './../../ui-components';\n\nimport { socialModals } from '../consts';\nimport {\n  SOCIAL_EMBED_MODAL,\n  SOCIAL_EMBED_MODAL_INPUT,\n  SOCIAL_EMBED_MODAL_SUBMIT_BTN,\n} from '../dataHooks';\nimport { EMBED_DEFAULTS } from '../defaults';\nimport type { LinkPreviewPluginEditorConfig } from '../types';\nimport { LINK_PREVIEW_TYPE } from '../types';\n\ntype InsertModalProps = {\n  fetchData: LinkPreviewPluginEditorConfig['fetchData'];\n  socialType: 'Instagram' | 'Twitter' | 'Pinterest' | 'Facebook' | 'TikTok';\n  componentData?: EmbedData;\n  nodeId?: string;\n};\n\nexport const InsertModal: FC<InsertModalProps> = ({\n  componentData,\n  fetchData,\n  nodeId,\n  socialType,\n}) => {\n  const { t, isMobile } = useContext(RicosContext);\n  const { getEditorCommands } = useContext(EditorContext);\n  const modalService = useContext(ModalServiceContext) || {};\n  const pluginsEvents = useContext(PluginsEventsContext);\n\n  const [url, setUrl] = useState('');\n  const [submittedInvalidUrl, setSubmittedInvalidUrl] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const pluginEvents = {\n    onPluginsPopOverClick: data => pluginsEvents.publishPluginPopoverClick(data),\n  };\n\n  const closeModal = () => {\n    setSubmittedInvalidUrl(false);\n    modalService.closeModal(socialModals[socialType.toLowerCase()]);\n  };\n\n  const onConfirm = (embedData: EmbedData) => {\n    const editorCommands = getEditorCommands();\n    if (nodeId) {\n      editorCommands?.setBlock(nodeId, EMBED_TYPE, embedData);\n    } else {\n      editorCommands?.insertBlockWithBlankLines(EMBED_TYPE, embedData);\n    }\n  };\n\n  const handleOnConfirm = async () => {\n    pluginEvents?.onPluginsPopOverClick?.({\n      pluginId: LINK_PREVIEW_TYPE,\n      buttonName: MEDIA_POPOVERS_BUTTONS_NAMES_BI.embed,\n    });\n    if (url) {\n      try {\n        const { html } = (await fetchData?.(url)) || {};\n        if (!html) {\n          setSubmittedInvalidUrl(true);\n          inputRef.current?.focus();\n          return;\n        }\n        onConfirm({\n          ...componentData,\n          ...EMBED_DEFAULTS,\n          src: url,\n          oembed: {\n            type: 'rich',\n            html,\n          },\n        });\n\n        closeModal();\n      } catch {\n        setSubmittedInvalidUrl(true);\n        inputRef.current?.focus();\n      }\n    } else {\n      setSubmittedInvalidUrl(true);\n      inputRef.current?.focus();\n    }\n  };\n\n  const onCloseRequested = () => {\n    pluginEvents?.onPluginsPopOverClick?.({\n      pluginId: LINK_PREVIEW_TYPE,\n      buttonName: MEDIA_POPOVERS_BUTTONS_NAMES_BI.cancel,\n    });\n    closeModal();\n  };\n\n  return (\n    <FloatingLayout\n      onCloseButtonClick={onCloseRequested}\n      dataHook={SOCIAL_EMBED_MODAL}\n      header={isMobile ? { title: 'Embed' } : undefined}\n      content={{\n        noPadding: true,\n        children: (\n          <Box direction=\"vertical\" gap=\"SP3\" padding=\"SP4\">\n            <FormField\n              label={\n                <Text size=\"tiny\" weight=\"thin\">\n                  {t(`EmbedURL_Social_${socialType}_Title`)}\n                </Text>\n              }\n              status={submittedInvalidUrl ? 'error' : undefined}\n              statusMessage={\n                submittedInvalidUrl ? t('SoundCloudUploadModal_Input_InvalidUrl') : undefined\n              }\n            >\n              <Input\n                inputRef={ref => {\n                  inputRef.current = ref;\n                }}\n                type=\"url\"\n                id=\"dropdown-text-input\"\n                autocomplete=\"off\"\n                value={url}\n                dataHook={SOCIAL_EMBED_MODAL_INPUT}\n                onChange={e => {\n                  setSubmittedInvalidUrl(false);\n\n                  setUrl(e.target.value);\n                }}\n                placeholder={t(`EmbedURL_Social_${socialType}_Placeholder`)}\n                onBlur={() => {\n                  if (url && !containsUrl(url)) {\n                    setSubmittedInvalidUrl(true);\n                  }\n                }}\n              />\n            </FormField>\n            <Button dataHook={SOCIAL_EMBED_MODAL_SUBMIT_BTN} onClick={handleOnConfirm}>\n              {t('Embed_Add_Button_Label')}\n            </Button>\n          </Box>\n        ),\n      }}\n    />\n  );\n};\n"],
   "mappings": "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",
   "names": []
 }

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

@@ -1,12 +1,12 @@
 var link_preview_default = {
-  "fontElementMap": "vOQ7J",
-  "linkPreview": "R-8jf",
-  "linkPreviewImage": "ENy7D",
-  "linkPreviewInfo": "A0bZe",
-  "linkPreviewTitle": "xOQ5a",
-  "ellipsis": "_19CAV",
-  "linkPreviewDescription": "DwCIH",
-  "linkPreviewUrl": "e3-gG"
+  "fontElementMap": "wpmGX",
+  "linkPreview": "k0-Zi",
+  "linkPreviewImage": "iMWH0",
+  "linkPreviewInfo": "cXgMB",
+  "linkPreviewTitle": "_4fIkF",
+  "ellipsis": "m2e8P",
+  "linkPreviewDescription": "fZDq-",
+  "linkPreviewUrl": "nZeC5"
 };
 export {
   link_preview_default as default

package/dist/es/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\": \"vOQ7J\",\n  \"linkPreview\": \"R-8jf\",\n  \"linkPreviewImage\": \"ENy7D\",\n  \"linkPreviewInfo\": \"A0bZe\",\n  \"linkPreviewTitle\": \"xOQ5a\",\n  \"ellipsis\": \"_19CAV\",\n  \"linkPreviewDescription\": \"DwCIH\",\n  \"linkPreviewUrl\": \"e3-gG\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"wpmGX\",\n  \"linkPreview\": \"k0-Zi\",\n  \"linkPreviewImage\": \"iMWH0\",\n  \"linkPreviewInfo\": \"cXgMB\",\n  \"linkPreviewTitle\": \"_4fIkF\",\n  \"ellipsis\": \"m2e8P\",\n  \"linkPreviewDescription\": \"fZDq-\",\n  \"linkPreviewUrl\": \"nZeC5\"\n};"],
   "mappings": "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/es/plugin-link-preview/viewer-styles-inject.js

@@ -1,6 +1,6 @@
-var styleDataHash = '239163c9';  
+var styleDataHash = 'df881e3e';  
 export const injectCss = (() => {
-  var css = `.glob_fontElementMap,.vOQ7J{font-family:var(--ricos-font-family,unset)}.R-8jf{display:flex;flex-direction:row;max-height:170px;width:100%}[dir] .R-8jf{background-color:var(--ricos-background-color,unset);border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.2);cursor:pointer;margin:0}[dir] .R-8jf:hover{border-color:rgba(var(--ricos-text-color-tuple,33,33,33),.6)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.R-8jf{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121))}[dir] .R-8jf{border-radius:var(--ricos-native-whitebox-border-radius,0)}}}@container (width < 640px){.R-8jf{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121))}[dir] .R-8jf{border-radius:var(--ricos-native-whitebox-border-radius,0)}}.ENy7D{flex:0 0 auto}[dir] .ENy7D{background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:var(--ricos-text-color,#212121)}[dir=ltr] .ENy7D{border-right:1px solid #ededed}[dir=rtl] .ENy7D{border-left:1px solid #ededed}.A0bZe{color:var(--ricos-settings-text-color,#000);display:flex;flex-direction:column;font-family:var(--ricos-custom-p-font-family);overflow:hidden;vertical-align:middle;width:100%}[dir] .A0bZe{padding:20px 28px}.xOQ5a{align-self:flex-start;color:var(--ricos-text-color,#212121);display:flex;font-family:var(--ricos-custom-h2-font-family);font-size:20px;font-weight:700;line-height:28px;max-height:68px;min-height:26px}[dir] .xOQ5a{padding-top:12px}._19CAV{align-self:flex-end}.DwCIH,.e3-gG,.xOQ5a{overflow:hidden;text-overflow:ellipsis}.DwCIH,.e3-gG{font-size:16px;line-height:24px;white-space:nowrap}.e3-gG{color:var(--ricos-text-color-low,#646464)}[dir=ltr] .e3-gG{text-align:left}[dir=rtl] .e3-gG{text-align:right}.DwCIH{color:var(--ricos-text-color,#212121)}[dir] .DwCIH{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:800px){.R-8jf{max-height:144px}.ENy7D{width:110px}[dir] .A0bZe{padding:12px}.xOQ5a{font-size:14px;line-height:20px;max-height:48px}[dir] .xOQ5a{padding-top:8px}._19CAV{align-self:flex-end}[dir=ltr] ._19CAV{padding-right:12px}[dir=rtl] ._19CAV{padding-left:12px}.e3-gG{line-height:16px}.DwCIH,.e3-gG{font-size:12px}.DwCIH{display:flex;line-height:18px;max-height:44px;white-space:normal}}}@container (width < 800px){.R-8jf{max-height:144px}.ENy7D{width:110px}[dir] .A0bZe{padding:12px}.xOQ5a{font-size:14px;line-height:20px;max-height:48px}[dir] .xOQ5a{padding-top:8px}._19CAV{align-self:flex-end}[dir=ltr] ._19CAV{padding-right:12px}[dir=rtl] ._19CAV{padding-left:12px}.e3-gG{line-height:16px}.DwCIH,.e3-gG{font-size:12px}.DwCIH{display:flex;line-height:18px;max-height:44px;white-space:normal}}.hhdN0{height:100%;max-width:100%;position:relative;width:100%}._1zPxQ{bottom:0;position:absolute;top:0}[dir] ._1zPxQ{background:rgba(51,51,51,.05)}[dir=ltr] ._1zPxQ,[dir=rtl] ._1zPxQ{left:0;right:0}.Fhh7G{height:100%;overflow:hidden;width:100%}[dir] .Fhh7G{border:0}`;
+  var css = `.gwFUC{height:100%;overflow:hidden;width:100%}[dir] .gwFUC{border:0}.Ss-gz{height:100%;max-width:100%;position:relative;width:100%}.FKgr2{bottom:0;position:absolute;top:0}[dir] .FKgr2{background:rgba(51,51,51,.05)}[dir=ltr] .FKgr2,[dir=rtl] .FKgr2{left:0;right:0}.glob_fontElementMap,.wpmGX{font-family:var(--ricos-font-family,unset)}.k0-Zi{display:flex;flex-direction:row;max-height:170px;width:100%}[dir] .k0-Zi{background-color:var(--ricos-background-color,unset);border:1px solid rgba(var(--ricos-text-color-tuple,33,33,33),.2);cursor:pointer;margin:0}[dir] .k0-Zi:hover{border-color:rgba(var(--ricos-text-color-tuple,33,33,33),.6)}@supports not (contain:inline-size){@media only screen and (max-width:640px){.k0-Zi{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121))}[dir] .k0-Zi{border-radius:var(--ricos-native-whitebox-border-radius,0)}}}@container (width < 640px){.k0-Zi{color:var(--ricos-native-text-color,var(--ricos-text-color,#212121))}[dir] .k0-Zi{border-radius:var(--ricos-native-whitebox-border-radius,0)}}.iMWH0{flex:0 0 auto}[dir] .iMWH0{background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:var(--ricos-text-color,#212121)}[dir=ltr] .iMWH0{border-right:1px solid #ededed}[dir=rtl] .iMWH0{border-left:1px solid #ededed}.cXgMB{color:var(--ricos-settings-text-color,#000);display:flex;flex-direction:column;font-family:var(--ricos-custom-p-font-family);overflow:hidden;vertical-align:middle;width:100%}[dir] .cXgMB{padding:20px 28px}._4fIkF{align-self:flex-start;color:var(--ricos-text-color,#212121);display:flex;font-family:var(--ricos-custom-h2-font-family);font-size:20px;font-weight:700;line-height:28px;max-height:68px;min-height:26px}[dir] ._4fIkF{padding-top:12px}.m2e8P{align-self:flex-end}._4fIkF,.fZDq-,.nZeC5{overflow:hidden;text-overflow:ellipsis}.fZDq-,.nZeC5{font-size:16px;line-height:24px;white-space:nowrap}.nZeC5{color:var(--ricos-text-color-low,#646464)}[dir=ltr] .nZeC5{text-align:left}[dir=rtl] .nZeC5{text-align:right}.fZDq-{color:var(--ricos-text-color,#212121)}[dir] .fZDq-{padding-top:8px}@supports not (contain:inline-size){@media only screen and (max-width:800px){.k0-Zi{max-height:144px}.iMWH0{width:110px}[dir] .cXgMB{padding:12px}._4fIkF{font-size:14px;line-height:20px;max-height:48px}[dir] ._4fIkF{padding-top:8px}.m2e8P{align-self:flex-end}[dir=ltr] .m2e8P{padding-right:12px}[dir=rtl] .m2e8P{padding-left:12px}.nZeC5{line-height:16px}.fZDq-,.nZeC5{font-size:12px}.fZDq-{display:flex;line-height:18px;max-height:44px;white-space:normal}}}@container (width < 800px){.k0-Zi{max-height:144px}.iMWH0{width:110px}[dir] .cXgMB{padding:12px}._4fIkF{font-size:14px;line-height:20px;max-height:48px}[dir] ._4fIkF{padding-top:8px}.m2e8P{align-self:flex-end}[dir=ltr] .m2e8P{padding-right:12px}[dir=rtl] .m2e8P{padding-left:12px}.nZeC5{line-height:16px}.fZDq-,.nZeC5{font-size:12px}.fZDq-{display:flex;line-height:18px;max-height:44px;white-space:normal}}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "81b70882";
+var styleDataHash = "b2031a85";
 const injectCss = () => {
-  var css = `.glob_fontElementMap,.rxlT7{font-family:var(--ricos-font-family,unset)}._68XXT{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] ._68XXT{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}._68XXT *,._68XXT :after,._68XXT :before{box-sizing:inherit}._68XXT input{box-sizing:border-box}.AuAOt{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .AuAOt{cursor:pointer}[dir=ltr] .AuAOt{padding-left:12px;padding-right:8px}[dir=rtl] .AuAOt{padding-left:8px;padding-right:12px}.AuAOt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .AuAOt.afaqe{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.AuAOt .yiZru{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .AuAOt .yiZru{border-radius:50%}`;
+  var css = `.glob_fontElementMap,.sx3eW{font-family:var(--ricos-font-family,unset)}.AVNR-{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .AVNR-{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.AVNR- *,.AVNR- :after,.AVNR- :before{box-sizing:inherit}.AVNR- input{box-sizing:border-box}.lmSqz{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .lmSqz{cursor:pointer}[dir=ltr] .lmSqz{padding-left:12px;padding-right:8px}[dir=rtl] .lmSqz{padding-left:8px;padding-right:12px}.lmSqz span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .lmSqz.Xmnim{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.lmSqz .FsP6r{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .lmSqz .FsP6r{border-radius:50%}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,11 +21,11 @@ const injectCss = () => {
 };
 injectCss();
 var mention_list_default = {
-  "fontElementMap": "rxlT7",
-  "mention_list": "_68XXT",
-  "mention_item": "AuAOt",
-  "mention_item_selected": "afaqe",
-  "avatar": "yiZru"
+  "fontElementMap": "sx3eW",
+  "mention_list": "AVNR-",
+  "mention_item": "lmSqz",
+  "mention_item_selected": "Xmnim",
+  "avatar": "FsP6r"
 };
 export {
   mention_list_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-mentions/statics/mention-list.scss"],
-  "sourcesContent": ["var styleDataHash = '81b70882';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.rxlT7{font-family:var(--ricos-font-family,unset)}._68XXT{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] ._68XXT{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}._68XXT *,._68XXT :after,._68XXT :before{box-sizing:inherit}._68XXT input{box-sizing:border-box}.AuAOt{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .AuAOt{cursor:pointer}[dir=ltr] .AuAOt{padding-left:12px;padding-right:8px}[dir=rtl] .AuAOt{padding-left:8px;padding-right:12px}.AuAOt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .AuAOt.afaqe{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.AuAOt .yiZru{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .AuAOt .yiZru{border-radius:50%}`;\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\": \"rxlT7\",\n  \"mention_list\": \"_68XXT\",\n  \"mention_item\": \"AuAOt\",\n  \"mention_item_selected\": \"afaqe\",\n  \"avatar\": \"yiZru\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'b2031a85';  \nexport const injectCss = (() => {\n  var css = `.glob_fontElementMap,.sx3eW{font-family:var(--ricos-font-family,unset)}.AVNR-{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-height:360px;min-height:40px;overflow:hidden;overflow:auto}[dir] .AVNR-{background-color:#fff;border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.1),0 0 4px 0 rgba(0,0,0,.1));padding:8px 0}.AVNR- *,.AVNR- :after,.AVNR- :before{box-sizing:inherit}.AVNR- input{box-sizing:border-box}.lmSqz{align-items:center;align-self:center;color:var(--ricos-settings-text-color,var(--ricos-text-color,#212121));display:flex;font-family:var(--ricos-settings-text-font-family,Helvetica Neue,Helvetica,Arial);font-size:14px;gap:12px;justify-content:start;min-height:36px;width:220px}[dir] .lmSqz{cursor:pointer}[dir=ltr] .lmSqz{padding-left:12px;padding-right:8px}[dir=rtl] .lmSqz{padding-left:8px;padding-right:12px}.lmSqz span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir] .lmSqz.Xmnim{background-color:rgba(var(--ricos-settings-action-color-tuple,var(--ricos-fallback-color-tuple,0,0,0)),.06)}.lmSqz .FsP6r{height:28px;min-height:28px;min-width:28px;overflow:hidden;width:28px}[dir] .lmSqz .FsP6r{border-radius:50%}`;\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\": \"sx3eW\",\n  \"mention_list\": \"AVNR-\",\n  \"mention_item\": \"lmSqz\",\n  \"mention_item_selected\": \"Xmnim\",\n  \"avatar\": \"FsP6r\"\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,uBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,UAAU;AACZ;",
   "names": []
 }

package/dist/es/plugin-mentions/statics/mentions-scss.js

@@ -1,14 +1,14 @@
 var mentions_default = {
-  "mentionPalette": "tiAzL",
-  "mention": "_4-BFu",
-  "mentionViewer": "_6d33l",
-  "mentionSuggestionsEntry": "zsjUA",
-  "mentionSuggestionsEntryFocused": "Co3Ih",
-  "mentionSuggestionsEntryText": "TiSEA",
-  "mentionSuggestionsEntryAvatar": "_6WU3Y",
-  "mentionSuggestions": "kiFaZ",
-  "cursorDefault": "o1Q4M",
-  "cursorPointer": "_1m3Kx"
+  "mentionPalette": "dxQpz",
+  "mention": "_5miJY",
+  "mentionViewer": "uFDzM",
+  "mentionSuggestionsEntry": "pJhXx",
+  "mentionSuggestionsEntryFocused": "zQqTG",
+  "mentionSuggestionsEntryText": "GSpwX",
+  "mentionSuggestionsEntryAvatar": "mKhTh",
+  "mentionSuggestions": "_4AwQB",
+  "cursorDefault": "_07U0L",
+  "cursorPointer": "pZ2zt"
 };
 export {
   mentions_default as default

package/dist/es/plugin-mentions/statics/mentions-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-mentions/statics/mentions.scss"],
-  "sourcesContent": ["export default {\n  \"mentionPalette\": \"tiAzL\",\n  \"mention\": \"_4-BFu\",\n  \"mentionViewer\": \"_6d33l\",\n  \"mentionSuggestionsEntry\": \"zsjUA\",\n  \"mentionSuggestionsEntryFocused\": \"Co3Ih\",\n  \"mentionSuggestionsEntryText\": \"TiSEA\",\n  \"mentionSuggestionsEntryAvatar\": \"_6WU3Y\",\n  \"mentionSuggestions\": \"kiFaZ\",\n  \"cursorDefault\": \"o1Q4M\",\n  \"cursorPointer\": \"_1m3Kx\"\n};"],
+  "sourcesContent": ["export default {\n  \"mentionPalette\": \"dxQpz\",\n  \"mention\": \"_5miJY\",\n  \"mentionViewer\": \"uFDzM\",\n  \"mentionSuggestionsEntry\": \"pJhXx\",\n  \"mentionSuggestionsEntryFocused\": \"zQqTG\",\n  \"mentionSuggestionsEntryText\": \"GSpwX\",\n  \"mentionSuggestionsEntryAvatar\": \"mKhTh\",\n  \"mentionSuggestions\": \"_4AwQB\",\n  \"cursorDefault\": \"_07U0L\",\n  \"cursorPointer\": \"pZ2zt\"\n};"],
   "mappings": "AAAA,IAAO,mBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,+BAA+B;AAAA,EAC/B,iCAAiC;AAAA,EACjC,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = 'dffdb8df';  
+var styleDataHash = '791058e2';  
 export const injectCss = (() => {
-  var css = `.tiAzL{display:inline-block}._4-BFu,._4-BFu:visited{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff));display:inline-block;text-decoration:none}[dir] ._4-BFu,[dir] ._4-BFu:visited{background:var(--ricos-custom-mention-background-color,transparent)!important;border-radius:2px}[dir=ltr] ._4-BFu,[dir=ltr] ._4-BFu:visited,[dir=rtl] ._4-BFu,[dir=rtl] ._4-BFu:visited{padding-left:2px;padding-right:2px}[dir=ltr] ._6d33l,[dir=ltr] ._6d33l:visited,[dir=rtl] ._6d33l,[dir=rtl] ._6d33l:visited{padding-left:4px;padding-right:4px}._4-BFu:focus,._4-BFu:hover{outline:0;text-decoration:underline}._4-BFu:active,._4-BFu:focus,._4-BFu:hover{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff))}.zsjUA{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .zsjUA{padding:5px 10px}[dir] .zsjUA:active{background-color:#cce7ff}.Co3Ih{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .Co3Ih{background-color:#e6f3ff;padding:5px 10px}.TiSEA{display:inline-block;font-size:14px;max-width:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .TiSEA{margin-left:8px}[dir=rtl] .TiSEA{margin-right:8px}._6WU3Y{display:inline-block;height:24px;width:24px}[dir] ._6WU3Y{border-radius:50%}.kiFaZ{display:flex;flex-direction:column;max-width:440px;min-width:220px;position:absolute;z-index:2}[dir] .kiFaZ{background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 30px 0 #dcdcdc;cursor:pointer;margin-top:7px;padding:8px 0;transform:scale(0)}[dir] .o1Q4M{cursor:default}[dir] ._1m3Kx{cursor:pointer}`;
+  var css = `.dxQpz{display:inline-block}._5miJY,._5miJY:visited{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff));display:inline-block;text-decoration:none}[dir] ._5miJY,[dir] ._5miJY:visited{background:var(--ricos-custom-mention-background-color,transparent)!important;border-radius:2px}[dir=ltr] ._5miJY,[dir=ltr] ._5miJY:visited,[dir=rtl] ._5miJY,[dir=rtl] ._5miJY:visited{padding-left:2px;padding-right:2px}[dir=ltr] .uFDzM,[dir=ltr] .uFDzM:visited,[dir=rtl] .uFDzM,[dir=rtl] .uFDzM:visited{padding-left:4px;padding-right:4px}._5miJY:focus,._5miJY:hover{outline:0;text-decoration:underline}._5miJY:active,._5miJY:focus,._5miJY:hover{color:var(--ricos-custom-mention-color,var(--ricos-action-color,#116dff))}.pJhXx{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .pJhXx{padding:5px 10px}[dir] .pJhXx:active{background-color:#cce7ff}.zQqTG{align-items:center;display:flex;min-height:24px;transition:background-color .4s cubic-bezier(.27,1.27,.48,.56)}[dir] .zQqTG{background-color:#e6f3ff;padding:5px 10px}.GSpwX{display:inline-block;font-size:14px;max-width:368px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=ltr] .GSpwX{margin-left:8px}[dir=rtl] .GSpwX{margin-right:8px}.mKhTh{display:inline-block;height:24px;width:24px}[dir] .mKhTh{border-radius:50%}._4AwQB{display:flex;flex-direction:column;max-width:440px;min-width:220px;position:absolute;z-index:2}[dir] ._4AwQB{background:#fff;border:1px solid #eee;border-radius:2px;box-shadow:0 4px 30px 0 #dcdcdc;cursor:pointer;margin-top:7px;padding:8px 0;transform:scale(0)}[dir] ._07U0L{cursor:default}[dir] .pZ2zt{cursor:pointer}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
 
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "406f900c";
+var styleDataHash = "a3f8b211";
 const injectCss = () => {
-  var css = `.Vp3fI{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] .Vp3fI{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}.Vp3fI:before{bottom:0;content:"";opacity:.1;position:absolute;top:0}[dir] .Vp3fI:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] .Vp3fI:before,[dir=rtl] .Vp3fI:before{left:0;right:0}.Vp3fI svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir] .Vp3fI:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.Vp3fI:hover svg{color:#fff;fill:#fff}`;
+  var css = `._1qy5N{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] ._1qy5N{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}._1qy5N:before{bottom:0;content:"";opacity:.1;position:absolute;top:0}[dir] ._1qy5N:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] ._1qy5N:before,[dir=rtl] ._1qy5N:before{left:0;right:0}._1qy5N svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir] ._1qy5N:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}._1qy5N:hover svg{color:#fff;fill:#fff}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var floating_toolbar_button_default = {
-  "button": "Vp3fI"
+  "button": "_1qy5N"
 };
 export {
   floating_toolbar_button_default as default,

package/dist/es/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-quick-actions/floating-toolbar-button/floating-toolbar-button.scss"],
-  "sourcesContent": ["var styleDataHash = '406f900c';  \nexport const injectCss = (() => {\n  var css = `.Vp3fI{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] .Vp3fI{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}.Vp3fI:before{bottom:0;content:\"\";opacity:.1;position:absolute;top:0}[dir] .Vp3fI:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] .Vp3fI:before,[dir=rtl] .Vp3fI:before{left:0;right:0}.Vp3fI svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir] .Vp3fI:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.Vp3fI:hover svg{color:#fff;fill:#fff}`;\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  \"button\": \"Vp3fI\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'a3f8b211';  \nexport const injectCss = (() => {\n  var css = `._1qy5N{display:flex;height:19px;overflow:hidden;position:absolute;width:19px;z-index:3}[dir] ._1qy5N{background-color:#fff;border:none;border-radius:4px;cursor:pointer;padding:0}._1qy5N:before{bottom:0;content:\"\";opacity:.1;position:absolute;top:0}[dir] ._1qy5N:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir=ltr] ._1qy5N:before,[dir=rtl] ._1qy5N:before{left:0;right:0}._1qy5N svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}[dir] ._1qy5N:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}._1qy5N:hover svg{color:#fff;fill:#fff}`;\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  \"button\": \"_1qy5N\"\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,kCAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/plugin-quick-actions/quick-actions-modal/quick-actions-modal-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "fae74090";
+var styleDataHash = "9696a69d";
 const injectCss = () => {
-  var css = `.xlygx [data-hook=popover-content]{position:relative!important}`;
+  var css = `.xNtc3 [data-hook=popover-content]{position:relative!important}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = () => {
 };
 injectCss();
 var quick_actions_modal_default = {
-  "quickActionsModal": "xlygx"
+  "quickActionsModal": "xNtc3"
 };
 export {
   quick_actions_modal_default as default,

package/dist/es/plugin-quick-actions/quick-actions-modal/quick-actions-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-quick-actions/quick-actions-modal/quick-actions-modal.scss"],
-  "sourcesContent": ["var styleDataHash = 'fae74090';  \nexport const injectCss = (() => {\n  var css = `.xlygx [data-hook=popover-content]{position:relative!important}`;\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  \"quickActionsModal\": \"xlygx\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9696a69d';  \nexport const injectCss = (() => {\n  var css = `.xNtc3 [data-hook=popover-content]{position:relative!important}`;\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  \"quickActionsModal\": \"xNtc3\"\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,8BAAQ;AAAA,EACb,qBAAqB;AACvB;",
   "names": []
 }

package/dist/es/plugin-quick-actions/quick-actions-modal/quick-actions-modal.js

@@ -14,6 +14,7 @@ import { QUICK_ACTIONS_MODAL_ID } from "./../types";
 import { UiComponentsProvider } from "./../../ui-components";
 import { QUICK_ACTIONS_ROOT } from "../data-hooks";
 import styles from "./quick-actions-modal-scss";
+const COMMONLY_USED = ["writeWithAi", "image", "gallery", "button", "youtube-video"];
 const QuickActionsModal = forwardRef(
   (props, ref) => {
     const { query } = props;
@@ -28,13 +29,17 @@ const QuickActionsModal = forwardRef(
       const actionsInSectionsMap = query === " " ? [] : actions.filter(
         (item) => t(item.title).toLowerCase().includes((query ?? "").toLowerCase())
       ).reduce((groups, action) => {
+        if (query === "" && COMMONLY_USED.includes(action.id)) {
+          groups[quickActionsModalSections.CommonlyUsed] ??= [];
+          groups[quickActionsModalSections.CommonlyUsed].push(action);
+        }
         groups[action.section] ??= [];
         return {
           ...groups,
           [action.section]: [...groups[action.section], action]
         };
       }, {});
-      return Object.values(quickActionsModalSections).reduce((list, section) => {
+      const organizedOptions = Object.values(quickActionsModalSections).reduce((list, section) => {
         return [
           ...list,
           ...actionsInSectionsMap[section]?.length > 0 ? [
@@ -51,10 +56,18 @@ const QuickActionsModal = forwardRef(
                 editor: adapter.tiptapEditor,
                 t
               })
-            )
+            ),
+            listItemSectionBuilder({
+              type: "divider",
+              id: "-"
+            })
           ] : []
         ];
       }, []);
+      if (organizedOptions[organizedOptions.length - 1]?.id === "-") {
+        organizedOptions.pop();
+      }
+      return organizedOptions;
     }, [query]);
     const [selectedId, setSelectedId] = useState(
       options.find((option) => option.value === "action")?.id
@@ -100,7 +113,7 @@ const QuickActionsModal = forwardRef(
             modalService.closeModal(QUICK_ACTIONS_MODAL_ID);
           },
           placement: "bottom-start",
-          minWidth: 242,
+          minWidth: 280,
           maxHeight: 250,
           className: styles.quickActionsModal,
           focusOnOption: selectedId,

package/dist/es/plugin-quick-actions/quick-actions-modal/quick-actions-modal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-quick-actions/quick-actions-modal/quick-actions-modal.tsx"],
-  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport { DropdownBase, listItemSectionBuilder } from '@wix/design-system';\nimport React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { EditorContext, PluginsContext, RicosContext, ZIndexContext } from './../../ricos-context';\nimport { useModalService } from './../../ricos-modals/modal-service-provider';\nimport type { EditorCommands } from './../../ricos-types/editorCommandsType';\nimport type { ModalService } from './../../ricos-types/modalTypes';\nimport { quickActionsModalSections } from './../../ricos-types/pluginTypes';\nimport type {\n  PluginCommand,\n  QuickActionsModalProps,\n  QuickActionsModalRef,\n} from './../types';\nimport { QUICK_ACTIONS_MODAL_ID } from './../types';\nimport { UiComponentsProvider } from './../../ui-components';\n\nimport { QUICK_ACTIONS_ROOT } from '../data-hooks';\nimport styles from './quick-actions-modal-scss';\n\nexport const QuickActionsModal = forwardRef<QuickActionsModalRef, QuickActionsModalProps>(\n  (props, ref) => {\n    const { query } = props;\n    const { adapter } = useContext(EditorContext);\n    const plugins = useContext(PluginsContext);\n    const { t } = useContext(RicosContext);\n    const zIndexService = useContext(ZIndexContext);\n    const actions = useMemo(() => plugins.getQuickActions(), []);\n\n    const modalService = useModalService();\n\n    const editorCommands = adapter.getEditorCommands();\n\n    const options = useMemo(() => {\n      const actionsInSectionsMap =\n        query === ' '\n          ? []\n          : actions\n              .filter(item =>\n                t(item.title)\n                  .toLowerCase()\n                  .includes((query ?? '').toLowerCase())\n              )\n              .reduce((groups, action) => {\n                groups[action.section] ??= [];\n\n                return {\n                  ...groups,\n                  [action.section]: [...groups[action.section], action],\n                };\n              }, {} as { [key: string]: PluginCommand[] });\n\n      return Object.values(quickActionsModalSections).reduce((list, section) => {\n        return [\n          ...list,\n\n          ...(actionsInSectionsMap[section]?.length > 0\n            ? [\n                listItemSectionBuilder({\n                  title: t(section),\n                  id: section,\n                }),\n\n                ...actionsInSectionsMap[section].map(item =>\n                  commandToPaletteOption({\n                    pluginCommand: item,\n                    editorCommands,\n                    props,\n                    modalService,\n                    editor: adapter.tiptapEditor,\n                    t,\n                  })\n                ),\n              ]\n            : []),\n        ];\n      }, []);\n    }, [query]);\n\n    const [selectedId, setSelectedId] = useState(\n      options.find(option => option.value === 'action')?.id\n    );\n\n    useEffect(() => {\n      setSelectedId(options.find(option => option.value === 'action')?.id);\n    }, [query]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }) => {\n        if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n          const direction = event.key === 'ArrowUp' ? -1 : 1;\n          const activeOptions = options.filter(option => option.value === 'action');\n          setSelectedId(prev => {\n            const currIndex = activeOptions.findIndex(({ id }) => id === prev);\n            const nextIndex = (currIndex + direction + activeOptions.length) % activeOptions.length;\n            return activeOptions[nextIndex].id;\n          });\n          return true;\n        }\n\n        if (event.key === 'Enter') {\n          const option = options.find(option => option.id === selectedId);\n          if (option && 'onClick' in option) {\n            props?.command?.(props);\n            option.onClick();\n            return true;\n          }\n          return false;\n        }\n\n        return false;\n      },\n    }));\n\n    return (\n      <UiComponentsProvider>\n        <div\n          className={styles.quickActionsModal}\n          style={{ zIndex: zIndexService.getZIndex('DIALOG') }}\n        >\n          <DropdownBase\n            open\n            onSelect={() => {\n              modalService.closeModal(QUICK_ACTIONS_MODAL_ID);\n            }}\n            placement=\"bottom-start\"\n            minWidth={242}\n            maxHeight={250}\n            className={styles.quickActionsModal}\n            focusOnOption={selectedId}\n            dataHook={QUICK_ACTIONS_ROOT}\n            options={options}\n            flip={false}\n          />\n        </div>\n      </UiComponentsProvider>\n    );\n  }\n);\n\ntype Option = {\n  as: string;\n  dataHook: string;\n  ellipsis: boolean;\n  id: string;\n  onClick: () => void;\n  optionTitle: string;\n  prefixIcon?: JSX.Element;\n  shouldFocusWithoutScroll: boolean;\n  size: string;\n  title: boolean;\n  value: string;\n};\n\nconst commandToPaletteOption = ({\n  pluginCommand,\n  editorCommands,\n  props,\n  editor,\n  modalService,\n  t,\n}: {\n  pluginCommand: PluginCommand;\n  editorCommands: EditorCommands;\n  props: QuickActionsModalProps;\n  editor: Editor;\n  modalService: ModalService;\n  t: (key: string) => string;\n}): Option => {\n  return {\n    as: 'button',\n    dataHook: pluginCommand.title,\n    ellipsis: false,\n    id: pluginCommand.id,\n    onClick: () => {\n      props?.command?.(props);\n      pluginCommand.command({ editorCommands, editor, modalService });\n    },\n    optionTitle: t(pluginCommand.title),\n    prefixIcon: pluginCommand.icon ? <pluginCommand.icon /> : undefined,\n    shouldFocusWithoutScroll: true,\n    size: 'small',\n    title: false,\n    value: 'action',\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Editor } from '@tiptap/core';\nimport { DropdownBase, listItemSectionBuilder } from '@wix/design-system';\nimport React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\n\nimport { EditorContext, PluginsContext, RicosContext, ZIndexContext } from './../../ricos-context';\nimport { useModalService } from './../../ricos-modals/modal-service-provider';\nimport type { EditorCommands } from './../../ricos-types/editorCommandsType';\nimport type { ModalService } from './../../ricos-types/modalTypes';\nimport { quickActionsModalSections } from './../../ricos-types/pluginTypes';\nimport type {\n  PluginCommand,\n  QuickActionsModalProps,\n  QuickActionsModalRef,\n} from './../types';\nimport { QUICK_ACTIONS_MODAL_ID } from './../types';\nimport { UiComponentsProvider } from './../../ui-components';\n\nimport { QUICK_ACTIONS_ROOT } from '../data-hooks';\nimport styles from './quick-actions-modal-scss';\n\nconst COMMONLY_USED: string[] = ['writeWithAi', 'image', 'gallery', 'button', 'youtube-video'];\n\nexport const QuickActionsModal = forwardRef<QuickActionsModalRef, QuickActionsModalProps>(\n  (props, ref) => {\n    const { query } = props;\n    const { adapter } = useContext(EditorContext);\n    const plugins = useContext(PluginsContext);\n    const { t } = useContext(RicosContext);\n    const zIndexService = useContext(ZIndexContext);\n    const actions = useMemo(() => plugins.getQuickActions(), []);\n\n    const modalService = useModalService();\n\n    const editorCommands = adapter.getEditorCommands();\n\n    const options = useMemo(() => {\n      const actionsInSectionsMap =\n        query === ' '\n          ? []\n          : actions\n              .filter(item =>\n                t(item.title)\n                  .toLowerCase()\n                  .includes((query ?? '').toLowerCase())\n              )\n              .reduce((groups, action) => {\n                if (query === '' && COMMONLY_USED.includes(action.id)) {\n                  groups[quickActionsModalSections.CommonlyUsed] ??= [];\n                  groups[quickActionsModalSections.CommonlyUsed].push(action);\n                }\n\n                groups[action.section] ??= [];\n\n                return {\n                  ...groups,\n                  [action.section]: [...groups[action.section], action],\n                };\n              }, {} as { [key: string]: PluginCommand[] });\n\n      const organizedOptions = Object.values(quickActionsModalSections).reduce((list, section) => {\n        return [\n          ...list,\n\n          ...(actionsInSectionsMap[section]?.length > 0\n            ? [\n                listItemSectionBuilder({\n                  title: t(section),\n                  id: section,\n                }),\n\n                ...actionsInSectionsMap[section].map(item =>\n                  commandToPaletteOption({\n                    pluginCommand: item,\n                    editorCommands,\n                    props,\n                    modalService,\n                    editor: adapter.tiptapEditor,\n                    t,\n                  })\n                ),\n\n                listItemSectionBuilder({\n                  type: 'divider',\n                  id: '-',\n                }),\n              ]\n            : []),\n        ];\n      }, []);\n\n      if (organizedOptions[organizedOptions.length - 1]?.id === '-') {\n        organizedOptions.pop();\n      }\n      return organizedOptions;\n    }, [query]);\n\n    const [selectedId, setSelectedId] = useState(\n      options.find(option => option.value === 'action')?.id\n    );\n\n    useEffect(() => {\n      setSelectedId(options.find(option => option.value === 'action')?.id);\n    }, [query]);\n\n    useImperativeHandle(ref, () => ({\n      onKeyDown: ({ event }) => {\n        if (['ArrowUp', 'ArrowDown'].includes(event.key)) {\n          const direction = event.key === 'ArrowUp' ? -1 : 1;\n          const activeOptions = options.filter(option => option.value === 'action');\n          setSelectedId(prev => {\n            const currIndex = activeOptions.findIndex(({ id }) => id === prev);\n            const nextIndex = (currIndex + direction + activeOptions.length) % activeOptions.length;\n            return activeOptions[nextIndex].id;\n          });\n          return true;\n        }\n\n        if (event.key === 'Enter') {\n          const option = options.find(option => option.id === selectedId);\n          if (option && 'onClick' in option) {\n            props?.command?.(props);\n            option.onClick();\n            return true;\n          }\n          return false;\n        }\n\n        return false;\n      },\n    }));\n\n    return (\n      <UiComponentsProvider>\n        <div\n          className={styles.quickActionsModal}\n          style={{ zIndex: zIndexService.getZIndex('DIALOG') }}\n        >\n          <DropdownBase\n            open\n            onSelect={() => {\n              modalService.closeModal(QUICK_ACTIONS_MODAL_ID);\n            }}\n            placement=\"bottom-start\"\n            minWidth={280}\n            maxHeight={250}\n            className={styles.quickActionsModal}\n            focusOnOption={selectedId}\n            dataHook={QUICK_ACTIONS_ROOT}\n            options={options}\n            flip={false}\n          />\n        </div>\n      </UiComponentsProvider>\n    );\n  }\n);\n\ntype Option = {\n  as: string;\n  dataHook: string;\n  ellipsis: boolean;\n  id: string;\n  onClick: () => void;\n  optionTitle: string;\n  prefixIcon?: JSX.Element;\n  shouldFocusWithoutScroll: boolean;\n  size: string;\n  title: boolean;\n  value: string;\n};\n\nconst commandToPaletteOption = ({\n  pluginCommand,\n  editorCommands,\n  props,\n  editor,\n  modalService,\n  t,\n}: {\n  pluginCommand: PluginCommand;\n  editorCommands: EditorCommands;\n  props: QuickActionsModalProps;\n  editor: Editor;\n  modalService: ModalService;\n  t: (key: string) => string;\n}): Option => {\n  return {\n    as: 'button',\n    dataHook: pluginCommand.title,\n    ellipsis: false,\n    id: pluginCommand.id,\n    onClick: () => {\n      props?.command?.(props);\n      pluginCommand.command({ editorCommands, editor, modalService });\n    },\n    optionTitle: t(pluginCommand.title),\n    prefixIcon: pluginCommand.icon ? <pluginCommand.icon /> : undefined,\n    shouldFocusWithoutScroll: true,\n    size: 'small',\n    title: false,\n    value: 'action',\n  };\n};\n"],
+  "mappings": "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",
   "names": ["option"]
 }