@wix/ricos 11.25.0 → 11.26.0

package/dist/cjs/plugin-ai/toolbar/ai-toolbar-button.js

@@ -36,11 +36,7 @@ var import_ricos_context = require("./../../ricos-context/index.js");
 var import_toolbar_button = require("./../../_shared/toolbar-button/toolbar-button.js");
 var import_ai_icon = require("./ai-icon.js");
 var import_toolbar_button_scss = __toESM(require("./toolbar-button-scss.js"));
-const AiToolbarButton = ({
-  toolbarItem,
-  showLabel,
-  dataHook
-}) => {
+const AiToolbarButton = ({ toolbarItem, showLabel, dataHook, labelKey = "AIPlugin_ToolbarButton_Text" }) => {
   const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   return /* @__PURE__ */ import_react.default.createElement(
@@ -48,7 +44,7 @@ const AiToolbarButton = ({
     {
       className: import_toolbar_button_scss.default.accentColor,
       prefix: import_ai_icon.AiIcon,
-      ...showLabel ? { label: t("AIPlugin_ToolbarButton_Text"), ariaLabel: tooltip } : { tooltip },
+      ...showLabel ? { label: t(labelKey), ariaLabel: tooltip } : { tooltip },
       active: toolbarItem.attributes.active,
       disabled: toolbarItem.attributes.disabled,
       onClick: (e) => toolbarItem.commands?.click?.(e),

package/dist/cjs/plugin-ai/toolbar/ai-toolbar-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/toolbar/ai-toolbar-button.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { ToolbarItemProps } from './../../toolbars-v3/types.js';\n\nimport { AiIcon } from './ai-icon.js';\nimport classes from './toolbar-button-scss.js';\n\nexport const AiToolbarButton: React.FC<ToolbarItemProps & { showLabel?: boolean }> = ({\n  toolbarItem,\n  showLabel,\n  dataHook,\n}) => {\n  const { t } = useContext(RicosContext);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n\n  return (\n    <ToolbarButton\n      className={classes.accentColor}\n      prefix={AiIcon}\n      // WDS suppresses the tooltip once a label is placed, so its text — which differs from\n      // the label's — becomes the accessible name instead of being dropped.\n      {...(showLabel\n        ? { label: t('AIPlugin_ToolbarButton_Text'), ariaLabel: tooltip }\n        : { tooltip })}\n      active={toolbarItem.attributes.active}\n      disabled={toolbarItem.attributes.disabled}\n      onClick={e => toolbarItem.commands?.click?.(e)}\n      // The toolbar injects `presentation.dataHook` only into the visible copy of each button,\n      // not the hidden overflow-measurement one — forwarding it instead of hardcoding\n      // TEXT_BUTTON_AI keeps e2e selectors off the duplicate.\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAA6B;AAC7B,4BAA8B;AAG9B,qBAAuB;AACvB,iCAAoB;AAEb,MAAM,kBAAwE,CAAC;AAAA,EACpF;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,QAAI,yBAAW,iCAAY;AACrC,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AAEnD,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2BAAAC,QAAQ;AAAA,MACnB,QAAQ;AAAA,MAGP,GAAI,YACD,EAAE,OAAO,EAAE,6BAA6B,GAAG,WAAW,QAAQ,IAC9D,EAAE,QAAQ;AAAA,MACd,QAAQ,YAAY,WAAW;AAAA,MAC/B,UAAU,YAAY,WAAW;AAAA,MACjC,SAAS,OAAK,YAAY,UAAU,QAAQ,CAAC;AAAA,MAI7C;AAAA,MACA,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { ToolbarItemProps } from './../../toolbars-v3/types.js';\n\nimport { AiIcon } from './ai-icon.js';\nimport classes from './toolbar-button-scss.js';\n\nexport const AiToolbarButton: React.FC<\n  ToolbarItemProps & {\n    showLabel?: boolean;\n    /** Overrides the label's translation key, e.g. \"Create with AI\" for the AI menu. */\n    labelKey?: string;\n  }\n> = ({ toolbarItem, showLabel, dataHook, labelKey = 'AIPlugin_ToolbarButton_Text' }) => {\n  const { t } = useContext(RicosContext);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n\n  return (\n    <ToolbarButton\n      className={classes.accentColor}\n      prefix={AiIcon}\n      // WDS suppresses the tooltip once a label is placed, so its text — which differs from\n      // the label's — becomes the accessible name instead of being dropped.\n      {...(showLabel ? { label: t(labelKey), ariaLabel: tooltip } : { tooltip })}\n      active={toolbarItem.attributes.active}\n      disabled={toolbarItem.attributes.disabled}\n      onClick={e => toolbarItem.commands?.click?.(e)}\n      // The toolbar injects `presentation.dataHook` only into the visible copy of each button,\n      // not the hidden overflow-measurement one — forwarding it instead of hardcoding\n      // TEXT_BUTTON_AI keeps e2e selectors off the duplicate.\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAElC,2BAA6B;AAC7B,4BAA8B;AAG9B,qBAAuB;AACvB,iCAAoB;AAEb,MAAM,kBAMT,CAAC,EAAE,aAAa,WAAW,UAAU,WAAW,8BAA8B,MAAM;AACtF,QAAM,EAAE,EAAE,QAAI,yBAAW,iCAAY;AACrC,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AAEnD,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,2BAAAC,QAAQ;AAAA,MACnB,QAAQ;AAAA,MAGP,GAAI,YAAY,EAAE,OAAO,EAAE,QAAQ,GAAG,WAAW,QAAQ,IAAI,EAAE,QAAQ;AAAA,MACxE,QAAQ,YAAY,WAAW;AAAA,MAC/B,UAAU,YAAY,WAAW;AAAA,MACjC,SAAS,OAAK,YAAY,UAAU,QAAQ,CAAC;AAAA,MAI7C;AAAA,MACA,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
   "names": ["React", "classes"]
 }

package/dist/cjs/plugin-ai/toolbar/toolbar-button-scss.js

@@ -22,7 +22,7 @@ __export(toolbar_button_exports, {
 });
 module.exports = __toCommonJS(toolbar_button_exports);
 var toolbar_button_default = {
-  "button": "gBS8l",
-  "accentColor": "rcusV"
+  "button": "X8N2-",
+  "accentColor": "zCID0"
 };
 //# sourceMappingURL=toolbar-button-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/toolbar/toolbar-button.scss"],
-  "sourcesContent": ["export default {\n  \"button\": \"gBS8l\",\n  \"accentColor\": \"rcusV\"\n};"],
+  "sourcesContent": ["export default {\n  \"button\": \"X8N2-\",\n  \"accentColor\": \"zCID0\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,UAAU;AAAA,EACV,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-ai/toolbar/toolbar-button-small.js

@@ -34,10 +34,7 @@ module.exports = __toCommonJS(toolbar_button_small_exports);
 var import_react = __toESM(require("react"));
 var import_ai_icon = require("./ai-icon.js");
 var import_toolbar_button_scss = __toESM(require("./toolbar-button-scss.js"));
-const ToolbarButtonSmall = ({
-  showLabel,
-  t
-}) => {
-  return /* @__PURE__ */ import_react.default.createElement("span", { className: import_toolbar_button_scss.default.button }, /* @__PURE__ */ import_react.default.createElement(import_ai_icon.AiIcon, null), " ", showLabel && t("AIPlugin_ToolbarButton_Text"));
+const ToolbarButtonSmall = ({ showLabel, t, labelKey = "AIPlugin_ToolbarButton_Text" }) => {
+  return /* @__PURE__ */ import_react.default.createElement("span", { className: import_toolbar_button_scss.default.button }, /* @__PURE__ */ import_react.default.createElement(import_ai_icon.AiIcon, null), " ", showLabel && t(labelKey));
 };
 //# sourceMappingURL=toolbar-button-small.js.map

package/dist/cjs/plugin-ai/toolbar/toolbar-button-small.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/toolbar/toolbar-button-small.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { TFunction } from './../../ricos-types/common-types.js';\n\nimport { AiIcon } from './ai-icon.js';\nimport styles from './toolbar-button-scss.js';\n\nexport const ToolbarButtonSmall: React.FC<{ showLabel: boolean; t: TFunction }> = ({\n  showLabel,\n  t,\n}) => {\n  return (\n    <span className={styles.button}>\n      <AiIcon /> {showLabel && t('AIPlugin_ToolbarButton_Text')}\n    </span>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,qBAAuB;AACvB,iCAAmB;AAEZ,MAAM,qBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AACF,MAAM;AACJ,SACE,6BAAAA,QAAA,cAAC,UAAK,WAAW,2BAAAC,QAAO,UACtB,6BAAAD,QAAA,cAAC,2BAAO,GAAE,KAAE,aAAa,EAAE,6BAA6B,CAC1D;AAEJ;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { TFunction } from './../../ricos-types/common-types.js';\n\nimport { AiIcon } from './ai-icon.js';\nimport styles from './toolbar-button-scss.js';\n\nexport const ToolbarButtonSmall: React.FC<{\n  showLabel: boolean;\n  t: TFunction;\n  /** Overrides the label's translation key, e.g. for the \"Create with AI\" / \"Edit with AI\" menu. */\n  labelKey?: string;\n}> = ({ showLabel, t, labelKey = 'AIPlugin_ToolbarButton_Text' }) => {\n  return (\n    <span className={styles.button}>\n      <AiIcon /> {showLabel && t(labelKey)}\n    </span>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,qBAAuB;AACvB,iCAAmB;AAEZ,MAAM,qBAKR,CAAC,EAAE,WAAW,GAAG,WAAW,8BAA8B,MAAM;AACnE,SACE,6BAAAA,QAAA,cAAC,UAAK,WAAW,2BAAAC,QAAO,UACtB,6BAAAD,QAAA,cAAC,2BAAO,GAAE,KAAE,aAAa,EAAE,QAAQ,CACrC;AAEJ;",
   "names": ["React", "styles"]
 }

package/dist/cjs/plugin-ai/types.js

@@ -22,6 +22,7 @@ __export(types_exports, {
   AI_DISCARD_MODAL_ID: () => AI_DISCARD_MODAL_ID,
   AI_FLOW_SELECTION_MODAL_ID: () => AI_FLOW_SELECTION_MODAL_ID,
   AI_IMAGE_MODAL_ID: () => AI_IMAGE_MODAL_ID,
+  AI_MENU_MODAL_ID: () => AI_MENU_MODAL_ID,
   AI_MODAL_ID: () => AI_MODAL_ID,
   AI_TYPE: () => AI_TYPE
 });
@@ -32,4 +33,5 @@ const AI_DISCARD_MODAL_ID = `${AI_TYPE}.discardModal`;
 const AI_ACTIONS_MODAL_ID = `${AI_TYPE}.actionsModal`;
 const AI_FLOW_SELECTION_MODAL_ID = `${AI_TYPE}.flowSelectionModal`;
 const AI_IMAGE_MODAL_ID = `${AI_TYPE}.imageModal`;
+const AI_MENU_MODAL_ID = `${AI_TYPE}.menuModal`;
 //# sourceMappingURL=types.js.map

package/dist/cjs/plugin-ai/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-ai/types.ts"],
-  "sourcesContent": ["import type { IconComponent } from '@wix/wix-ui-icons-common/core';\n\nimport type { ModalService } from './../ricos-modals/index.js';\nimport type { EditorPluginConfig } from './../ricos-types/index.js';\nimport type { JSONContent } from './../tiptap/core/index.js';\n\nimport type { ImageStyle } from './ai-image-modal/slice/types.js';\nimport type { DiscardPayload } from './discard-confirmation-modal/discard-confirmation-modal.js';\n\nexport const AI_TYPE = 'wix-rich-content-plugin-ai';\nexport const AI_MODAL_ID = `${AI_TYPE}.modal`;\nexport const AI_DISCARD_MODAL_ID = `${AI_TYPE}.discardModal`;\nexport const AI_ACTIONS_MODAL_ID = `${AI_TYPE}.actionsModal`;\nexport const AI_FLOW_SELECTION_MODAL_ID = `${AI_TYPE}.flowSelectionModal`;\nexport const AI_IMAGE_MODAL_ID = `${AI_TYPE}.imageModal`;\n\nexport type AiGeneratedImage = {\n  url: string;\n  id: string;\n  altText?: string;\n  width?: number;\n  height?: number;\n};\n\nexport type AiImageGeneration = {\n  getInitialPrompt?: (selection: string) => string;\n  generateImage: (options: {\n    prompt: string;\n    selection: string;\n    imageStyle: ImageStyle;\n    signal: AbortSignal;\n  }) => Promise<AiGeneratedImage>;\n};\n\nexport interface AiPluginEditorConfig extends EditorPluginConfig {\n  type: 'ai';\n  configurePrompts?: (prompts: PromptsConfiguration) => PromptsConfiguration;\n  configureFlowSelectionItems?: (items: FlowSelectionItem[]) => FlowSelectionItem[];\n  getGatewayBaseUrl?: () => string;\n  appDefId?: string;\n  /*\n   * Exposes an AI button for generating image captions.\n   *\n   * @default true\n   */\n  enableImageCaptionExport?: boolean;\n  /*\n   * Exposes an AI button for generating image alt text.\n   *\n   * @default true\n   */\n  enableImageAltTextExport?: boolean;\n  showToolbarButtonText?: boolean;\n  enableImageGeneration?: boolean;\n  imageGeneration?: AiImageGeneration;\n  selectParentNodeOnToolbarClick?: boolean;\n}\n\nexport type Prompt = {\n  type: 'prompt';\n  title: string;\n  icon?: IconComponent;\n  sortResultActionsFn?: (\n    a: ResultsActionsCollectionItem,\n    b: ResultsActionsCollectionItem\n  ) => number;\n} & (\n  | {\n      /** Referencing promptId from prompt-hub */\n      promptId: string;\n      promptParams?: Record<string, string>;\n    }\n  | {\n      /** Referencing promptSlug from built in ricos prompts */\n      promptSlug: string;\n      promptParams?: Record<string, string>;\n    }\n);\n\ntype Section = {\n  type: 'section';\n  title: string;\n};\n\nexport type PromptCollection = (Prompt | Section)[];\n\nexport type PromptsConfiguration = {\n  selectionPrompts: PromptCollection;\n  floatingToolbarButtonPrompts: PromptCollection;\n};\n\nexport type FlowAction = {\n  type: 'action';\n  title: string;\n  icon?: IconComponent;\n  onClick: () => void;\n  dataHook?: string;\n};\n\nexport type Divider = {\n  type: 'divider';\n};\n\nexport type FlowSelectionItem = Prompt | Section | FlowAction | Divider;\nexport type ResultAction = {\n  name: string;\n  type: 'action';\n  title: string;\n  icon?: IconComponent;\n  onClick: (entry: ResultEntry) => any;\n};\n\nexport type ResultsActionsCollectionItem = ResultAction | Section;\nexport type ResultsActionsCollection = ResultsActionsCollectionItem[];\n\nexport type ResultContent = {\n  content: JSONContent; // Using content to display it in modal insert it in editor\n  plainContent: string; // Using plainContent to copy it to clipboard\n  htmlContent: string; // Using htmlContent to pass it down to API\n};\n\ntype RequestEntry = {\n  type: 'request';\n  requestPrompt: Prompt | string;\n};\n\nexport type ResultEntry = {\n  type: 'result';\n  response: ResultContent;\n  requestPrompt: Prompt | string;\n};\n\nexport type Entry = RequestEntry | ResultEntry;\n\nexport type InitialPromptOptions = {\n  prompt: Prompt;\n  placeholder?: string;\n  emptyStateTitle?: string;\n  emptyStateText?: string;\n  autoTrigger: boolean;\n  contextualResultActions?: ResultsActionsCollection;\n  promptPayloadFormatter?: (prompt: Prompt, textualPrompt: string) => Prompt;\n  isSubmitButtonVisible?: () => boolean;\n};\n\nexport type ReferenceElement = { focus(): void } | null;\n\nexport type OpenDiscardModalFn = (\n  modalsService: ModalService,\n  referenceElement: ReferenceElement\n) => Promise<DiscardPayload>;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASO,MAAM,UAAU;AAChB,MAAM,cAAc,GAAG,OAAO;AAC9B,MAAM,sBAAsB,GAAG,OAAO;AACtC,MAAM,sBAAsB,GAAG,OAAO;AACtC,MAAM,6BAA6B,GAAG,OAAO;AAC7C,MAAM,oBAAoB,GAAG,OAAO;",
+  "sourcesContent": ["import type { IconComponent } from '@wix/wix-ui-icons-common/core';\n\nimport type { ModalService } from './../ricos-modals/index.js';\nimport type { RicosDocument } from './../ricos-schema/next-schema/index.js';\nimport type { EditorPluginConfig } from './../ricos-types/index.js';\nimport type { JSONContent } from './../tiptap/core/index.js';\n\nimport type { ImageStyle } from './ai-image-modal/slice/types.js';\nimport type { DiscardPayload } from './discard-confirmation-modal/discard-confirmation-modal.js';\n\nexport const AI_TYPE = 'wix-rich-content-plugin-ai';\nexport const AI_MODAL_ID = `${AI_TYPE}.modal`;\nexport const AI_DISCARD_MODAL_ID = `${AI_TYPE}.discardModal`;\nexport const AI_ACTIONS_MODAL_ID = `${AI_TYPE}.actionsModal`;\nexport const AI_FLOW_SELECTION_MODAL_ID = `${AI_TYPE}.flowSelectionModal`;\nexport const AI_IMAGE_MODAL_ID = `${AI_TYPE}.imageModal`;\nexport const AI_MENU_MODAL_ID = `${AI_TYPE}.menuModal`;\n\nexport type AiGeneratedImage = {\n  url: string;\n  id: string;\n  altText?: string;\n  width?: number;\n  height?: number;\n};\n\nexport type AiImageGeneration = {\n  getInitialPrompt?: (selection: string) => string;\n  generateImage: (options: {\n    prompt: string;\n    selection: string;\n    imageStyle: ImageStyle;\n    signal: AbortSignal;\n  }) => Promise<AiGeneratedImage>;\n};\n\nexport interface AiPluginEditorConfig extends EditorPluginConfig {\n  type: 'ai';\n  configurePrompts?: (prompts: PromptsConfiguration) => PromptsConfiguration;\n  /**\n   * @deprecated Pass `menu` and configure `menu.createItems` instead.\n   */\n  configureFlowSelectionItems?: (items: FlowSelectionItem[]) => FlowSelectionItem[];\n  /**\n   * Opts into the AI menu: host actions and prompts above an \"Ask me anything…\" input. The\n   * toolbar button (and, with `footerButton`, the footer toolbar) opens it as \"Create with AI\",\n   * as does `openModal({ type: 'AI_MENU' })` on the editor's ref;\n   * a button floating over a text selection opens it as \"Edit with AI\" and replaces the\n   * sparkle side button. The plugin's own AI quick actions are left out, as the menu's items\n   * are all the host's. Without it the plugin keeps its previous dropdowns, side button and\n   * quick actions.\n   */\n  menu?: AiMenuConfig;\n  getGatewayBaseUrl?: () => string;\n  appDefId?: string;\n  /*\n   * Exposes an AI button for generating image captions.\n   *\n   * @default true\n   */\n  enableImageCaptionExport?: boolean;\n  /*\n   * Exposes an AI button for generating image alt text.\n   *\n   * @default true\n   */\n  enableImageAltTextExport?: boolean;\n  showToolbarButtonText?: boolean;\n  enableImageGeneration?: boolean;\n  imageGeneration?: AiImageGeneration;\n  selectParentNodeOnToolbarClick?: boolean;\n}\n\nexport type Prompt = {\n  type: 'prompt';\n  title: string;\n  icon?: IconComponent;\n  sortResultActionsFn?: (\n    a: ResultsActionsCollectionItem,\n    b: ResultsActionsCollectionItem\n  ) => number;\n} & (\n  | {\n      /** Referencing promptId from prompt-hub */\n      promptId: string;\n      promptParams?: Record<string, string>;\n    }\n  | {\n      /** Referencing promptSlug from built in ricos prompts */\n      promptSlug: string;\n      promptParams?: Record<string, string>;\n    }\n);\n\ntype Section = {\n  type: 'section';\n  title: string;\n};\n\nexport type PromptCollection = (Prompt | Section)[];\n\nexport type PromptsConfiguration = {\n  selectionPrompts: PromptCollection;\n  floatingToolbarButtonPrompts: PromptCollection;\n};\n\nexport type FlowAction = {\n  type: 'action';\n  title: string;\n  icon?: IconComponent;\n  onClick: () => void;\n  dataHook?: string;\n};\n\nexport type Divider = {\n  type: 'divider';\n};\n\nexport type FlowSelectionItem = Prompt | Section | FlowAction | Divider;\n\n/** `create` when there is nothing under the cursor to work on, `edit` when there is. */\nexport type AiMenuMode = 'create' | 'edit';\n\nexport type AiMenuContext = {\n  mode: AiMenuMode;\n  /** The selection the menu was opened over, empty in `create` mode. */\n  selection: RicosDocument;\n  /** `selection` as attribute-free HTML, e.g. to pass to a prompt. */\n  selectionHtml: string;\n  selectionText: string;\n};\n\nexport type AiMenuAction = {\n  type: 'action';\n  title: string;\n  icon?: IconComponent;\n  dataHook?: string;\n  onClick: (context: AiMenuContext) => void;\n};\n\n/**\n * A row that opens its own list of items, e.g. \"Change tone\": in a flyout beside the menu on\n * desktop, in place of the menu's rows on mobile.\n */\nexport type AiMenuSubmenu = {\n  type: 'submenu';\n  title: string;\n  icon?: IconComponent;\n  dataHook?: string;\n  items: AiMenuItem[];\n};\n\nexport type AiMenuItem = Prompt | AiMenuAction | AiMenuSubmenu | Section | Divider;\n\n/**\n * What the host does with a prompt typed into the menu's input: `stop` when it handled the\n * prompt itself, `continue` to run it in the AI content modal.\n */\nexport type AiMenuPromptSubmitResult = 'continue' | 'stop';\n\nexport type AiMenuConfig = {\n  /** Items of the \"Create with AI\" menu. Ricos adds none of its own. */\n  createItems?: AiMenuItem[];\n  /** Items of the \"Edit with AI\" menu, opened over a selection. Ricos adds none of its own. */\n  editItems?: AiMenuItem[];\n  onPromptSubmit?: (prompt: string, context: AiMenuContext) => AiMenuPromptSubmitResult;\n  /**\n   * Floats an \"Edit with AI\" button above a text selection, opening the `edit` menu.\n   *\n   * @default true\n   */\n  selectionButton?: boolean;\n  /**\n   * Adds a \"Create with AI\" button to the footer toolbar.\n   *\n   * @default false\n   */\n  footerButton?: boolean;\n};\nexport type ResultAction = {\n  name: string;\n  type: 'action';\n  title: string;\n  icon?: IconComponent;\n  onClick: (entry: ResultEntry) => any;\n};\n\nexport type ResultsActionsCollectionItem = ResultAction | Section;\nexport type ResultsActionsCollection = ResultsActionsCollectionItem[];\n\nexport type ResultContent = {\n  content: JSONContent; // Using content to display it in modal insert it in editor\n  plainContent: string; // Using plainContent to copy it to clipboard\n  htmlContent: string; // Using htmlContent to pass it down to API\n};\n\ntype RequestEntry = {\n  type: 'request';\n  requestPrompt: Prompt | string;\n};\n\nexport type ResultEntry = {\n  type: 'result';\n  response: ResultContent;\n  requestPrompt: Prompt | string;\n};\n\nexport type Entry = RequestEntry | ResultEntry;\n\nexport type InitialPromptOptions = {\n  /** A string is a free-text prompt, e.g. one typed into the AI menu's input. */\n  prompt: Prompt | string;\n  placeholder?: string;\n  emptyStateTitle?: string;\n  emptyStateText?: string;\n  autoTrigger: boolean;\n  contextualResultActions?: ResultsActionsCollection;\n  promptPayloadFormatter?: (prompt: Prompt, textualPrompt: string) => Prompt;\n  isSubmitButtonVisible?: () => boolean;\n};\n\nexport type ReferenceElement = { focus(): void } | null;\n\nexport type OpenDiscardModalFn = (\n  modalsService: ModalService,\n  referenceElement: ReferenceElement\n) => Promise<DiscardPayload>;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,UAAU;AAChB,MAAM,cAAc,GAAG,OAAO;AAC9B,MAAM,sBAAsB,GAAG,OAAO;AACtC,MAAM,sBAAsB,GAAG,OAAO;AACtC,MAAM,6BAA6B,GAAG,OAAO;AAC7C,MAAM,oBAAoB,GAAG,OAAO;AACpC,MAAM,mBAAmB,GAAG,OAAO;",
   "names": []
 }

package/dist/cjs/plugin-ai-suggestions/suggestions-global-component.js

@@ -32,6 +32,7 @@ __export(suggestions_global_component_exports, {
 });
 module.exports = __toCommonJS(suggestions_global_component_exports);
 var import_react = __toESM(require("react"));
+var import_y_prosemirror = require("y-prosemirror");
 var import_context = require("./../pm-converters/context.js");
 var import_ricos_content = require("./../ricos-content/index.js");
 var import_ricos_context = require("./../ricos-context/index.js");
@@ -42,20 +43,39 @@ var import_plugin_key = require("./plugin-key.js");
 var import_suggestion_popover = require("./suggestion-popover.js");
 var import_types = require("./types.js");
 var import_use_suggestions_request = require("./use-suggestions-request.js");
+const REMOTE_QUIET_PERIOD_MS = 25e3;
+const getRangeContent = (doc, { from, to }) => {
+  const fromNode = (0, import_find_adjusted_node_by_id.findAdjustedNodeById)(doc, from);
+  const toNode = (0, import_find_adjusted_node_by_id.findAdjustedNodeById)(doc, to);
+  return fromNode && toNode ? doc.slice(fromNode.pos, toNode.pos + toNode.node.nodeSize).content : void 0;
+};
+const isYjsEditOutsideUndoRedo = (tr) => tr.docChanged && tr.getMeta(import_y_prosemirror.ySyncPluginKey)?.isUndoRedoOperation === false;
+const isRangeUnchanged = (tr, suggestion) => {
+  const after = getRangeContent(tr.doc, suggestion.range);
+  return !!after && !!getRangeContent(tr.before, suggestion.range)?.eq(after);
+};
 const SuggestionsGlobalComponent = () => {
   const editorPlugins = (0, import_react.useContext)(import_ricos_context.PluginsContext);
   const pluginConfig = editorPlugins?.getConfig(import_types.AI_SUGGESTIONS);
-  const [state, setState] = import_react.default.useState(() => ({
+  const [state, setReactState] = import_react.default.useState(() => ({
     type: "initial",
     visible: !!pluginConfig?.initiallyVisible,
     suggestions: [],
     muted: false
   }));
+  const stateRef = import_react.default.useRef(state);
+  const setState = (0, import_react.useCallback)((update) => {
+    const next = typeof update === "function" ? update(stateRef.current) : update;
+    stateRef.current = next;
+    setReactState(next);
+  }, []);
   const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
   const converters = (0, import_context.useConverters)();
   const getSuggestions = (0, import_use_suggestions_request.useSuggestionsRequest)(setState);
+  const getSuggestionsWhenQuiet = (0, import_use_suggestions_request.useSuggestionsRequest)(setState, REMOTE_QUIET_PERIOD_MS);
   const handleContentChange = (0, import_react.useCallback)(
     ({ transaction: tr }) => {
+      const current = stateRef.current;
       const muteSuggestions = !!import_ai_region_plugin_key.aiRegionPluginKey.getState(adapter.tiptapEditor.state)?.regionList?.length;
       const action = tr.getMeta(import_plugin_key.aiSuggestionsPluginKey);
       if (action?.type === "toggle-suggestions") {
@@ -71,13 +91,22 @@ const SuggestionsGlobalComponent = () => {
         }));
         return;
       }
-      if ((tr.docChanged || state.type === "initial") && !tr.getMeta("table-node-attrs-updated") && !tr.getMeta("appendedTransaction")?.getMeta("table-node-attrs-updated")) {
+      if ((tr.docChanged || current.type === "initial") && !tr.getMeta("table-node-attrs-updated") && !tr.getMeta("appendedTransaction")?.getMeta("table-node-attrs-updated")) {
+        const peerEdit = isYjsEditOutsideUndoRedo(tr);
         const requestId = (0, import_ricos_content.generateId)();
-        getSuggestions(tr, state.suggestions, requestId);
+        const kept = peerEdit ? current.suggestions.filter((suggestion) => isRangeUnchanged(tr, suggestion)) : current.suggestions;
+        getSuggestions.cancel();
+        getSuggestionsWhenQuiet.cancel();
+        if (peerEdit) {
+          getSuggestionsWhenQuiet(tr, kept, requestId);
+        } else {
+          getSuggestions(tr, kept, requestId);
+        }
         setState((s) => ({
           ...s,
           type: "loading",
           requestId,
+          suggestions: peerEdit ? kept : s.suggestions,
           muted: muteSuggestions
         }));
         return;
@@ -87,7 +116,7 @@ const SuggestionsGlobalComponent = () => {
         muted: muteSuggestions
       }));
     },
-    [state]
+    [adapter, getSuggestions, getSuggestionsWhenQuiet, setState]
   );
   (0, import_react.useEffect)(() => {
     adapter.tiptapEditor.on("transaction", handleContentChange);
@@ -95,6 +124,13 @@ const SuggestionsGlobalComponent = () => {
       adapter.tiptapEditor.off("transaction", handleContentChange);
     };
   }, [handleContentChange]);
+  (0, import_react.useEffect)(
+    () => () => {
+      getSuggestions.cancel();
+      getSuggestionsWhenQuiet.cancel();
+    },
+    []
+  );
   const onConfirm = (suggestion) => {
     const doc = adapter.tiptapEditor.state.doc;
     const fromNode = (0, import_find_adjusted_node_by_id.findAdjustedNodeById)(doc, suggestion.range.from);

package/dist/cjs/plugin-ai-suggestions/suggestions-global-component.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-ai-suggestions/suggestions-global-component.tsx"],
-  "sourcesContent": ["import React, { useCallback, useContext, useEffect } from 'react';\n\nimport { useConverters } from './../pm-converters/context.js';\nimport { generateId } from './../ricos-content/index.js';\nimport { EditorContext, PluginsContext } from './../ricos-context/index.js';\nimport { aiRegionPluginKey } from './../_shared/ai-region-plugin-key.js';\nimport { getIsEditorEmpty } from './../_shared/get-is-editor-empty.js';\nimport type { Transaction } from './../tiptap/pm/state.js';\nimport { findAdjustedNodeById } from './../tiptap-editor/helpers/find-adjusted-node-by-id.js';\n\nimport { aiSuggestionsPluginKey } from './plugin-key.js';\nimport { SuggestionPopover } from './suggestion-popover.js';\nimport type {\n  AiContentSuggestion,\n  AiSuggestionAction,\n  AiSuggestionsPluginConfig,\n  SuggestionsState,\n} from './types.js';\nimport { AI_SUGGESTIONS } from './types.js';\nimport { useSuggestionsRequest } from './use-suggestions-request.js';\n\nexport const SuggestionsGlobalComponent: React.FC = () => {\n  const editorPlugins = useContext(PluginsContext);\n  const pluginConfig = editorPlugins?.getConfig(AI_SUGGESTIONS) as AiSuggestionsPluginConfig;\n  const [state, setState] = React.useState<SuggestionsState>(() => ({\n    type: 'initial',\n    visible: !!pluginConfig?.initiallyVisible,\n    suggestions: [],\n    muted: false,\n  }));\n  const { adapter } = useContext(EditorContext);\n  const converters = useConverters();\n  const getSuggestions = useSuggestionsRequest(setState);\n\n  const handleContentChange = useCallback(\n    ({ transaction: tr }: { transaction: Transaction }) => {\n      const muteSuggestions = !!aiRegionPluginKey.getState(adapter.tiptapEditor.state)?.regionList\n        ?.length;\n\n      const action: AiSuggestionAction = tr.getMeta(aiSuggestionsPluginKey);\n      if (action?.type === 'toggle-suggestions') {\n        setState(s => ({ ...s, visible: action.visible }));\n        return;\n      }\n\n      if (getIsEditorEmpty(tr.doc)) {\n        setState(s => ({\n          type: 'loaded',\n          suggestions: [],\n          visible: s.visible,\n          muted: muteSuggestions,\n        }));\n        return;\n      }\n\n      if (\n        (tr.docChanged || state.type === 'initial') &&\n        !tr.getMeta('table-node-attrs-updated') &&\n        !tr.getMeta('appendedTransaction')?.getMeta('table-node-attrs-updated')\n      ) {\n        const requestId = generateId();\n        getSuggestions(tr, state.suggestions, requestId);\n\n        setState(s => ({\n          ...s,\n          type: 'loading',\n          requestId,\n          muted: muteSuggestions,\n        }));\n        return;\n      }\n\n      setState(s => ({\n        ...s,\n        muted: muteSuggestions,\n      }));\n    },\n    [state]\n  );\n\n  useEffect(() => {\n    adapter.tiptapEditor.on('transaction', handleContentChange);\n\n    return () => {\n      adapter.tiptapEditor.off('transaction', handleContentChange);\n    };\n  }, [handleContentChange]);\n\n  const onConfirm = (suggestion: AiContentSuggestion) => {\n    const doc = adapter.tiptapEditor.state.doc;\n    const fromNode = findAdjustedNodeById(doc, suggestion.range.from);\n    const toNode = findAdjustedNodeById(doc, suggestion.range.to);\n    const selection =\n      fromNode && toNode ? doc.slice(fromNode.pos, toNode.pos + toNode.node.nodeSize) : null;\n    const selectionDoc = selection ? (converters.fromPm(selection.toJSON()) as any) : { nodes: [] };\n\n    setState(s => {\n      return {\n        ...s,\n        suggestions: s.suggestions.map(sug =>\n          sug.id === suggestion.id ? { ...sug, state: 'loading' } : sug\n        ),\n      };\n    });\n\n    const onDone = ({ type }: { type: 'done' | 'error' }) => {\n      setState(s => {\n        return {\n          ...s,\n          suggestions: s.suggestions.map(sug =>\n            sug.id === suggestion.id\n              ? { ...sug, state: type === 'done' ? 'completed' : 'loaded' }\n              : sug\n          ),\n        };\n      });\n    };\n\n    if (pluginConfig.interceptAction) {\n      pluginConfig.interceptAction(suggestion.prompt, selectionDoc.nodes);\n      onDone({ type: 'done' });\n      return;\n    }\n\n    adapter.tiptapEditor.commands.triggerInlineAi({\n      prompt: suggestion.prompt,\n      selection: selectionDoc.nodes,\n      onDone,\n    });\n  };\n\n  return (\n    <>\n      {!state.muted &&\n        state.visible &&\n        state.suggestions\n          .filter(suggestion => !['completed', 'dismissed', 'loading'].includes(suggestion.state))\n          .map(suggestion => (\n            <SuggestionPopover\n              key={suggestion.id}\n              suggestion={suggestion}\n              onClick={() => onConfirm(suggestion)}\n              Component={pluginConfig.SuggestionComponent!}\n              getPortalElement={pluginConfig.getPortalElement!}\n            />\n          ))}\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useCallback, useContext, useEffect } from 'react';\nimport { ySyncPluginKey } from 'y-prosemirror';\n\nimport { useConverters } from './../pm-converters/context.js';\nimport { generateId } from './../ricos-content/index.js';\nimport { EditorContext, PluginsContext } from './../ricos-context/index.js';\nimport { aiRegionPluginKey } from './../_shared/ai-region-plugin-key.js';\nimport { getIsEditorEmpty } from './../_shared/get-is-editor-empty.js';\nimport type { Node } from './../tiptap/pm/model.js';\nimport type { Transaction } from './../tiptap/pm/state.js';\nimport { findAdjustedNodeById } from './../tiptap-editor/helpers/find-adjusted-node-by-id.js';\n\nimport { aiSuggestionsPluginKey } from './plugin-key.js';\nimport { SuggestionPopover } from './suggestion-popover.js';\nimport type {\n  AiContentSuggestion,\n  AiSuggestionAction,\n  AiSuggestionsPluginConfig,\n  SuggestionsState,\n} from './types.js';\nimport { AI_SUGGESTIONS } from './types.js';\nimport { useSuggestionsRequest } from './use-suggestions-request.js';\n\nconst REMOTE_QUIET_PERIOD_MS = 25000;\n\nconst getRangeContent = (doc: Node, { from, to }: AiContentSuggestion['range']) => {\n  const fromNode = findAdjustedNodeById(doc, from);\n  const toNode = findAdjustedNodeById(doc, to);\n  return fromNode && toNode\n    ? doc.slice(fromNode.pos, toNode.pos + toNode.node.nodeSize).content\n    : undefined;\n};\n\nconst isYjsEditOutsideUndoRedo = (tr: Transaction) =>\n  tr.docChanged && tr.getMeta(ySyncPluginKey)?.isUndoRedoOperation === false;\n\nconst isRangeUnchanged = (tr: Transaction, suggestion: AiContentSuggestion) => {\n  const after = getRangeContent(tr.doc, suggestion.range);\n  return !!after && !!getRangeContent(tr.before, suggestion.range)?.eq(after);\n};\n\nexport const SuggestionsGlobalComponent: React.FC = () => {\n  const editorPlugins = useContext(PluginsContext);\n  const pluginConfig = editorPlugins?.getConfig(AI_SUGGESTIONS) as AiSuggestionsPluginConfig;\n  const [state, setReactState] = React.useState<SuggestionsState>(() => ({\n    type: 'initial',\n    visible: !!pluginConfig?.initiallyVisible,\n    suggestions: [],\n    muted: false,\n  }));\n  // Transactions can arrive back-to-back before React commits and re-subscribes.\n  const stateRef = React.useRef(state);\n  const setState = useCallback<React.Dispatch<React.SetStateAction<SuggestionsState>>>(update => {\n    const next = typeof update === 'function' ? update(stateRef.current) : update;\n    stateRef.current = next;\n    setReactState(next);\n  }, []);\n  const { adapter } = useContext(EditorContext);\n  const converters = useConverters();\n  const getSuggestions = useSuggestionsRequest(setState);\n  const getSuggestionsWhenQuiet = useSuggestionsRequest(setState, REMOTE_QUIET_PERIOD_MS);\n\n  const handleContentChange = useCallback(\n    ({ transaction: tr }: { transaction: Transaction }) => {\n      const current = stateRef.current;\n      const muteSuggestions = !!aiRegionPluginKey.getState(adapter.tiptapEditor.state)?.regionList\n        ?.length;\n\n      const action: AiSuggestionAction = tr.getMeta(aiSuggestionsPluginKey);\n      if (action?.type === 'toggle-suggestions') {\n        setState(s => ({ ...s, visible: action.visible }));\n        return;\n      }\n\n      if (getIsEditorEmpty(tr.doc)) {\n        setState(s => ({\n          type: 'loaded',\n          suggestions: [],\n          visible: s.visible,\n          muted: muteSuggestions,\n        }));\n        return;\n      }\n\n      if (\n        (tr.docChanged || current.type === 'initial') &&\n        !tr.getMeta('table-node-attrs-updated') &&\n        !tr.getMeta('appendedTransaction')?.getMeta('table-node-attrs-updated')\n      ) {\n        const peerEdit = isYjsEditOutsideUndoRedo(tr);\n        // Every document revision invalidates responses computed against the previous one.\n        const requestId = generateId();\n        const kept = peerEdit\n          ? current.suggestions.filter(suggestion => isRangeUnchanged(tr, suggestion))\n          : current.suggestions;\n        getSuggestions.cancel();\n        getSuggestionsWhenQuiet.cancel();\n        if (peerEdit) {\n          getSuggestionsWhenQuiet(tr, kept, requestId);\n        } else {\n          getSuggestions(tr, kept, requestId);\n        }\n\n        setState(s => ({\n          ...s,\n          type: 'loading',\n          requestId,\n          suggestions: peerEdit ? kept : s.suggestions,\n          muted: muteSuggestions,\n        }));\n        return;\n      }\n\n      setState(s => ({\n        ...s,\n        muted: muteSuggestions,\n      }));\n    },\n    [adapter, getSuggestions, getSuggestionsWhenQuiet, setState]\n  );\n\n  useEffect(() => {\n    adapter.tiptapEditor.on('transaction', handleContentChange);\n\n    return () => {\n      adapter.tiptapEditor.off('transaction', handleContentChange);\n    };\n  }, [handleContentChange]);\n\n  useEffect(\n    () => () => {\n      getSuggestions.cancel();\n      getSuggestionsWhenQuiet.cancel();\n    },\n    []\n  );\n\n  const onConfirm = (suggestion: AiContentSuggestion) => {\n    const doc = adapter.tiptapEditor.state.doc;\n    const fromNode = findAdjustedNodeById(doc, suggestion.range.from);\n    const toNode = findAdjustedNodeById(doc, suggestion.range.to);\n    const selection =\n      fromNode && toNode ? doc.slice(fromNode.pos, toNode.pos + toNode.node.nodeSize) : null;\n    const selectionDoc = selection ? (converters.fromPm(selection.toJSON()) as any) : { nodes: [] };\n\n    setState(s => {\n      return {\n        ...s,\n        suggestions: s.suggestions.map(sug =>\n          sug.id === suggestion.id ? { ...sug, state: 'loading' } : sug\n        ),\n      };\n    });\n\n    const onDone = ({ type }: { type: 'done' | 'error' }) => {\n      setState(s => {\n        return {\n          ...s,\n          suggestions: s.suggestions.map(sug =>\n            sug.id === suggestion.id\n              ? { ...sug, state: type === 'done' ? 'completed' : 'loaded' }\n              : sug\n          ),\n        };\n      });\n    };\n\n    if (pluginConfig.interceptAction) {\n      pluginConfig.interceptAction(suggestion.prompt, selectionDoc.nodes);\n      onDone({ type: 'done' });\n      return;\n    }\n\n    adapter.tiptapEditor.commands.triggerInlineAi({\n      prompt: suggestion.prompt,\n      selection: selectionDoc.nodes,\n      onDone,\n    });\n  };\n\n  return (\n    <>\n      {!state.muted &&\n        state.visible &&\n        state.suggestions\n          .filter(suggestion => !['completed', 'dismissed', 'loading'].includes(suggestion.state))\n          .map(suggestion => (\n            <SuggestionPopover\n              key={suggestion.id}\n              suggestion={suggestion}\n              onClick={() => onConfirm(suggestion)}\n              Component={pluginConfig.SuggestionComponent!}\n              getPortalElement={pluginConfig.getPortalElement!}\n            />\n          ))}\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAC1D,2BAA+B;AAE/B,qBAA8B;AAC9B,2BAA2B;AAC3B,2BAA8C;AAC9C,kCAAkC;AAClC,iCAAiC;AAGjC,sCAAqC;AAErC,wBAAuC;AACvC,gCAAkC;AAOlC,mBAA+B;AAC/B,qCAAsC;AAEtC,MAAM,yBAAyB;AAE/B,MAAM,kBAAkB,CAAC,KAAW,EAAE,MAAM,GAAG,MAAoC;AACjF,QAAM,eAAW,sDAAqB,KAAK,IAAI;AAC/C,QAAM,aAAS,sDAAqB,KAAK,EAAE;AAC3C,SAAO,YAAY,SACf,IAAI,MAAM,SAAS,KAAK,OAAO,MAAM,OAAO,KAAK,QAAQ,EAAE,UAC3D;AACN;AAEA,MAAM,2BAA2B,CAAC,OAChC,GAAG,cAAc,GAAG,QAAQ,mCAAc,GAAG,wBAAwB;AAEvE,MAAM,mBAAmB,CAAC,IAAiB,eAAoC;AAC7E,QAAM,QAAQ,gBAAgB,GAAG,KAAK,WAAW,KAAK;AACtD,SAAO,CAAC,CAAC,SAAS,CAAC,CAAC,gBAAgB,GAAG,QAAQ,WAAW,KAAK,GAAG,GAAG,KAAK;AAC5E;AAEO,MAAM,6BAAuC,MAAM;AACxD,QAAM,oBAAgB,yBAAW,mCAAc;AAC/C,QAAM,eAAe,eAAe,UAAU,2BAAc;AAC5D,QAAM,CAAC,OAAO,aAAa,IAAI,aAAAA,QAAM,SAA2B,OAAO;AAAA,IACrE,MAAM;AAAA,IACN,SAAS,CAAC,CAAC,cAAc;AAAA,IACzB,aAAa,CAAC;AAAA,IACd,OAAO;AAAA,EACT,EAAE;AAEF,QAAM,WAAW,aAAAA,QAAM,OAAO,KAAK;AACnC,QAAM,eAAW,0BAAoE,YAAU;AAC7F,UAAM,OAAO,OAAO,WAAW,aAAa,OAAO,SAAS,OAAO,IAAI;AACvE,aAAS,UAAU;AACnB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,QAAM,EAAE,QAAQ,QAAI,yBAAW,kCAAa;AAC5C,QAAM,iBAAa,8BAAc;AACjC,QAAM,qBAAiB,sDAAsB,QAAQ;AACrD,QAAM,8BAA0B,sDAAsB,UAAU,sBAAsB;AAEtF,QAAM,0BAAsB;AAAA,IAC1B,CAAC,EAAE,aAAa,GAAG,MAAoC;AACrD,YAAM,UAAU,SAAS;AACzB,YAAM,kBAAkB,CAAC,CAAC,8CAAkB,SAAS,QAAQ,aAAa,KAAK,GAAG,YAC9E;AAEJ,YAAM,SAA6B,GAAG,QAAQ,wCAAsB;AACpE,UAAI,QAAQ,SAAS,sBAAsB;AACzC,iBAAS,QAAM,EAAE,GAAG,GAAG,SAAS,OAAO,QAAQ,EAAE;AACjD;AAAA,MACF;AAEA,cAAI,6CAAiB,GAAG,GAAG,GAAG;AAC5B,iBAAS,QAAM;AAAA,UACb,MAAM;AAAA,UACN,aAAa,CAAC;AAAA,UACd,SAAS,EAAE;AAAA,UACX,OAAO;AAAA,QACT,EAAE;AACF;AAAA,MACF;AAEA,WACG,GAAG,cAAc,QAAQ,SAAS,cACnC,CAAC,GAAG,QAAQ,0BAA0B,KACtC,CAAC,GAAG,QAAQ,qBAAqB,GAAG,QAAQ,0BAA0B,GACtE;AACA,cAAM,WAAW,yBAAyB,EAAE;AAE5C,cAAM,gBAAY,iCAAW;AAC7B,cAAM,OAAO,WACT,QAAQ,YAAY,OAAO,gBAAc,iBAAiB,IAAI,UAAU,CAAC,IACzE,QAAQ;AACZ,uBAAe,OAAO;AACtB,gCAAwB,OAAO;AAC/B,YAAI,UAAU;AACZ,kCAAwB,IAAI,MAAM,SAAS;AAAA,QAC7C,OAAO;AACL,yBAAe,IAAI,MAAM,SAAS;AAAA,QACpC;AAEA,iBAAS,QAAM;AAAA,UACb,GAAG;AAAA,UACH,MAAM;AAAA,UACN;AAAA,UACA,aAAa,WAAW,OAAO,EAAE;AAAA,UACjC,OAAO;AAAA,QACT,EAAE;AACF;AAAA,MACF;AAEA,eAAS,QAAM;AAAA,QACb,GAAG;AAAA,QACH,OAAO;AAAA,MACT,EAAE;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,gBAAgB,yBAAyB,QAAQ;AAAA,EAC7D;AAEA,8BAAU,MAAM;AACd,YAAQ,aAAa,GAAG,eAAe,mBAAmB;AAE1D,WAAO,MAAM;AACX,cAAQ,aAAa,IAAI,eAAe,mBAAmB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB;AAAA,IACE,MAAM,MAAM;AACV,qBAAe,OAAO;AACtB,8BAAwB,OAAO;AAAA,IACjC;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,CAAC,eAAoC;AACrD,UAAM,MAAM,QAAQ,aAAa,MAAM;AACvC,UAAM,eAAW,sDAAqB,KAAK,WAAW,MAAM,IAAI;AAChE,UAAM,aAAS,sDAAqB,KAAK,WAAW,MAAM,EAAE;AAC5D,UAAM,YACJ,YAAY,SAAS,IAAI,MAAM,SAAS,KAAK,OAAO,MAAM,OAAO,KAAK,QAAQ,IAAI;AACpF,UAAM,eAAe,YAAa,WAAW,OAAO,UAAU,OAAO,CAAC,IAAY,EAAE,OAAO,CAAC,EAAE;AAE9F,aAAS,OAAK;AACZ,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,EAAE,YAAY;AAAA,UAAI,SAC7B,IAAI,OAAO,WAAW,KAAK,EAAE,GAAG,KAAK,OAAO,UAAU,IAAI;AAAA,QAC5D;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,SAAS,CAAC,EAAE,KAAK,MAAkC;AACvD,eAAS,OAAK;AACZ,eAAO;AAAA,UACL,GAAG;AAAA,UACH,aAAa,EAAE,YAAY;AAAA,YAAI,SAC7B,IAAI,OAAO,WAAW,KAClB,EAAE,GAAG,KAAK,OAAO,SAAS,SAAS,cAAc,SAAS,IAC1D;AAAA,UACN;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAEA,QAAI,aAAa,iBAAiB;AAChC,mBAAa,gBAAgB,WAAW,QAAQ,aAAa,KAAK;AAClE,aAAO,EAAE,MAAM,OAAO,CAAC;AACvB;AAAA,IACF;AAEA,YAAQ,aAAa,SAAS,gBAAgB;AAAA,MAC5C,QAAQ,WAAW;AAAA,MACnB,WAAW,aAAa;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,CAAC,MAAM,SACN,MAAM,WACN,MAAM,YACH,OAAO,gBAAc,CAAC,CAAC,aAAa,aAAa,SAAS,EAAE,SAAS,WAAW,KAAK,CAAC,EACtF,IAAI,gBACH,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,WAAW;AAAA,MAChB;AAAA,MACA,SAAS,MAAM,UAAU,UAAU;AAAA,MACnC,WAAW,aAAa;AAAA,MACxB,kBAAkB,aAAa;AAAA;AAAA,EACjC,CACD,CACP;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/plugin-ai-suggestions/use-suggestions-request.js

@@ -26,7 +26,8 @@ var import_context = require("./../pm-converters/context.js");
 var import_ricos_content = require("./../ricos-content/index.js");
 var import_debounce = require("./../_shared/debounce.js");
 var import_request_service_provider = require("./../_shared/request-service-provider/request-service-provider.js");
-const useSuggestionsRequest = (setState) => {
+const SUGGESTIONS_DEBOUNCE_MS = 5e3;
+const useSuggestionsRequest = (setState, wait = SUGGESTIONS_DEBOUNCE_MS) => {
   const converters = (0, import_context.useConverters)();
   const { makeRequest } = (0, import_request_service_provider.useRequestService)();
   return (0, import_react.useCallback)(
@@ -73,7 +74,7 @@ const useSuggestionsRequest = (setState) => {
         return [...acc, suggestion];
       }, []).slice(0, 3);
       setState((oldState) => {
-        if (oldState.type === "loading" && oldState.requestId !== requestId) {
+        if (oldState.type !== "loading" || oldState.requestId !== requestId) {
           return oldState;
         }
         if (!suggestions || suggestions.length === 0) {
@@ -105,7 +106,7 @@ const useSuggestionsRequest = (setState) => {
           muted: oldState.muted
         };
       });
-    }, 5e3),
+    }, wait),
     []
   );
 };

package/dist/cjs/plugin-ai-suggestions/use-suggestions-request.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-ai-suggestions/use-suggestions-request.ts"],
-  "sourcesContent": ["import type React from 'react';\nimport { useCallback } from 'react';\n\nimport { useConverters } from './../pm-converters/context.js';\nimport { generateId } from './../ricos-content/index.js';\nimport { debounce } from './../_shared/debounce.js';\nimport { useRequestService } from './../_shared/request-service-provider/request-service-provider.js';\nimport type { Transaction } from './../tiptap/pm/state.js';\n\nimport type { AiContentSuggestion, SuggestionsState } from './types.js';\n\nexport const useSuggestionsRequest = (\n  setState: React.Dispatch<React.SetStateAction<SuggestionsState>>\n) => {\n  const converters = useConverters();\n  const { makeRequest } = useRequestService();\n  return useCallback(\n    debounce(async (tr: Transaction, allSuggestions: AiContentSuggestion[], requestId: string) => {\n      const richContent = converters.fromPm(tr.doc.toJSON());\n      const baseUrl =\n        typeof location !== 'undefined' && location.hostname === 'editor.wix.com'\n          ? 'https://editor.wix.com/_api/ricos-ai-assistant/v1/ricos-conversations'\n          : 'https://www.wixapis.com/ricos/v1/ricos-conversations';\n      const response = await makeRequest(`${baseUrl}/suggestions/list`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          richContent,\n          suggestions: allSuggestions.map((suggestion: AiContentSuggestion) => {\n            return {\n              action: suggestion.action,\n              prompt: suggestion.prompt,\n              summary: suggestion.summary,\n              position: 'RANGE',\n              rangeDetails: {\n                fromNodeId: suggestion.range.from,\n                toNodeId: suggestion.range.to,\n              },\n            };\n          }),\n        }),\n      });\n\n      const responseJson = await response.json();\n\n      const responseSuggestions: AiContentSuggestion[] =\n        responseJson.suggestions?.map((suggestion: any) => ({\n          id: generateId(),\n          state: 'initial',\n          range: {\n            from: suggestion.rangeDetails?.fromNodeId || '',\n            to: suggestion.rangeDetails?.toNodeId || '',\n          },\n          action: suggestion.action,\n          prompt: suggestion.prompt,\n          summary: suggestion.summary,\n        })) ?? [];\n\n      // only one suggestion per range!\n      const suggestions = responseSuggestions\n        .reduce((acc, suggestion) => {\n          if (acc.find(s => s.range.from === suggestion.range.from)) {\n            return acc;\n          }\n\n          return [...acc, suggestion];\n        }, [] as AiContentSuggestion[])\n        .slice(0, 3);\n\n      setState(oldState => {\n        if (oldState.type === 'loading' && oldState.requestId !== requestId) {\n          return oldState;\n        }\n\n        if (!suggestions || suggestions.length === 0) {\n          return oldState;\n        }\n\n        const contentSuggestions = oldState.suggestions;\n        const suggestionsForSameRange = suggestions.map(s => {\n          const existingSuggestion = contentSuggestions.find(\n            ss =>\n              (ss.range.from === s.range.from && ss.range.to === s.range.to) ||\n              (ss.action === 'replace' &&\n                ss.replacedWith?.from === s.range.from &&\n                ss.replacedWith?.to === s.range.to)\n          );\n          if (existingSuggestion) {\n            return {\n              ...s,\n              state: existingSuggestion.state === 'initial' ? 'loaded' : existingSuggestion.state,\n            };\n          }\n\n          return s;\n        });\n\n        const dismissedButRelevant = oldState.suggestions.filter(\n          s =>\n            s.state === 'dismissed' &&\n            !suggestionsForSameRange.some(\n              ss => ss.range.from === s.range.from && ss.range.to === s.range.to\n            )\n        );\n\n        const updatedSuggestions = [...suggestionsForSameRange, ...dismissedButRelevant];\n\n        return {\n          type: 'loaded',\n          suggestions: updatedSuggestions,\n          visible: oldState.visible,\n          muted: oldState.muted,\n        };\n      });\n    }, 5000),\n    []\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type React from 'react';\nimport { useCallback } from 'react';\n\nimport { useConverters } from './../pm-converters/context.js';\nimport { generateId } from './../ricos-content/index.js';\nimport { debounce } from './../_shared/debounce.js';\nimport { useRequestService } from './../_shared/request-service-provider/request-service-provider.js';\nimport type { Transaction } from './../tiptap/pm/state.js';\n\nimport type { AiContentSuggestion, SuggestionsState } from './types.js';\n\nconst SUGGESTIONS_DEBOUNCE_MS = 5000;\n\nexport const useSuggestionsRequest = (\n  setState: React.Dispatch<React.SetStateAction<SuggestionsState>>,\n  wait = SUGGESTIONS_DEBOUNCE_MS\n) => {\n  const converters = useConverters();\n  const { makeRequest } = useRequestService();\n  return useCallback(\n    debounce(async (tr: Transaction, allSuggestions: AiContentSuggestion[], requestId: string) => {\n      const richContent = converters.fromPm(tr.doc.toJSON());\n      const baseUrl =\n        typeof location !== 'undefined' && location.hostname === 'editor.wix.com'\n          ? 'https://editor.wix.com/_api/ricos-ai-assistant/v1/ricos-conversations'\n          : 'https://www.wixapis.com/ricos/v1/ricos-conversations';\n      const response = await makeRequest(`${baseUrl}/suggestions/list`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          richContent,\n          suggestions: allSuggestions.map((suggestion: AiContentSuggestion) => {\n            return {\n              action: suggestion.action,\n              prompt: suggestion.prompt,\n              summary: suggestion.summary,\n              position: 'RANGE',\n              rangeDetails: {\n                fromNodeId: suggestion.range.from,\n                toNodeId: suggestion.range.to,\n              },\n            };\n          }),\n        }),\n      });\n\n      const responseJson = await response.json();\n\n      const responseSuggestions: AiContentSuggestion[] =\n        responseJson.suggestions?.map((suggestion: any) => ({\n          id: generateId(),\n          state: 'initial',\n          range: {\n            from: suggestion.rangeDetails?.fromNodeId || '',\n            to: suggestion.rangeDetails?.toNodeId || '',\n          },\n          action: suggestion.action,\n          prompt: suggestion.prompt,\n          summary: suggestion.summary,\n        })) ?? [];\n\n      // only one suggestion per range!\n      const suggestions = responseSuggestions\n        .reduce((acc, suggestion) => {\n          if (acc.find(s => s.range.from === suggestion.range.from)) {\n            return acc;\n          }\n\n          return [...acc, suggestion];\n        }, [] as AiContentSuggestion[])\n        .slice(0, 3);\n\n      setState(oldState => {\n        if (oldState.type !== 'loading' || oldState.requestId !== requestId) {\n          return oldState;\n        }\n\n        if (!suggestions || suggestions.length === 0) {\n          return oldState;\n        }\n\n        const contentSuggestions = oldState.suggestions;\n        const suggestionsForSameRange = suggestions.map(s => {\n          const existingSuggestion = contentSuggestions.find(\n            ss =>\n              (ss.range.from === s.range.from && ss.range.to === s.range.to) ||\n              (ss.action === 'replace' &&\n                ss.replacedWith?.from === s.range.from &&\n                ss.replacedWith?.to === s.range.to)\n          );\n          if (existingSuggestion) {\n            return {\n              ...s,\n              state: existingSuggestion.state === 'initial' ? 'loaded' : existingSuggestion.state,\n            };\n          }\n\n          return s;\n        });\n\n        const dismissedButRelevant = oldState.suggestions.filter(\n          s =>\n            s.state === 'dismissed' &&\n            !suggestionsForSameRange.some(\n              ss => ss.range.from === s.range.from && ss.range.to === s.range.to\n            )\n        );\n\n        const updatedSuggestions = [...suggestionsForSameRange, ...dismissedButRelevant];\n\n        return {\n          type: 'loaded',\n          suggestions: updatedSuggestions,\n          visible: oldState.visible,\n          muted: oldState.muted,\n        };\n      });\n    }, wait),\n    []\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/plugin-animation/animation-panel-scss.js

@@ -22,14 +22,14 @@ __export(animation_panel_exports, {
 });
 module.exports = __toCommonJS(animation_panel_exports);
 var animation_panel_default = {
-  "sections": "sXWBA",
-  "thumbnailsGrid": "Qqg5-",
-  "thumbnailWrapper": "_3389M",
-  "thumbnailContent": "a6VpH",
-  "thumbnailMediaOverlay": "_7aWB-",
-  "noneThumbnailIcon": "dAcyd",
-  "shapePicker": "ILzB3",
-  "sectionSlot": "_9pwVW",
-  "previewRow": "xFhFc"
+  "sections": "QA00G",
+  "thumbnailsGrid": "FEalC",
+  "thumbnailWrapper": "-RQNX",
+  "thumbnailContent": "PmUZP",
+  "thumbnailMediaOverlay": "-oxmK",
+  "noneThumbnailIcon": "L5Yyb",
+  "shapePicker": "_2ZSIm",
+  "sectionSlot": "_5eUN4",
+  "previewRow": "rGA1C"
 };
 //# sourceMappingURL=animation-panel-scss.js.map

package/dist/cjs/plugin-animation/animation-panel-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-animation/animation-panel.scss"],
-  "sourcesContent": ["export default {\n  \"sections\": \"sXWBA\",\n  \"thumbnailsGrid\": \"Qqg5-\",\n  \"thumbnailWrapper\": \"_3389M\",\n  \"thumbnailContent\": \"a6VpH\",\n  \"thumbnailMediaOverlay\": \"_7aWB-\",\n  \"noneThumbnailIcon\": \"dAcyd\",\n  \"shapePicker\": \"ILzB3\",\n  \"sectionSlot\": \"_9pwVW\",\n  \"previewRow\": \"xFhFc\"\n};"],
+  "sourcesContent": ["export default {\n  \"sections\": \"QA00G\",\n  \"thumbnailsGrid\": \"FEalC\",\n  \"thumbnailWrapper\": \"-RQNX\",\n  \"thumbnailContent\": \"PmUZP\",\n  \"thumbnailMediaOverlay\": \"-oxmK\",\n  \"noneThumbnailIcon\": \"L5Yyb\",\n  \"shapePicker\": \"_2ZSIm\",\n  \"sectionSlot\": \"_5eUN4\",\n  \"previewRow\": \"rGA1C\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,0BAAQ;AAAA,EACb,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/plugin-audio/statics/styles/audio-embed-scss.js

@@ -22,6 +22,6 @@ __export(audio_embed_exports, {
 });
 module.exports = __toCommonJS(audio_embed_exports);
 var audio_embed_default = {
-  "input": "_2R9w3"
+  "input": "_7nIMU"
 };
 //# sourceMappingURL=audio-embed-scss.js.map

package/dist/cjs/plugin-audio/statics/styles/audio-embed-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/audio-embed.scss"],
-  "sourcesContent": ["export default {\n  \"input\": \"_2R9w3\"\n};"],
+  "sourcesContent": ["export default {\n  \"input\": \"_7nIMU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/plugin-audio/statics/styles/audio-scss.js

@@ -22,26 +22,26 @@ __export(audio_exports, {
 });
 module.exports = __toCommonJS(audio_exports);
 var audio_default = {
-  "fontElementMap": "sVNNq",
-  "container": "OP1Qe",
-  "coverImageContainer": "FqFgU",
-  "customPlayer": "mT5A6",
-  "slim": "Qepds",
-  "playPauseButton": "_8SSIo",
-  "coverImage": "nM28u",
-  "trackDetailsContainer": "u-8aZ",
-  "controlsContainer": "ed-nB",
-  "controlsGroup": "_3JHYV",
-  "sliderContainer": "JGkhw",
-  "audioDuration": "TzIb6",
-  "isLoading": "ZWz-4",
-  "audioDetails": "dJhWW",
-  "authorName": "EgmEb",
-  "title": "c3QNE",
-  "dropdownMenuWrapper": "oCJg8",
-  "dropdownSelectedButton": "Nkgtl",
-  "dropdownContent": "JtBRe",
-  "dropdownContentWithIcon": "-FGIR",
-  "audioLoader": "wsGGu"
+  "fontElementMap": "An6eQ",
+  "container": "W4D7x",
+  "coverImageContainer": "vqZGr",
+  "customPlayer": "_2Gdpp",
+  "slim": "WFhMK",
+  "playPauseButton": "Esr1H",
+  "coverImage": "cg15n",
+  "trackDetailsContainer": "BL3AE",
+  "controlsContainer": "gP7mb",
+  "controlsGroup": "Pl0ve",
+  "sliderContainer": "nh-K-",
+  "audioDuration": "gTOuc",
+  "isLoading": "_2erOZ",
+  "audioDetails": "Exe-x",
+  "authorName": "Lrx9d",
+  "title": "R-j64",
+  "dropdownMenuWrapper": "Qru06",
+  "dropdownSelectedButton": "ujQr5",
+  "dropdownContent": "NzKEJ",
+  "dropdownContentWithIcon": "_2yM6e",
+  "audioLoader": "fStF8"
 };
 //# sourceMappingURL=audio-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/audio.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"sVNNq\",\n  \"container\": \"OP1Qe\",\n  \"coverImageContainer\": \"FqFgU\",\n  \"customPlayer\": \"mT5A6\",\n  \"slim\": \"Qepds\",\n  \"playPauseButton\": \"_8SSIo\",\n  \"coverImage\": \"nM28u\",\n  \"trackDetailsContainer\": \"u-8aZ\",\n  \"controlsContainer\": \"ed-nB\",\n  \"controlsGroup\": \"_3JHYV\",\n  \"sliderContainer\": \"JGkhw\",\n  \"audioDuration\": \"TzIb6\",\n  \"isLoading\": \"ZWz-4\",\n  \"audioDetails\": \"dJhWW\",\n  \"authorName\": \"EgmEb\",\n  \"title\": \"c3QNE\",\n  \"dropdownMenuWrapper\": \"oCJg8\",\n  \"dropdownSelectedButton\": \"Nkgtl\",\n  \"dropdownContent\": \"JtBRe\",\n  \"dropdownContentWithIcon\": \"-FGIR\",\n  \"audioLoader\": \"wsGGu\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"An6eQ\",\n  \"container\": \"W4D7x\",\n  \"coverImageContainer\": \"vqZGr\",\n  \"customPlayer\": \"_2Gdpp\",\n  \"slim\": \"WFhMK\",\n  \"playPauseButton\": \"Esr1H\",\n  \"coverImage\": \"cg15n\",\n  \"trackDetailsContainer\": \"BL3AE\",\n  \"controlsContainer\": \"gP7mb\",\n  \"controlsGroup\": \"Pl0ve\",\n  \"sliderContainer\": \"nh-K-\",\n  \"audioDuration\": \"gTOuc\",\n  \"isLoading\": \"_2erOZ\",\n  \"audioDetails\": \"Exe-x\",\n  \"authorName\": \"Lrx9d\",\n  \"title\": \"R-j64\",\n  \"dropdownMenuWrapper\": \"Qru06\",\n  \"dropdownSelectedButton\": \"ujQr5\",\n  \"dropdownContent\": \"NzKEJ\",\n  \"dropdownContentWithIcon\": \"_2yM6e\",\n  \"audioLoader\": \"fStF8\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,2BAA2B;AAAA,EAC3B,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-audio/statics/styles/icon-button-scss.js

@@ -22,6 +22,6 @@ __export(icon_button_exports, {
 });
 module.exports = __toCommonJS(icon_button_exports);
 var icon_button_default = {
-  "audioIconButton": "agPnT"
+  "audioIconButton": "KhzhQ"
 };
 //# sourceMappingURL=icon-button-scss.js.map

package/dist/cjs/plugin-audio/statics/styles/icon-button-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/icon-button.scss"],
-  "sourcesContent": ["export default {\n  \"audioIconButton\": \"agPnT\"\n};"],
+  "sourcesContent": ["export default {\n  \"audioIconButton\": \"KhzhQ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/plugin-audio/statics/styles/settings-modal-scss.js

@@ -22,6 +22,6 @@ __export(settings_modal_exports, {
 });
 module.exports = __toCommonJS(settings_modal_exports);
 var settings_modal_default = {
-  "imageViewer": "_62ef4"
+  "imageViewer": "_5TDnN"
 };
 //# sourceMappingURL=settings-modal-scss.js.map

package/dist/cjs/plugin-audio/statics/styles/settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/settings-modal.scss"],
-  "sourcesContent": ["export default {\n  \"imageViewer\": \"_62ef4\"\n};"],
+  "sourcesContent": ["export default {\n  \"imageViewer\": \"_5TDnN\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-audio/statics/styles/sound-control-scss.js

@@ -22,7 +22,7 @@ __export(sound_control_exports, {
 });
 module.exports = __toCommonJS(sound_control_exports);
 var sound_control_default = {
-  "root": "g68-F",
-  "sliderContainer": "vHk5S"
+  "root": "yz0Gq",
+  "sliderContainer": "_8RjCu"
 };
 //# sourceMappingURL=sound-control-scss.js.map

package/dist/cjs/plugin-audio/statics/styles/sound-control-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-audio/statics/styles/sound-control.scss"],
-  "sourcesContent": ["export default {\n  \"root\": \"g68-F\",\n  \"sliderContainer\": \"vHk5S\"\n};"],
+  "sourcesContent": ["export default {\n  \"root\": \"yz0Gq\",\n  \"sliderContainer\": \"_8RjCu\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/plugin-block-drag-handle/styles-scss.js

@@ -22,13 +22,13 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var styles_default = {
-  "blockSelected": "h7XY8",
-  "blockDragSource": "sEv-y",
-  "blockDropSettle": "_87H9q",
-  "block-drop-settle": "uBo8Y",
-  "blockDragHandle": "O7awh",
-  "visible": "F7674",
-  "blockDragHandleButton": "re9iz",
-  "blockSelectMarquee": "WgQ9W"
+  "blockSelected": "tuiyU",
+  "blockDragSource": "VroeR",
+  "blockDropSettle": "zxEo5",
+  "block-drop-settle": "wMt15",
+  "blockDragHandle": "y6K36",
+  "visible": "pw5-Q",
+  "blockDragHandleButton": "zVgpg",
+  "blockSelectMarquee": "DjSEZ"
 };
 //# sourceMappingURL=styles-scss.js.map

package/dist/cjs/plugin-block-drag-handle/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-block-drag-handle/styles.scss"],
-  "sourcesContent": ["export default {\n  \"blockSelected\": \"h7XY8\",\n  \"blockDragSource\": \"sEv-y\",\n  \"blockDropSettle\": \"_87H9q\",\n  \"block-drop-settle\": \"uBo8Y\",\n  \"blockDragHandle\": \"O7awh\",\n  \"visible\": \"F7674\",\n  \"blockDragHandleButton\": \"re9iz\",\n  \"blockSelectMarquee\": \"WgQ9W\"\n};"],
+  "sourcesContent": ["export default {\n  \"blockSelected\": \"tuiyU\",\n  \"blockDragSource\": \"VroeR\",\n  \"blockDropSettle\": \"zxEo5\",\n  \"block-drop-settle\": \"wMt15\",\n  \"blockDragHandle\": \"y6K36\",\n  \"visible\": \"pw5-Q\",\n  \"blockDragHandleButton\": \"zVgpg\",\n  \"blockSelectMarquee\": \"DjSEZ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,yBAAyB;AAAA,EACzB,sBAAsB;AACxB;",
   "names": []
 }

package/dist/cjs/plugin-button/statics/styles/button-input-modal-scss.js

@@ -22,7 +22,7 @@ __export(button_input_modal_exports, {
 });
 module.exports = __toCommonJS(button_input_modal_exports);
 var button_input_modal_default = {
-  "content": "ORcqs",
-  "modal": "y5kgr"
+  "content": "FUHy7",
+  "modal": "CFWEN"
 };
 //# sourceMappingURL=button-input-modal-scss.js.map

package/dist/cjs/plugin-button/statics/styles/button-input-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-button/statics/styles/button-input-modal.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"ORcqs\",\n  \"modal\": \"y5kgr\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"FUHy7\",\n  \"modal\": \"CFWEN\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AACX;",
   "names": []
 }