@wix/ricos 11.24.1 → 11.26.0

package/dist/cjs/plugin-ai/selection-button/edit-with-ai-button.js

@@ -0,0 +1,209 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var edit_with_ai_button_exports = {};
+__export(edit_with_ai_button_exports, {
+  EditWithAiButton: () => EditWithAiButton
+});
+module.exports = __toCommonJS(edit_with_ai_button_exports);
+var import_react_dom = require("@floating-ui/react-dom");
+var import_lazy = require("@wix/wix-ui-icons-common/lazy");
+var import_react = __toESM(require("react"));
+var import_react_dom2 = __toESM(require("react-dom"));
+var import_editor_context = require("./../../ricos-context/editor-context.js");
+var import_ricos_context = require("./../../ricos-context/index.js");
+var import_selection_context = require("./../../ricos-context/selection-context.js");
+var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider.js");
+var import_ricos_types = require("./../../ricos-types/index.js");
+var import_use_animation_paused_auto_update = require("./../../_shared/node-animation/use-animation-paused-auto-update.js");
+var import_use_drag_selecting = require("./../../_shared/use-drag-selecting.js");
+var import_tiptap = require("./../../tiptap/index.js");
+var import_editor_common = require("./../../editor-common/index.js");
+var import_use_is_toolbar_empty = require("./../../toolbars-v3/ricos-toolbars/use-is-toolbar-empty.js");
+var import_toolbar_boundary = require("./../../toolbars-v3/toolbar-boundary.js");
+var import_data_hooks = require("../data-hooks.js");
+var import_types = require("../types.js");
+var import_edit_with_ai_button_scss = __toESM(require("./edit-with-ai-button-scss.js"));
+const SELECTION_OFFSET = 6;
+const FLOATING_TOOLBAR_SELECTOR = '[data-hook="ricos-floating-toolbar"]';
+const TOOLBAR_GAP = 8;
+const avoidFloatingToolbar = (portal, boundary) => ({
+  name: "avoidFloatingToolbar",
+  fn: ({ x, y, rects, elements }) => {
+    const toolbarRect = portal?.querySelector(FLOATING_TOOLBAR_SELECTOR)?.getBoundingClientRect();
+    if (!toolbarRect || toolbarRect.height === 0) {
+      return {};
+    }
+    const referenceRect = elements.reference.getBoundingClientRect();
+    const dx = referenceRect.x - rects.reference.x;
+    const dy = referenceRect.y - rects.reference.y;
+    const { width, height } = rects.floating;
+    const view = elements.floating.ownerDocument.defaultView;
+    const bounds = boundary?.getBoundingClientRect() ?? new DOMRect(0, 0, view?.innerWidth ?? 0, view?.innerHeight ?? 0);
+    const fits = ({ x: left, y: top }) => {
+      const viewportLeft = left + dx;
+      const viewportTop = top + dy;
+      const isInside = viewportLeft >= bounds.left && viewportTop >= bounds.top && viewportLeft + width <= bounds.right && viewportTop + height <= bounds.bottom;
+      const overlapsToolbar = viewportLeft < toolbarRect.right && viewportLeft + width > toolbarRect.left && viewportTop < toolbarRect.bottom && viewportTop + height > toolbarRect.top;
+      return isInside && !overlapsToolbar;
+    };
+    const isToolbarAbove = toolbarRect.top < referenceRect.top;
+    const toolbarRowY = toolbarRect.top - dy + (toolbarRect.height - height) / 2;
+    const candidates = [
+      { x, y },
+      {
+        x,
+        y: isToolbarAbove ? rects.reference.y + rects.reference.height + SELECTION_OFFSET : rects.reference.y - height - SELECTION_OFFSET
+      },
+      { x: toolbarRect.right - dx + TOOLBAR_GAP, y: toolbarRowY },
+      { x: toolbarRect.left - dx - TOOLBAR_GAP - width, y: toolbarRowY },
+      {
+        x,
+        y: isToolbarAbove ? toolbarRect.top - dy - height - TOOLBAR_GAP : toolbarRect.bottom - dy + TOOLBAR_GAP
+      }
+    ];
+    return candidates.find(fits) ?? {};
+  }
+});
+const isOtherModalOpen = (state) => Object.keys(state).some((id) => id !== import_types.AI_MENU_MODAL_ID);
+const EditWithAiButton = ({ toggleEditMenu }) => {
+  const { adapter } = (0, import_react.useContext)(import_editor_context.EditorContext);
+  const modalService = (0, import_react.useContext)(import_ricos_context.ModalServiceContext);
+  const { t, portal, isMobile, jsdomMode } = (0, import_react.useContext)(import_ricos_context.RicosContext);
+  const zIndexService = (0, import_react.useContext)(import_ricos_context.ZIndexContext);
+  const boundary = (0, import_toolbar_boundary.useToolbarBoundary)();
+  const { selection } = (0, import_selection_context.useSelection)();
+  const ricosModalOpen = (0, import_modal_service_provider.useModalState)(isOtherModalOpen);
+  const externalModalOpen = (0, import_modal_service_provider.useIsExternalModalOpen)();
+  const otherModalOpen = ricosModalOpen || externalModalOpen;
+  const editor = adapter.tiptapEditor;
+  const isDragSelecting = (0, import_use_drag_selecting.useDragSelecting)(editor);
+  const hasFloatingToolbar = !(0, import_use_is_toolbar_empty.useIsToolbarEmpty)(import_ricos_types.ToolbarType.INLINE);
+  const visible = (0, import_react.useMemo)(() => {
+    if (isMobile || !selection || selection.empty || !(0, import_editor_common.isTextSelection)(selection)) {
+      return false;
+    }
+    if (isDragSelecting || otherModalOpen) {
+      return false;
+    }
+    let hasText = false;
+    editor.state.doc.nodesBetween(selection.from, selection.to, (node) => {
+      if (node.isText && node.text) {
+        hasText = true;
+      }
+      return !hasText;
+    });
+    return hasText;
+  }, [selection, isMobile, isDragSelecting, otherModalOpen, editor]);
+  const reference = (0, import_react.useMemo)(
+    () => ({
+      getBoundingClientRect: () => selection ? (0, import_tiptap.posToDOMRect)(editor.view, selection.from, selection.to) : new DOMRect()
+    }),
+    [selection, editor]
+  );
+  const {
+    x,
+    y,
+    strategy,
+    isPositioned,
+    middlewareData,
+    elements,
+    update,
+    refs: { setFloating }
+  } = (0, import_react_dom.useFloating)({
+    // Resets `isPositioned` whenever the pill hides, and `elements` hands over the new
+    // selection in the same render: either way the first position is computed against the
+    // previous selection, and a re-shown pill paints one frame there before jumping.
+    open: visible,
+    elements: { reference },
+    placement: hasFloatingToolbar ? "bottom-start" : "top-start",
+    middleware: [
+      (0, import_react_dom.offset)(SELECTION_OFFSET),
+      (0, import_react_dom.shift)(boundary ? { boundary } : { padding: 8 }),
+      boundary ? (0, import_react_dom.flip)({ boundary }) : (0, import_react_dom.flip)(),
+      ...hasFloatingToolbar ? [avoidFloatingToolbar(portal, boundary)] : [],
+      ...boundary ? [(0, import_react_dom.hide)({ strategy: "escaped", boundary })] : []
+    ]
+  });
+  (0, import_use_animation_paused_auto_update.useAnimationPausedAutoUpdate)({
+    reference: elements.reference,
+    floating: elements.floating,
+    update
+  });
+  const floatingElement = elements.floating;
+  (0, import_react.useEffect)(() => {
+    if (!hasFloatingToolbar || !portal || !floatingElement) {
+      return;
+    }
+    const observer = new MutationObserver((records) => {
+      const toolbarMoved = records.some(
+        ({ target }) => target !== floatingElement && target instanceof Element && !!target.querySelector(FLOATING_TOOLBAR_SELECTOR)
+      );
+      if (toolbarMoved) {
+        update();
+      }
+    });
+    observer.observe(portal, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["style"]
+    });
+    return () => observer.disconnect();
+  }, [hasFloatingToolbar, portal, floatingElement, update]);
+  if (!visible || !portal) {
+    return null;
+  }
+  const isHidden = middlewareData.hide?.escaped || !isPositioned && !jsdomMode;
+  return import_react_dom2.default.createPortal(
+    /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        ref: setFloating,
+        type: "button",
+        "data-hook": import_data_hooks.AI_SELECTION_BUTTON,
+        className: import_edit_with_ai_button_scss.default.button,
+        style: {
+          position: strategy,
+          left: x ?? 0,
+          top: y ?? 0,
+          zIndex: zIndexService?.getZIndex("TOOLBAR"),
+          // Not `display: none`: Floating UI has to measure the pill to position it, and a
+          // zero-size pill at a paragraph's left edge would stay `escaped` for good.
+          visibility: isHidden ? "hidden" : void 0
+        },
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: (e) => toggleEditMenu(modalService, e.currentTarget)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_lazy.SparklesSmall, null),
+      t("AIPlugin_ToolbarButton_EditWithAI")
+    ),
+    portal
+  );
+};
+//# sourceMappingURL=edit-with-ai-button.js.map

package/dist/cjs/plugin-ai/selection-button/edit-with-ai-button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-ai/selection-button/edit-with-ai-button.tsx"],
+  "sourcesContent": ["import type { Middleware } from '@floating-ui/react-dom';\nimport { flip, hide, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport { SparklesSmall } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { EditorContext } from './../../ricos-context/editor-context.js';\nimport { ModalServiceContext, RicosContext, ZIndexContext } from './../../ricos-context/index.js';\nimport { useSelection } from './../../ricos-context/selection-context.js';\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport { useIsExternalModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport { ToolbarType } from './../../ricos-types/index.js';\nimport { useAnimationPausedAutoUpdate } from './../../_shared/node-animation/use-animation-paused-auto-update.js';\nimport { useDragSelecting } from './../../_shared/use-drag-selecting.js';\nimport { posToDOMRect } from './../../tiptap/index.js';\nimport { isTextSelection } from './../../editor-common/index.js';\nimport { useIsToolbarEmpty } from './../../toolbars-v3/ricos-toolbars/use-is-toolbar-empty.js';\nimport { useToolbarBoundary } from './../../toolbars-v3/toolbar-boundary.js';\n\nimport { AI_SELECTION_BUTTON } from '../data-hooks.js';\nimport { AI_MENU_MODAL_ID } from '../types.js';\nimport styles from './edit-with-ai-button-scss.js';\n\n/** The pill's distance from the selection it sits above. */\nconst SELECTION_OFFSET = 6;\n\n/** `FloatingToolbar`'s root, shared by every floating toolbar in the portal. */\nconst FLOATING_TOOLBAR_SELECTOR = '[data-hook=\"ricos-floating-toolbar\"]';\n\n/** Gap kept between the pill and the floating formatting toolbar when they share a row. */\nconst TOOLBAR_GAP = 8;\n\n/**\n * Keeps the pill off the floating formatting toolbar, which flips below the selection whenever\n * there is no room above it. Tries, in order: where the pill already is, the other side of the\n * selection, either end of the toolbar, then past the toolbar — the first spot inside the\n * boundary wins, so on the first line the pill doesn't land above the editor and get hidden.\n * Position updates run every frame, so this settles as soon as the toolbar has placed itself.\n */\nconst avoidFloatingToolbar = (\n  portal: HTMLElement | null | undefined,\n  boundary: HTMLElement | null | undefined\n): Middleware => ({\n  name: 'avoidFloatingToolbar',\n  fn: ({ x, y, rects, elements }) => {\n    const toolbarRect = portal?.querySelector(FLOATING_TOOLBAR_SELECTOR)?.getBoundingClientRect();\n    if (!toolbarRect || toolbarRect.height === 0) {\n      return {};\n    }\n    // `rects` share the pill's offset parent; the toolbar's rect is in viewport coordinates.\n    const referenceRect = elements.reference.getBoundingClientRect();\n    const dx = referenceRect.x - rects.reference.x;\n    const dy = referenceRect.y - rects.reference.y;\n    const { width, height } = rects.floating;\n    const view = elements.floating.ownerDocument.defaultView;\n    const bounds =\n      boundary?.getBoundingClientRect() ??\n      new DOMRect(0, 0, view?.innerWidth ?? 0, view?.innerHeight ?? 0);\n\n    const fits = ({ x: left, y: top }: { x: number; y: number }) => {\n      const viewportLeft = left + dx;\n      const viewportTop = top + dy;\n      const isInside =\n        viewportLeft >= bounds.left &&\n        viewportTop >= bounds.top &&\n        viewportLeft + width <= bounds.right &&\n        viewportTop + height <= bounds.bottom;\n      const overlapsToolbar =\n        viewportLeft < toolbarRect.right &&\n        viewportLeft + width > toolbarRect.left &&\n        viewportTop < toolbarRect.bottom &&\n        viewportTop + height > toolbarRect.top;\n      return isInside && !overlapsToolbar;\n    };\n\n    const isToolbarAbove = toolbarRect.top < referenceRect.top;\n    const toolbarRowY = toolbarRect.top - dy + (toolbarRect.height - height) / 2;\n    const candidates = [\n      { x, y },\n      {\n        x,\n        y: isToolbarAbove\n          ? rects.reference.y + rects.reference.height + SELECTION_OFFSET\n          : rects.reference.y - height - SELECTION_OFFSET,\n      },\n      { x: toolbarRect.right - dx + TOOLBAR_GAP, y: toolbarRowY },\n      { x: toolbarRect.left - dx - TOOLBAR_GAP - width, y: toolbarRowY },\n      {\n        x,\n        y: isToolbarAbove\n          ? toolbarRect.top - dy - height - TOOLBAR_GAP\n          : toolbarRect.bottom - dy + TOOLBAR_GAP,\n      },\n    ];\n    return candidates.find(fits) ?? {};\n  },\n});\n\ntype EditWithAiButtonProps = {\n  toggleEditMenu: (modalService: ModalService, referenceElement: HTMLElement) => void;\n};\n\n// While another modal is up (the AI content modal a menu item opened, a link panel, …) the\n// pill would float over it; the menu it anchors is the one modal it stays up for.\nconst isOtherModalOpen = (state: Record<string, unknown>) =>\n  Object.keys(state).some(id => id !== AI_MENU_MODAL_ID);\n\n/**\n * \"Edit with AI\", floating above a text selection. Opens the AI menu's `edit` mode anchored\n * to itself, while the toolbar buttons stay on \"Create with AI\".\n */\nexport const EditWithAiButton: React.FC<EditWithAiButtonProps> = ({ toggleEditMenu }) => {\n  const { adapter } = useContext(EditorContext);\n  const modalService = useContext(ModalServiceContext);\n  const { t, portal, isMobile, jsdomMode } = useContext(RicosContext);\n  const zIndexService = useContext(ZIndexContext);\n  const boundary = useToolbarBoundary();\n  const { selection } = useSelection();\n  const ricosModalOpen = useModalState(isOtherModalOpen);\n  const externalModalOpen = useIsExternalModalOpen();\n  const otherModalOpen = ricosModalOpen || externalModalOpen;\n  const editor = adapter.tiptapEditor;\n  // Held back while a mouse sweep is still extending the selection, so the pill doesn't\n  // chase the cursor or land on the text being reached for.\n  const isDragSelecting = useDragSelecting(editor);\n  // The floating formatting toolbar takes the space above the selection, so the pill starts\n  // out below it; `avoidFloatingToolbar` handles the toolbar flipping below too.\n  const hasFloatingToolbar = !useIsToolbarEmpty(ToolbarType.INLINE);\n\n  const visible = useMemo(() => {\n    if (isMobile || !selection || selection.empty || !isTextSelection(selection)) {\n      return false;\n    }\n    if (isDragSelecting || otherModalOpen) {\n      return false;\n    }\n    let hasText = false;\n    editor.state.doc.nodesBetween(selection.from, selection.to, node => {\n      if (node.isText && node.text) {\n        hasText = true;\n      }\n      return !hasText;\n    });\n    return hasText;\n  }, [selection, isMobile, isDragSelecting, otherModalOpen, editor]);\n\n  const reference = useMemo(\n    () => ({\n      getBoundingClientRect: () =>\n        selection ? posToDOMRect(editor.view, selection.from, selection.to) : new DOMRect(),\n    }),\n    [selection, editor]\n  );\n\n  const {\n    x,\n    y,\n    strategy,\n    isPositioned,\n    middlewareData,\n    elements,\n    update,\n    refs: { setFloating },\n  } = useFloating({\n    // Resets `isPositioned` whenever the pill hides, and `elements` hands over the new\n    // selection in the same render: either way the first position is computed against the\n    // previous selection, and a re-shown pill paints one frame there before jumping.\n    open: visible,\n    elements: { reference },\n    placement: hasFloatingToolbar ? 'bottom-start' : 'top-start',\n    middleware: [\n      offset(SELECTION_OFFSET),\n      shift(boundary ? { boundary } : { padding: 8 }),\n      boundary ? flip({ boundary }) : flip(),\n      ...(hasFloatingToolbar ? [avoidFloatingToolbar(portal, boundary)] : []),\n      ...(boundary ? [hide({ strategy: 'escaped' as const, boundary })] : []),\n    ],\n  });\n\n  useAnimationPausedAutoUpdate({\n    reference: elements.reference,\n    floating: elements.floating,\n    update,\n  });\n\n  // `autoUpdate` follows the selection, not the toolbar, so the pill would keep dodging wherever\n  // the toolbar sat a frame earlier. Its wrapper's inline style carries its position.\n  const floatingElement = elements.floating;\n  useEffect(() => {\n    if (!hasFloatingToolbar || !portal || !floatingElement) {\n      return;\n    }\n    const observer = new MutationObserver(records => {\n      const toolbarMoved = records.some(\n        ({ target }) =>\n          target !== floatingElement &&\n          target instanceof Element &&\n          !!target.querySelector(FLOATING_TOOLBAR_SELECTOR)\n      );\n      if (toolbarMoved) {\n        update();\n      }\n    });\n    observer.observe(portal, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n    return () => observer.disconnect();\n  }, [hasFloatingToolbar, portal, floatingElement, update]);\n\n  if (!visible || !portal) {\n    return null;\n  }\n\n  // `isPositioned`: computePosition is async, so the pill would otherwise paint one frame\n  // at the document origin.\n  const isHidden = middlewareData.hide?.escaped || (!isPositioned && !jsdomMode);\n\n  return ReactDOM.createPortal(\n    <button\n      ref={setFloating}\n      type=\"button\"\n      data-hook={AI_SELECTION_BUTTON}\n      className={styles.button}\n      style={{\n        position: strategy,\n        left: x ?? 0,\n        top: y ?? 0,\n        zIndex: zIndexService?.getZIndex('TOOLBAR'),\n        // Not `display: none`: Floating UI has to measure the pill to position it, and a\n        // zero-size pill at a paragraph's left edge would stay `escaped` for good.\n        visibility: isHidden ? 'hidden' : undefined,\n      }}\n      // Keeps the editor focused and its selection intact, so the menu edits what was selected.\n      onMouseDown={e => e.preventDefault()}\n      onClick={e => toggleEditMenu(modalService, e.currentTarget)}\n    >\n      <SparklesSmall />\n      {t('AIPlugin_ToolbarButton_EditWithAI')}\n    </button>,\n    portal\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react_dom", "ReactDOM", "React", "styles"]
+}

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

@@ -248,6 +248,13 @@ const createAiTestkit = (getBase) => {
       },
       popover: (0, import_dropdown_modal_uni_driver.createDropdownModalUniDriver)(getBase, import_data_hooks.AI_MODAL_FLOATING_MENU_POPOVER)
     },
+    menu: {
+      waitForElement: async () => {
+        await getBase().get((0, import_wix_rich_content_common.dataHook)(import_data_hooks.AI_MENU_POPOVER));
+      },
+      popover: (0, import_dropdown_modal_uni_driver.createDropdownModalUniDriver)(getBase, import_data_hooks.AI_MENU_POPOVER),
+      promptInput: (0, import_unidriver.InputUniDriver)(getBase().$((0, import_wix_rich_content_common.dataHook)(import_data_hooks.AI_MENU_PROMPT_INPUT)), getBase())
+    },
     integrations: {
       captionTrigger: {
         button: (0, import_unidriver.IconButtonUniDriver)(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-ai/testkit.ts"],
-  "sourcesContent": ["import {\n  ButtonUniDriver,\n  CloseButtonUniDriver,\n  IconButtonUniDriver,\n  InputAreaUniDriver,\n  ListItemActionUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  PopoverUniDriver,\n  SidePanelUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver.js';\n\nimport type { Testkit, UniDriver } from './../ricos-types/testkit.js';\nimport {\n  createDropdownModalUniDriver,\n  type DropdownModalUniDriver,\n} from './../_shared/dropdown-modal/dropdown-modal-uni-driver.js';\nimport { dataHook } from './../wix-rich-content-common/index.js';\n\nimport {\n  AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON,\n  AI_EXPORTS_ALT_TEXT_INPUT_AREA,\n  AI_EXPORTS_CAPTION_TRIGGER_BUTTON,\n  AI_FLOW_SELECTION_POPOVER,\n  AI_IMAGE_MODAL_ACTION_INSERT,\n  AI_IMAGE_MODAL_ACTION_INSERT_ABOVE,\n  AI_IMAGE_MODAL_ACTION_INSERT_BELOW,\n  AI_IMAGE_MODAL_CANCEL_BUTTON,\n  AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON,\n  AI_IMAGE_MODAL_ERROR_RETRY_BUTTON,\n  AI_IMAGE_MODAL_FEED_ITEM,\n  AI_IMAGE_MODAL_FEED_LOADER,\n  AI_IMAGE_MODAL_IMAGE_STYLE,\n  AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER,\n  AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE,\n  AI_IMAGE_MODAL_PROMPT_INPUT,\n  AI_IMAGE_MODAL_ROOT,\n  AI_IMAGE_MODAL_SUBMIT_BUTTON,\n  AI_MODAL_CANCEL_BUTTON,\n  AI_MODAL_DISCARD_MODAL,\n  AI_MODAL_ERROR_CANCEL_BUTTON,\n  AI_MODAL_ERROR_CONTAINER,\n  AI_MODAL_ERROR_RETRY_BUTTON,\n  AI_MODAL_FLOATING_MENU_POPOVER,\n  AI_MODAL_LOADING_INDICATOR,\n  AI_MODAL_NO_SELECTION_CONTAINER,\n  AI_MODAL_PROMPT_INPUT,\n  AI_MODAL_PROMPT_LIST_ITEM,\n  AI_MODAL_RESULTS_ACTIONS_POPOVER,\n  AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER,\n  AI_MODAL_RESULTS_CONTENT,\n  AI_MODAL_RESULTS_CONTENT_ITEM,\n  AI_MODAL_RESULTS_FIST_ACTION_BUTTON,\n  AI_MODAL_RESULTS_SECOND_ACTION_BUTTON,\n  AI_MODAL_ROOT,\n  AI_MODAL_SUBMIT_BUTTON,\n  TEXT_BUTTON_AI,\n} from './data-hooks.js';\n\nexport type AiTestkit = Testkit<{\n  content: object;\n  contentModal: {\n    getNativeElement: () => Promise<Element>;\n    exists: () => Promise<boolean>;\n    waitForElement: () => Promise<void>;\n    close: () => Promise<void>;\n    promptInput: ReturnType<typeof InputAreaUniDriver>;\n    cancelButton: ReturnType<typeof ButtonUniDriver>;\n    submitButton: ReturnType<typeof IconButtonUniDriver>;\n    promptsList: {\n      atIndex: (index: number) => Promise<ReturnType<typeof ListItemActionUniDriver>>;\n      count: () => Promise<number>;\n    };\n    loadingIndicator: {\n      exists: () => Promise<boolean>;\n      waitForElement: () => Promise<void>;\n    };\n    result: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      atIndex: (index: number) => {\n        waitForElement: () => Promise<void>;\n        content: () => Promise<string>;\n        actions: {\n          firstActionButton: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          secondActionButton: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          actionsMenuTrigger: () => Promise<ReturnType<typeof IconButtonUniDriver>>;\n          actionsMenu: () => Promise<ReturnType<typeof PopoverMenuUniDriver>>;\n        };\n      };\n    };\n    error: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      retryButton: ReturnType<typeof ButtonUniDriver>;\n      cancelButton: ReturnType<typeof ButtonUniDriver>;\n    };\n    noSelectionMessage: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n    };\n  };\n  imageModal: {\n    getNativeElement: () => Promise<Element>;\n    exists: () => Promise<boolean>;\n    waitForElement: () => Promise<void>;\n    close: () => Promise<void>;\n    input: ReturnType<typeof InputAreaUniDriver>;\n    cancelButton: ReturnType<typeof ButtonUniDriver>;\n    submitButton: ReturnType<typeof ButtonUniDriver>;\n    imageStyle: ReturnType<typeof PopoverMenuUniDriver>;\n    promptHelper: {\n      popover: ReturnType<typeof PopoverUniDriver>;\n      closeButton: ReturnType<typeof CloseButtonUniDriver>;\n    };\n    feed: {\n      atIndex: (index: number) => {\n        waitForElement: () => Promise<void>;\n        isLoading: () => Promise<boolean>;\n        exists: () => Promise<boolean>;\n        actions: {\n          insertAbove: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          insertBelow: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          insert: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n        };\n      };\n    };\n    error: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      retryButton: ReturnType<typeof ButtonUniDriver>;\n      cancelButton: ReturnType<typeof ButtonUniDriver>;\n    };\n  };\n  flowSelectionPopover: {\n    waitForElement: () => Promise<void>;\n    popover: DropdownModalUniDriver;\n  };\n  discardModal: ReturnType<typeof MessageModalLayoutUniDriver>;\n  toolbars: {\n    createTextButtonToolbars: (getBase: () => UniDriver<Element>) => {\n      click: () => Promise<void>;\n    };\n  };\n  popover: {\n    waitForElement: () => Promise<void>;\n    popover: DropdownModalUniDriver;\n  };\n  integrations: {\n    captionTrigger: {\n      button: ReturnType<typeof IconButtonUniDriver>;\n    };\n    altTextInput: {\n      input: ReturnType<typeof InputAreaUniDriver> & { waitForElement: () => Promise<void> };\n      generateButton: ReturnType<typeof TextButtonUniDriver>;\n    };\n  };\n}>;\n\nexport const createAiTestkit: AiTestkit = getBase => {\n  return {\n    content: {},\n    contentModal: {\n      getNativeElement: async () => {\n        const modal = await getBase().get(dataHook(AI_MODAL_ROOT));\n        return modal.getNative();\n      },\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_MODAL_ROOT));\n      },\n      exists: async () => {\n        try {\n          const sidePanelDriver = SidePanelUniDriver(\n            getBase().$(dataHook(AI_MODAL_ROOT)),\n            getBase()\n          );\n          return sidePanelDriver.exists();\n        } catch {\n          return false;\n        }\n      },\n      close: async () => {\n        const sidePanelDriver = SidePanelUniDriver(getBase().$(dataHook(AI_MODAL_ROOT)), getBase());\n        return sidePanelDriver.clickClose();\n      },\n      promptInput: InputAreaUniDriver(getBase().$(dataHook(AI_MODAL_PROMPT_INPUT)), getBase()),\n      cancelButton: ButtonUniDriver(getBase().$(dataHook(AI_MODAL_CANCEL_BUTTON)), getBase()),\n      submitButton: IconButtonUniDriver(getBase().$(dataHook(AI_MODAL_SUBMIT_BUTTON)), getBase()),\n      promptsList: {\n        atIndex: async index => {\n          const allListItems = await getBase().getAll(dataHook(AI_MODAL_PROMPT_LIST_ITEM));\n          const listItem = allListItems.at(index);\n          return ListItemActionUniDriver(listItem, getBase());\n        },\n        count: async () => {\n          try {\n            const allListItems = await getBase().getAll(dataHook(AI_MODAL_PROMPT_LIST_ITEM));\n            return allListItems.count();\n          } catch {\n            return 0;\n          }\n        },\n      },\n      loadingIndicator: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_LOADING_INDICATOR));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_LOADING_INDICATOR)).exists(),\n      },\n      result: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_RESULTS_CONTENT));\n        },\n        exists: () => {\n          return getBase().$(dataHook(AI_MODAL_RESULTS_CONTENT)).exists();\n        },\n        atIndex: (index: number) => {\n          const getContent = async () => {\n            return await getBase().get(dataHook(AI_MODAL_RESULTS_CONTENT));\n          };\n\n          return {\n            waitForElement: async () => {\n              (await getContent()).$$(dataHook(AI_MODAL_RESULTS_CONTENT_ITEM)).at(index);\n            },\n            content: async () => {\n              return (await getContent())\n                .$$(dataHook(AI_MODAL_RESULTS_CONTENT_ITEM))\n                .at(index)\n                .text();\n            },\n            actions: {\n              firstActionButton: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$$(dataHook(AI_MODAL_RESULTS_FIST_ACTION_BUTTON)).at(index),\n                  getBase()\n                ),\n              secondActionButton: async () =>\n                ButtonUniDriver(\n                  (await getContent())\n                    .$$(dataHook(AI_MODAL_RESULTS_SECOND_ACTION_BUTTON))\n                    .at(index),\n                  getBase()\n                ),\n              actionsMenuTrigger: async () =>\n                IconButtonUniDriver(\n                  (await getContent())\n                    .$$(`button${dataHook(AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER)}`)\n                    .at(index),\n                  getBase()\n                ),\n              actionsMenu: async () =>\n                PopoverMenuUniDriver(\n                  (await getContent()).$$(dataHook(AI_MODAL_RESULTS_ACTIONS_POPOVER)).at(index),\n                  getBase()\n                ),\n            },\n          };\n        },\n      },\n      error: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_ERROR_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_ERROR_CONTAINER)).exists(),\n        retryButton: ButtonUniDriver(getBase().$(dataHook(AI_MODAL_ERROR_RETRY_BUTTON)), getBase()),\n        cancelButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_MODAL_ERROR_CANCEL_BUTTON)),\n          getBase()\n        ),\n      },\n      noSelectionMessage: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_NO_SELECTION_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_NO_SELECTION_CONTAINER)).exists(),\n      },\n    },\n    imageModal: {\n      getNativeElement: async () => {\n        const modal = await getBase().get(dataHook(AI_IMAGE_MODAL_ROOT));\n        return modal.getNative();\n      },\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_IMAGE_MODAL_ROOT));\n      },\n      exists: async () => {\n        try {\n          const sidePanelDriver = SidePanelUniDriver(\n            getBase().$(dataHook(AI_IMAGE_MODAL_ROOT)),\n            getBase()\n          );\n          return sidePanelDriver.exists();\n        } catch {\n          return false;\n        }\n      },\n      close: async () => {\n        const sidePanelDriver = SidePanelUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ROOT)),\n          getBase()\n        );\n        return sidePanelDriver.clickClose();\n      },\n      input: InputAreaUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_INPUT)), getBase()),\n      cancelButton: ButtonUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_CANCEL_BUTTON)), getBase()),\n      submitButton: ButtonUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_SUBMIT_BUTTON)), getBase()),\n      imageStyle: PopoverMenuUniDriver(\n        getBase().$(dataHook(AI_IMAGE_MODAL_IMAGE_STYLE)),\n        getBase()\n      ),\n      promptHelper: {\n        popover: PopoverUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER)),\n          getBase()\n        ),\n        closeButton: CloseButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE)),\n          getBase()\n        ),\n      },\n      feed: {\n        atIndex: (index: number) => {\n          const getContent = async () => {\n            return getBase().$$(dataHook(AI_IMAGE_MODAL_FEED_ITEM)).at(index);\n          };\n\n          return {\n            exists: async () => {\n              return (await getContent()).exists();\n            },\n            waitForElement: async () => {\n              await (await getContent()).exists();\n            },\n            isLoading: async () => {\n              return (await getContent()).$(dataHook(AI_IMAGE_MODAL_FEED_LOADER)).exists();\n            },\n            actions: {\n              insertAbove: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT_ABOVE)),\n                  getBase()\n                ),\n              insertBelow: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT_BELOW)),\n                  getBase()\n                ),\n              insert: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT)),\n                  getBase()\n                ),\n            },\n          };\n        },\n      },\n      error: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_ERROR_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_ERROR_CONTAINER)).exists(),\n        retryButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ERROR_RETRY_BUTTON)),\n          getBase()\n        ),\n        cancelButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON)),\n          getBase()\n        ),\n      },\n    },\n    flowSelectionPopover: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_FLOW_SELECTION_POPOVER));\n      },\n      popover: createDropdownModalUniDriver(getBase, AI_FLOW_SELECTION_POPOVER),\n    },\n    discardModal: MessageModalLayoutUniDriver(\n      getBase().$(dataHook(AI_MODAL_DISCARD_MODAL)),\n      getBase()\n    ),\n    toolbars: {\n      createTextButtonToolbars: (getTextButtonToolbarBase: () => UniDriver<Element>) => {\n        return {\n          click: async () => {\n            const button = await getTextButtonToolbarBase().get(dataHook(TEXT_BUTTON_AI));\n            await button.click();\n          },\n        };\n      },\n    },\n    popover: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_MODAL_FLOATING_MENU_POPOVER));\n      },\n      popover: createDropdownModalUniDriver(getBase, AI_MODAL_FLOATING_MENU_POPOVER),\n    },\n    integrations: {\n      captionTrigger: {\n        button: IconButtonUniDriver(\n          getBase().$(dataHook(AI_EXPORTS_CAPTION_TRIGGER_BUTTON)),\n          getBase()\n        ),\n      },\n      altTextInput: {\n        input: {\n          waitForElement: async () => {\n            await getBase().get(dataHook(AI_EXPORTS_ALT_TEXT_INPUT_AREA));\n          },\n          ...InputAreaUniDriver(getBase().$(dataHook(AI_EXPORTS_ALT_TEXT_INPUT_AREA)), getBase()),\n        },\n        generateButton: TextButtonUniDriver(\n          getBase().$(dataHook(AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON)),\n          getBase()\n        ),\n      },\n    },\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  ButtonUniDriver,\n  CloseButtonUniDriver,\n  IconButtonUniDriver,\n  InputAreaUniDriver,\n  InputUniDriver,\n  ListItemActionUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  PopoverUniDriver,\n  SidePanelUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver.js';\n\nimport type { Testkit, UniDriver } from './../ricos-types/testkit.js';\nimport {\n  createDropdownModalUniDriver,\n  type DropdownModalUniDriver,\n} from './../_shared/dropdown-modal/dropdown-modal-uni-driver.js';\nimport { dataHook } from './../wix-rich-content-common/index.js';\n\nimport {\n  AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON,\n  AI_EXPORTS_ALT_TEXT_INPUT_AREA,\n  AI_EXPORTS_CAPTION_TRIGGER_BUTTON,\n  AI_FLOW_SELECTION_POPOVER,\n  AI_IMAGE_MODAL_ACTION_INSERT,\n  AI_IMAGE_MODAL_ACTION_INSERT_ABOVE,\n  AI_IMAGE_MODAL_ACTION_INSERT_BELOW,\n  AI_IMAGE_MODAL_CANCEL_BUTTON,\n  AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON,\n  AI_IMAGE_MODAL_ERROR_RETRY_BUTTON,\n  AI_IMAGE_MODAL_FEED_ITEM,\n  AI_IMAGE_MODAL_FEED_LOADER,\n  AI_IMAGE_MODAL_IMAGE_STYLE,\n  AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER,\n  AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE,\n  AI_IMAGE_MODAL_PROMPT_INPUT,\n  AI_IMAGE_MODAL_ROOT,\n  AI_IMAGE_MODAL_SUBMIT_BUTTON,\n  AI_MENU_POPOVER,\n  AI_MENU_PROMPT_INPUT,\n  AI_MODAL_CANCEL_BUTTON,\n  AI_MODAL_DISCARD_MODAL,\n  AI_MODAL_ERROR_CANCEL_BUTTON,\n  AI_MODAL_ERROR_CONTAINER,\n  AI_MODAL_ERROR_RETRY_BUTTON,\n  AI_MODAL_FLOATING_MENU_POPOVER,\n  AI_MODAL_LOADING_INDICATOR,\n  AI_MODAL_NO_SELECTION_CONTAINER,\n  AI_MODAL_PROMPT_INPUT,\n  AI_MODAL_PROMPT_LIST_ITEM,\n  AI_MODAL_RESULTS_ACTIONS_POPOVER,\n  AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER,\n  AI_MODAL_RESULTS_CONTENT,\n  AI_MODAL_RESULTS_CONTENT_ITEM,\n  AI_MODAL_RESULTS_FIST_ACTION_BUTTON,\n  AI_MODAL_RESULTS_SECOND_ACTION_BUTTON,\n  AI_MODAL_ROOT,\n  AI_MODAL_SUBMIT_BUTTON,\n  TEXT_BUTTON_AI,\n} from './data-hooks.js';\n\nexport type AiTestkit = Testkit<{\n  content: object;\n  contentModal: {\n    getNativeElement: () => Promise<Element>;\n    exists: () => Promise<boolean>;\n    waitForElement: () => Promise<void>;\n    close: () => Promise<void>;\n    promptInput: ReturnType<typeof InputAreaUniDriver>;\n    cancelButton: ReturnType<typeof ButtonUniDriver>;\n    submitButton: ReturnType<typeof IconButtonUniDriver>;\n    promptsList: {\n      atIndex: (index: number) => Promise<ReturnType<typeof ListItemActionUniDriver>>;\n      count: () => Promise<number>;\n    };\n    loadingIndicator: {\n      exists: () => Promise<boolean>;\n      waitForElement: () => Promise<void>;\n    };\n    result: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      atIndex: (index: number) => {\n        waitForElement: () => Promise<void>;\n        content: () => Promise<string>;\n        actions: {\n          firstActionButton: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          secondActionButton: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          actionsMenuTrigger: () => Promise<ReturnType<typeof IconButtonUniDriver>>;\n          actionsMenu: () => Promise<ReturnType<typeof PopoverMenuUniDriver>>;\n        };\n      };\n    };\n    error: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      retryButton: ReturnType<typeof ButtonUniDriver>;\n      cancelButton: ReturnType<typeof ButtonUniDriver>;\n    };\n    noSelectionMessage: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n    };\n  };\n  imageModal: {\n    getNativeElement: () => Promise<Element>;\n    exists: () => Promise<boolean>;\n    waitForElement: () => Promise<void>;\n    close: () => Promise<void>;\n    input: ReturnType<typeof InputAreaUniDriver>;\n    cancelButton: ReturnType<typeof ButtonUniDriver>;\n    submitButton: ReturnType<typeof ButtonUniDriver>;\n    imageStyle: ReturnType<typeof PopoverMenuUniDriver>;\n    promptHelper: {\n      popover: ReturnType<typeof PopoverUniDriver>;\n      closeButton: ReturnType<typeof CloseButtonUniDriver>;\n    };\n    feed: {\n      atIndex: (index: number) => {\n        waitForElement: () => Promise<void>;\n        isLoading: () => Promise<boolean>;\n        exists: () => Promise<boolean>;\n        actions: {\n          insertAbove: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          insertBelow: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n          insert: () => Promise<ReturnType<typeof ButtonUniDriver>>;\n        };\n      };\n    };\n    error: {\n      waitForElement: () => Promise<void>;\n      exists: () => Promise<boolean>;\n      retryButton: ReturnType<typeof ButtonUniDriver>;\n      cancelButton: ReturnType<typeof ButtonUniDriver>;\n    };\n  };\n  flowSelectionPopover: {\n    waitForElement: () => Promise<void>;\n    popover: DropdownModalUniDriver;\n  };\n  discardModal: ReturnType<typeof MessageModalLayoutUniDriver>;\n  toolbars: {\n    createTextButtonToolbars: (getBase: () => UniDriver<Element>) => {\n      click: () => Promise<void>;\n    };\n  };\n  popover: {\n    waitForElement: () => Promise<void>;\n    popover: DropdownModalUniDriver;\n  };\n  /** The \"Create with AI\" / \"Edit with AI\" menu, opened when the plugin is configured with `menu`. */\n  menu: {\n    waitForElement: () => Promise<void>;\n    popover: DropdownModalUniDriver;\n    promptInput: ReturnType<typeof InputUniDriver>;\n  };\n  integrations: {\n    captionTrigger: {\n      button: ReturnType<typeof IconButtonUniDriver>;\n    };\n    altTextInput: {\n      input: ReturnType<typeof InputAreaUniDriver> & { waitForElement: () => Promise<void> };\n      generateButton: ReturnType<typeof TextButtonUniDriver>;\n    };\n  };\n}>;\n\nexport const createAiTestkit: AiTestkit = getBase => {\n  return {\n    content: {},\n    contentModal: {\n      getNativeElement: async () => {\n        const modal = await getBase().get(dataHook(AI_MODAL_ROOT));\n        return modal.getNative();\n      },\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_MODAL_ROOT));\n      },\n      exists: async () => {\n        try {\n          const sidePanelDriver = SidePanelUniDriver(\n            getBase().$(dataHook(AI_MODAL_ROOT)),\n            getBase()\n          );\n          return sidePanelDriver.exists();\n        } catch {\n          return false;\n        }\n      },\n      close: async () => {\n        const sidePanelDriver = SidePanelUniDriver(getBase().$(dataHook(AI_MODAL_ROOT)), getBase());\n        return sidePanelDriver.clickClose();\n      },\n      promptInput: InputAreaUniDriver(getBase().$(dataHook(AI_MODAL_PROMPT_INPUT)), getBase()),\n      cancelButton: ButtonUniDriver(getBase().$(dataHook(AI_MODAL_CANCEL_BUTTON)), getBase()),\n      submitButton: IconButtonUniDriver(getBase().$(dataHook(AI_MODAL_SUBMIT_BUTTON)), getBase()),\n      promptsList: {\n        atIndex: async index => {\n          const allListItems = await getBase().getAll(dataHook(AI_MODAL_PROMPT_LIST_ITEM));\n          const listItem = allListItems.at(index);\n          return ListItemActionUniDriver(listItem, getBase());\n        },\n        count: async () => {\n          try {\n            const allListItems = await getBase().getAll(dataHook(AI_MODAL_PROMPT_LIST_ITEM));\n            return allListItems.count();\n          } catch {\n            return 0;\n          }\n        },\n      },\n      loadingIndicator: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_LOADING_INDICATOR));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_LOADING_INDICATOR)).exists(),\n      },\n      result: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_RESULTS_CONTENT));\n        },\n        exists: () => {\n          return getBase().$(dataHook(AI_MODAL_RESULTS_CONTENT)).exists();\n        },\n        atIndex: (index: number) => {\n          const getContent = async () => {\n            return await getBase().get(dataHook(AI_MODAL_RESULTS_CONTENT));\n          };\n\n          return {\n            waitForElement: async () => {\n              (await getContent()).$$(dataHook(AI_MODAL_RESULTS_CONTENT_ITEM)).at(index);\n            },\n            content: async () => {\n              return (await getContent())\n                .$$(dataHook(AI_MODAL_RESULTS_CONTENT_ITEM))\n                .at(index)\n                .text();\n            },\n            actions: {\n              firstActionButton: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$$(dataHook(AI_MODAL_RESULTS_FIST_ACTION_BUTTON)).at(index),\n                  getBase()\n                ),\n              secondActionButton: async () =>\n                ButtonUniDriver(\n                  (await getContent())\n                    .$$(dataHook(AI_MODAL_RESULTS_SECOND_ACTION_BUTTON))\n                    .at(index),\n                  getBase()\n                ),\n              actionsMenuTrigger: async () =>\n                IconButtonUniDriver(\n                  (await getContent())\n                    .$$(`button${dataHook(AI_MODAL_RESULTS_ACTIONS_POPOVER_TRIGGER)}`)\n                    .at(index),\n                  getBase()\n                ),\n              actionsMenu: async () =>\n                PopoverMenuUniDriver(\n                  (await getContent()).$$(dataHook(AI_MODAL_RESULTS_ACTIONS_POPOVER)).at(index),\n                  getBase()\n                ),\n            },\n          };\n        },\n      },\n      error: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_ERROR_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_ERROR_CONTAINER)).exists(),\n        retryButton: ButtonUniDriver(getBase().$(dataHook(AI_MODAL_ERROR_RETRY_BUTTON)), getBase()),\n        cancelButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_MODAL_ERROR_CANCEL_BUTTON)),\n          getBase()\n        ),\n      },\n      noSelectionMessage: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_NO_SELECTION_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_NO_SELECTION_CONTAINER)).exists(),\n      },\n    },\n    imageModal: {\n      getNativeElement: async () => {\n        const modal = await getBase().get(dataHook(AI_IMAGE_MODAL_ROOT));\n        return modal.getNative();\n      },\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_IMAGE_MODAL_ROOT));\n      },\n      exists: async () => {\n        try {\n          const sidePanelDriver = SidePanelUniDriver(\n            getBase().$(dataHook(AI_IMAGE_MODAL_ROOT)),\n            getBase()\n          );\n          return sidePanelDriver.exists();\n        } catch {\n          return false;\n        }\n      },\n      close: async () => {\n        const sidePanelDriver = SidePanelUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ROOT)),\n          getBase()\n        );\n        return sidePanelDriver.clickClose();\n      },\n      input: InputAreaUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_INPUT)), getBase()),\n      cancelButton: ButtonUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_CANCEL_BUTTON)), getBase()),\n      submitButton: ButtonUniDriver(getBase().$(dataHook(AI_IMAGE_MODAL_SUBMIT_BUTTON)), getBase()),\n      imageStyle: PopoverMenuUniDriver(\n        getBase().$(dataHook(AI_IMAGE_MODAL_IMAGE_STYLE)),\n        getBase()\n      ),\n      promptHelper: {\n        popover: PopoverUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER)),\n          getBase()\n        ),\n        closeButton: CloseButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_PROMPT_HELPER_POPOVER_CLOSE)),\n          getBase()\n        ),\n      },\n      feed: {\n        atIndex: (index: number) => {\n          const getContent = async () => {\n            return getBase().$$(dataHook(AI_IMAGE_MODAL_FEED_ITEM)).at(index);\n          };\n\n          return {\n            exists: async () => {\n              return (await getContent()).exists();\n            },\n            waitForElement: async () => {\n              await (await getContent()).exists();\n            },\n            isLoading: async () => {\n              return (await getContent()).$(dataHook(AI_IMAGE_MODAL_FEED_LOADER)).exists();\n            },\n            actions: {\n              insertAbove: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT_ABOVE)),\n                  getBase()\n                ),\n              insertBelow: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT_BELOW)),\n                  getBase()\n                ),\n              insert: async () =>\n                ButtonUniDriver(\n                  (await getContent()).$(dataHook(AI_IMAGE_MODAL_ACTION_INSERT)),\n                  getBase()\n                ),\n            },\n          };\n        },\n      },\n      error: {\n        waitForElement: async () => {\n          await getBase().get(dataHook(AI_MODAL_ERROR_CONTAINER));\n        },\n        exists: () => getBase().$(dataHook(AI_MODAL_ERROR_CONTAINER)).exists(),\n        retryButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ERROR_RETRY_BUTTON)),\n          getBase()\n        ),\n        cancelButton: ButtonUniDriver(\n          getBase().$(dataHook(AI_IMAGE_MODAL_ERROR_CANCEL_BUTTON)),\n          getBase()\n        ),\n      },\n    },\n    flowSelectionPopover: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_FLOW_SELECTION_POPOVER));\n      },\n      popover: createDropdownModalUniDriver(getBase, AI_FLOW_SELECTION_POPOVER),\n    },\n    discardModal: MessageModalLayoutUniDriver(\n      getBase().$(dataHook(AI_MODAL_DISCARD_MODAL)),\n      getBase()\n    ),\n    toolbars: {\n      createTextButtonToolbars: (getTextButtonToolbarBase: () => UniDriver<Element>) => {\n        return {\n          click: async () => {\n            const button = await getTextButtonToolbarBase().get(dataHook(TEXT_BUTTON_AI));\n            await button.click();\n          },\n        };\n      },\n    },\n    popover: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_MODAL_FLOATING_MENU_POPOVER));\n      },\n      popover: createDropdownModalUniDriver(getBase, AI_MODAL_FLOATING_MENU_POPOVER),\n    },\n    menu: {\n      waitForElement: async () => {\n        await getBase().get(dataHook(AI_MENU_POPOVER));\n      },\n      popover: createDropdownModalUniDriver(getBase, AI_MENU_POPOVER),\n      promptInput: InputUniDriver(getBase().$(dataHook(AI_MENU_PROMPT_INPUT)), getBase()),\n    },\n    integrations: {\n      captionTrigger: {\n        button: IconButtonUniDriver(\n          getBase().$(dataHook(AI_EXPORTS_CAPTION_TRIGGER_BUTTON)),\n          getBase()\n        ),\n      },\n      altTextInput: {\n        input: {\n          waitForElement: async () => {\n            await getBase().get(dataHook(AI_EXPORTS_ALT_TEXT_INPUT_AREA));\n          },\n          ...InputAreaUniDriver(getBase().$(dataHook(AI_EXPORTS_ALT_TEXT_INPUT_AREA)), getBase()),\n        },\n        generateButton: TextButtonUniDriver(\n          getBase().$(dataHook(AI_EXPORTS_ALT_TEXT_GENERATE_BUTTON)),\n          getBase()\n        ),\n      },\n    },\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

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": "_264nu",
-  "accentColor": "-KAkW"
+  "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\": \"_264nu\",\n  \"accentColor\": \"-KAkW\"\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 { 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 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  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;AAQO,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);