@wix/ricos 11.24.1 → 11.25.0

package/dist/cjs/plugin-ai/ai-content-modal/no-selection-message/no-selection-message-scss.js

@@ -22,6 +22,6 @@ __export(no_selection_message_exports, {
 });
 module.exports = __toCommonJS(no_selection_message_exports);
 var no_selection_message_default = {
-  "paragraph": "MoLQc"
+  "paragraph": "r9qrW"
 };
 //# sourceMappingURL=no-selection-message-scss.js.map

package/dist/cjs/plugin-ai/ai-content-modal/no-selection-message/no-selection-message-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-content-modal/no-selection-message/no-selection-message.scss"],
-  "sourcesContent": ["export default {\n  \"paragraph\": \"MoLQc\"\n};"],
+  "sourcesContent": ["export default {\n  \"paragraph\": \"r9qrW\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-ai/ai-content-modal/text-cursor/text-cursor-scss.js

@@ -22,7 +22,7 @@ __export(text_cursor_exports, {
 });
 module.exports = __toCommonJS(text_cursor_exports);
 var text_cursor_default = {
-  "cursor": "Ccr-u",
-  "cursor-blink": "gZxJN"
+  "cursor": "zyuEr",
+  "cursor-blink": "bsBsS"
 };
 //# sourceMappingURL=text-cursor-scss.js.map

package/dist/cjs/plugin-ai/ai-content-modal/text-cursor/text-cursor-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-content-modal/text-cursor/text-cursor.scss"],
-  "sourcesContent": ["export default {\n  \"cursor\": \"Ccr-u\",\n  \"cursor-blink\": \"gZxJN\"\n};"],
+  "sourcesContent": ["export default {\n  \"cursor\": \"zyuEr\",\n  \"cursor-blink\": \"bsBsS\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/plugin-ai/ai-content-modal/textual-prompt-input-area/textual-prompt-input-area-scss.js

@@ -22,10 +22,10 @@ __export(textual_prompt_input_area_exports, {
 });
 module.exports = __toCommonJS(textual_prompt_input_area_exports);
 var textual_prompt_input_area_default = {
-  "buttonWrapper": "dtSH8",
-  "visibleSubmit": "_63XiD",
-  "submitButton": "kdA1X",
-  "cancelButton": "Dn5I3",
-  "visibleCancel": "KHvtl"
+  "buttonWrapper": "Fo0w4",
+  "visibleSubmit": "rOU2U",
+  "submitButton": "IjWIn",
+  "cancelButton": "ZiCnF",
+  "visibleCancel": "qJ3lP"
 };
 //# sourceMappingURL=textual-prompt-input-area-scss.js.map

package/dist/cjs/plugin-ai/ai-content-modal/textual-prompt-input-area/textual-prompt-input-area-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-content-modal/textual-prompt-input-area/textual-prompt-input-area.scss"],
-  "sourcesContent": ["export default {\n  \"buttonWrapper\": \"dtSH8\",\n  \"visibleSubmit\": \"_63XiD\",\n  \"submitButton\": \"kdA1X\",\n  \"cancelButton\": \"Dn5I3\",\n  \"visibleCancel\": \"KHvtl\"\n};"],
+  "sourcesContent": ["export default {\n  \"buttonWrapper\": \"Fo0w4\",\n  \"visibleSubmit\": \"rOU2U\",\n  \"submitButton\": \"IjWIn\",\n  \"cancelButton\": \"ZiCnF\",\n  \"visibleCancel\": \"qJ3lP\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oCAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-ai/ai-image-modal/ai-image-modal-scss.js

@@ -22,11 +22,11 @@ __export(ai_image_modal_exports, {
 });
 module.exports = __toCommonJS(ai_image_modal_exports);
 var ai_image_modal_default = {
-  "content": "eTCGp",
-  "padded": "TuzJF",
-  "contentScrollReverse": "petkS",
-  "footer": "o2Ja0",
-  "closeButton": "Slsro",
-  "progressIndicator": "Gii3T"
+  "content": "rKk54",
+  "padded": "_9G1eD",
+  "contentScrollReverse": "aFkpC",
+  "footer": "AspXL",
+  "closeButton": "ZMWd7",
+  "progressIndicator": "jmjc4"
 };
 //# sourceMappingURL=ai-image-modal-scss.js.map

package/dist/cjs/plugin-ai/ai-image-modal/ai-image-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/ai-image-modal/ai-image-modal.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"eTCGp\",\n  \"padded\": \"TuzJF\",\n  \"contentScrollReverse\": \"petkS\",\n  \"footer\": \"o2Ja0\",\n  \"closeButton\": \"Slsro\",\n  \"progressIndicator\": \"Gii3T\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"rKk54\",\n  \"padded\": \"_9G1eD\",\n  \"contentScrollReverse\": \"aFkpC\",\n  \"footer\": \"AspXL\",\n  \"closeButton\": \"ZMWd7\",\n  \"progressIndicator\": \"jmjc4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/plugin-ai/ai-image-modal/slice/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-image-modal/slice/types.ts"],
-  "sourcesContent": ["import type { IMAGE_STYLES } from '../consts.js';\n\nexport type ImageStyle = keyof typeof IMAGE_STYLES;\n\nexport type InsertPosition = 'above' | 'below';\n\nexport type Entry =\n  | {\n      type: 'GENERATING';\n    }\n  | {\n      type: 'GENERATED';\n      url: string;\n      file: File;\n    };\n\ntype InitializingState = {\n  type: 'INITIALIZING';\n  imageStyle: ImageStyle;\n  requestId: string;\n};\n\ntype InitialState = {\n  type: 'INITIAL';\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  isDirty: boolean;\n  validationError?: string;\n  rateLimitError?: string;\n};\n\ntype InProgressState = {\n  type: 'IN_PROGRESS';\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  entries: Entry[];\n  requestId: string;\n  isDirty: boolean;\n};\n\ntype ResultsState = {\n  type: 'RESULTS';\n  entries: Entry[];\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  isDirty: boolean;\n  validationError?: string;\n  rateLimitError?: string;\n};\n\ntype ErrorState = {\n  type: 'ERROR';\n  entries: Entry[];\n  requestPrompt: string;\n  requestImageStyle: ImageStyle;\n  isDirty: boolean;\n};\n\nexport type AiImageModalState =\n  | InitializingState\n  | InitialState\n  | InProgressState\n  | ResultsState\n  | ErrorState;\n\ntype Initialize = {\n  type: 'INITIALIZE';\n  payload: {\n    requestId: string;\n  };\n};\n\ntype DoneInitialize = {\n  type: 'DONE_INITIALIZE';\n  payload: {\n    requestId: string;\n    value: string;\n  };\n};\n\ntype SetPromptValue = {\n  type: 'SET_PROMPT_VALUE';\n  payload: {\n    value: string;\n  };\n};\n\ntype SetImageStyleValue = {\n  type: 'SET_IMAGE_STYLE_VALUE';\n  payload: {\n    value: ImageStyle;\n  };\n};\n\ntype SubmitPrompt = {\n  type: 'SUBMIT_PROMPT';\n  payload: {\n    requestId: string;\n  };\n};\n\ntype FinishLoading = {\n  type: 'FINISH_LOADING';\n  payload: {\n    file: File;\n    result: string;\n    requestId: string;\n  };\n};\n\ntype CancelPrompt = {\n  type: 'CANCEL_PROMPT';\n};\n\ntype SetError = {\n  type: 'SET_ERROR';\n  payload: {\n    requestPrompt: string;\n    requestImageStyle: ImageStyle;\n  };\n};\n\ntype GoBack = {\n  type: 'GO_BACK';\n};\n\ntype SetValidationError = {\n  type: 'SET_VALIDATION_ERROR';\n  payload: string;\n};\n\ntype SetRateLimitError = {\n  type: 'SET_RATE_LIMIT_ERROR';\n  payload: string;\n};\n\nexport type AiImageModalAction =\n  | DoneInitialize\n  | Initialize\n  | SetPromptValue\n  | SetImageStyleValue\n  | SubmitPrompt\n  | CancelPrompt\n  | FinishLoading\n  | SetError\n  | GoBack\n  | SetValidationError\n  | SetRateLimitError;\n"],
+  "sourcesContent": ["import type { AiGeneratedImage } from '../../types.js';\nimport type { IMAGE_STYLES } from '../consts.js';\n\nexport type ImageStyle = keyof typeof IMAGE_STYLES;\n\nexport type InsertPosition = 'above' | 'below';\n\nexport type Entry =\n  | {\n      type: 'GENERATING';\n    }\n  | {\n      type: 'GENERATED';\n      url: string;\n      file?: File;\n      image?: AiGeneratedImage;\n    };\n\ntype InitializingState = {\n  type: 'INITIALIZING';\n  imageStyle: ImageStyle;\n  requestId: string;\n};\n\ntype InitialState = {\n  type: 'INITIAL';\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  isDirty: boolean;\n  validationError?: string;\n  rateLimitError?: string;\n};\n\ntype InProgressState = {\n  type: 'IN_PROGRESS';\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  entries: Entry[];\n  requestId: string;\n  isDirty: boolean;\n};\n\ntype ResultsState = {\n  type: 'RESULTS';\n  entries: Entry[];\n  textualPrompt: string;\n  imageStyle: ImageStyle;\n  isDirty: boolean;\n  validationError?: string;\n  rateLimitError?: string;\n};\n\ntype ErrorState = {\n  type: 'ERROR';\n  entries: Entry[];\n  requestPrompt: string;\n  requestImageStyle: ImageStyle;\n  isDirty: boolean;\n};\n\nexport type AiImageModalState =\n  | InitializingState\n  | InitialState\n  | InProgressState\n  | ResultsState\n  | ErrorState;\n\ntype Initialize = {\n  type: 'INITIALIZE';\n  payload: {\n    requestId: string;\n  };\n};\n\ntype DoneInitialize = {\n  type: 'DONE_INITIALIZE';\n  payload: {\n    requestId: string;\n    value: string;\n  };\n};\n\ntype SetPromptValue = {\n  type: 'SET_PROMPT_VALUE';\n  payload: {\n    value: string;\n  };\n};\n\ntype SetImageStyleValue = {\n  type: 'SET_IMAGE_STYLE_VALUE';\n  payload: {\n    value: ImageStyle;\n  };\n};\n\ntype SubmitPrompt = {\n  type: 'SUBMIT_PROMPT';\n  payload: {\n    requestId: string;\n  };\n};\n\ntype FinishLoading = {\n  type: 'FINISH_LOADING';\n  payload: {\n    file?: File;\n    image?: AiGeneratedImage;\n    result: string;\n    requestId: string;\n  };\n};\n\ntype CancelPrompt = {\n  type: 'CANCEL_PROMPT';\n};\n\ntype SetError = {\n  type: 'SET_ERROR';\n  payload: {\n    requestPrompt: string;\n    requestImageStyle: ImageStyle;\n  };\n};\n\ntype GoBack = {\n  type: 'GO_BACK';\n};\n\ntype SetValidationError = {\n  type: 'SET_VALIDATION_ERROR';\n  payload: string;\n};\n\ntype SetRateLimitError = {\n  type: 'SET_RATE_LIMIT_ERROR';\n  payload: string;\n};\n\nexport type AiImageModalAction =\n  | DoneInitialize\n  | Initialize\n  | SetPromptValue\n  | SetImageStyleValue\n  | SubmitPrompt\n  | CancelPrompt\n  | FinishLoading\n  | SetError\n  | GoBack\n  | SetValidationError\n  | SetRateLimitError;\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/plugin-ai/ai-image-modal/slice/use-ai-image-modal-actions.js

@@ -44,7 +44,9 @@ const useAiImageModalActions = ({
   saveImageStyle,
   savedConvertedPromptHelperValue,
   setConvertedPromptHelperVisible,
-  publishModalAction
+  publishModalAction,
+  selection,
+  imageGeneration
 }) => {
   const { adapter, getPublicCommands } = import_react.default.useContext(import_ricos_context.EditorContext);
   const config = import_react.default.useMemo(
@@ -52,6 +54,8 @@ const useAiImageModalActions = ({
     [getGatewayBaseUrl, appDefId]
   );
   const { fetchImagePrompt, fetchPromptFromSelection } = (0, import_use_ai_request_service.useAiRequestService)(config);
+  const generationRef = import_react.default.useRef();
+  import_react.default.useEffect(() => () => generationRef.current?.abort(), []);
   const setPromptValue = import_react.default.useCallback((value) => {
     dispatch({
       type: "SET_PROMPT_VALUE",
@@ -71,6 +75,9 @@ const useAiImageModalActions = ({
   }, []);
   const submitPrompt = import_react.default.useCallback(
     async (prompt, imageStyle, options = { isDirty: false, isRetry: false }) => {
+      generationRef.current?.abort();
+      const controller = new AbortController();
+      generationRef.current = controller;
       const requestId = Date.now().toString();
       dispatch({
         type: "SUBMIT_PROMPT",
@@ -88,7 +95,30 @@ const useAiImageModalActions = ({
         );
       }
       try {
+        if (imageGeneration) {
+          const image = await imageGeneration.generateImage({
+            prompt,
+            selection,
+            imageStyle,
+            signal: controller.signal
+          });
+          if (controller.signal.aborted) {
+            return;
+          }
+          if (typeof image.id !== "string" || !image.id.trim() || typeof image.url !== "string" || !image.url.trim()) {
+            throw new Error("Generated image must include a media ID and preview URL");
+          }
+          focusInputArea();
+          dispatch({
+            type: "FINISH_LOADING",
+            payload: { image, result: image.url, requestId }
+          });
+          return;
+        }
         const response = await fetchImagePrompt({ prompt, imageStyle });
+        if (controller.signal.aborted) {
+          return;
+        }
         switch (response.type) {
           case "ERROR":
             throw new Error(response.error);
@@ -124,6 +154,9 @@ const useAiImageModalActions = ({
         });
         focusInputArea();
       } catch {
+        if (controller.signal.aborted) {
+          return;
+        }
         publishModalAction("image_prompt_error", prompt, imageStyle);
         dispatch({
           type: "SET_ERROR",
@@ -134,21 +167,42 @@ const useAiImageModalActions = ({
         });
       }
     },
-    [fetchImagePrompt]
+    [fetchImagePrompt, imageGeneration, selection, focusInputArea, publishModalAction]
   );
   const insertImage = import_react.default.useCallback(
     async (entry, position) => {
       if ((0, import_ts_utils.isOfType)(["GENERATING"], entry)) {
         return;
       }
-      adapter.tiptapEditor.commands.insertImageFromFile(entry.file, position, getPublicCommands());
+      if (entry.image) {
+        adapter.tiptapEditor.commands.insertImageFromMedia(
+          {
+            image: {
+              src: { id: entry.image.id },
+              width: entry.image.width,
+              height: entry.image.height
+            },
+            altText: entry.image.altText
+          },
+          position,
+          getPublicCommands()
+        );
+      } else if (entry.file) {
+        adapter.tiptapEditor.commands.insertImageFromFile(
+          entry.file,
+          position,
+          getPublicCommands()
+        );
+      } else {
+        return;
+      }
       publishModalAction(`insert-${position}`);
       return true;
     },
-    [adapter]
+    [adapter, getPublicCommands, publishModalAction]
   );
   const tryConvertingSelectionToPrompt = import_react.default.useCallback(
-    async (selection) => {
+    async (selection2) => {
       const requestId = Date.now().toString();
       try {
         dispatch({
@@ -157,7 +211,7 @@ const useAiImageModalActions = ({
             requestId
           }
         });
-        const response = await fetchPromptFromSelection({ selection });
+        const response = await fetchPromptFromSelection({ selection: selection2 });
         if (response.type === "ERROR" || response.type === "VALIDATION_ERROR" || response.type === "RATE_LIMIT_ERROR") {
           throw new Error(response.error);
         }
@@ -177,7 +231,7 @@ const useAiImageModalActions = ({
         dispatch({
           type: "DONE_INITIALIZE",
           payload: {
-            value: selection,
+            value: selection2,
             requestId
           }
         });
@@ -187,6 +241,7 @@ const useAiImageModalActions = ({
     [fetchPromptFromSelection]
   );
   const cancelPrompt = import_react.default.useCallback(() => {
+    generationRef.current?.abort();
     if (state.type === "IN_PROGRESS") {
       focusInputArea();
     }

package/dist/cjs/plugin-ai/ai-image-modal/slice/use-ai-image-modal-actions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-image-modal/slice/use-ai-image-modal-actions.ts"],
-  "sourcesContent": ["import React from 'react';\n\nimport { EditorContext } from './../../../ricos-context/index.js';\n\nimport { isOfType } from '../../ts-utils.js';\nimport type { AiPluginEditorConfig } from '../../types.js';\nimport { useAiRequestService } from '../../utils/use-ai-request-service.js';\nimport type {\n  AiImageModalAction,\n  AiImageModalState,\n  Entry,\n  ImageStyle,\n  InsertPosition,\n} from './types.js';\n\ntype UseImageModalActionsProps = {\n  state: AiImageModalState;\n  dispatch: React.Dispatch<AiImageModalAction>;\n  focusInputArea: () => void;\n  saveImageStyle: (value: ImageStyle) => void;\n  savedConvertedPromptHelperValue: boolean;\n  setConvertedPromptHelperVisible: (value: boolean) => void;\n  publishModalAction: (action: string, value?: string, imageStyle?: string) => void;\n} & Pick<AiPluginEditorConfig, 'getGatewayBaseUrl' | 'appDefId'>;\n\nexport const useAiImageModalActions = ({\n  state,\n  dispatch,\n  getGatewayBaseUrl,\n  appDefId,\n  focusInputArea,\n  saveImageStyle,\n  savedConvertedPromptHelperValue,\n  setConvertedPromptHelperVisible,\n  publishModalAction,\n}: UseImageModalActionsProps) => {\n  const { adapter, getPublicCommands } = React.useContext(EditorContext);\n  const config = React.useMemo(\n    () => ({ type: 'ai' as const, getGatewayBaseUrl, appDefId }),\n    [getGatewayBaseUrl, appDefId]\n  );\n  const { fetchImagePrompt, fetchPromptFromSelection } = useAiRequestService(config);\n\n  const setPromptValue = React.useCallback((value: string) => {\n    dispatch({\n      type: 'SET_PROMPT_VALUE',\n      payload: {\n        value,\n      },\n    });\n  }, []);\n\n  const setImageStyleValue = React.useCallback((value: ImageStyle) => {\n    dispatch({\n      type: 'SET_IMAGE_STYLE_VALUE',\n      payload: {\n        value,\n      },\n    });\n\n    saveImageStyle(value);\n  }, []);\n\n  const submitPrompt = React.useCallback(\n    async (\n      prompt: string,\n      imageStyle: ImageStyle,\n      options: { isDirty: boolean; isRetry?: boolean } = { isDirty: false, isRetry: false }\n    ) => {\n      const requestId = Date.now().toString();\n      dispatch({\n        type: 'SUBMIT_PROMPT',\n        payload: {\n          requestId,\n        },\n      });\n\n      if (options.isRetry) {\n        publishModalAction('retry_image_prompt', prompt, imageStyle);\n      } else {\n        publishModalAction(\n          options.isDirty ? 'free_image_prompt' : 'image_prompt',\n          prompt,\n          imageStyle\n        );\n      }\n\n      try {\n        const response = await fetchImagePrompt({ prompt, imageStyle });\n\n        switch (response.type) {\n          case 'ERROR':\n            throw new Error(response.error);\n\n          case 'VALIDATION_ERROR':\n            dispatch({\n              type: 'SET_VALIDATION_ERROR',\n              payload: response.error,\n            });\n            return;\n\n          case 'RATE_LIMIT_ERROR':\n            dispatch({\n              type: 'SET_RATE_LIMIT_ERROR',\n              payload: response.error,\n            });\n            return;\n\n          default:\n            break;\n        }\n\n        const { url, blob } = response.results;\n        const type = blob?.type?.split('/')?.[1] || 'png';\n\n        focusInputArea();\n        dispatch({\n          type: 'FINISH_LOADING',\n          payload: {\n            file: new File(\n              [blob],\n              `generated_image_${Date.now()}.${type}`,\n              blob?.type ? { type: blob.type } : undefined\n            ),\n            result: url,\n            requestId,\n          },\n        });\n        focusInputArea();\n      } catch {\n        publishModalAction('image_prompt_error', prompt, imageStyle);\n        dispatch({\n          type: 'SET_ERROR',\n          payload: {\n            requestPrompt: prompt,\n            requestImageStyle: imageStyle,\n          },\n        });\n      }\n    },\n    [fetchImagePrompt]\n  );\n\n  const insertImage = React.useCallback(\n    async (entry: Entry, position: InsertPosition) => {\n      if (isOfType(['GENERATING'], entry)) {\n        return;\n      }\n\n      adapter.tiptapEditor.commands.insertImageFromFile(entry.file, position, getPublicCommands());\n      publishModalAction(`insert-${position}`);\n\n      return true;\n    },\n    [adapter]\n  );\n\n  const tryConvertingSelectionToPrompt = React.useCallback(\n    async (selection: string) => {\n      const requestId = Date.now().toString();\n      try {\n        dispatch({\n          type: 'INITIALIZE',\n          payload: {\n            requestId,\n          },\n        });\n\n        const response = await fetchPromptFromSelection({ selection });\n\n        if (\n          response.type === 'ERROR' ||\n          response.type === 'VALIDATION_ERROR' ||\n          response.type === 'RATE_LIMIT_ERROR'\n        ) {\n          throw new Error(response.error);\n        }\n\n        publishModalAction(`convert_text_to_prompt`, response.results[0]);\n\n        focusInputArea();\n        dispatch({\n          type: 'DONE_INITIALIZE',\n          payload: {\n            value: response.results[0],\n            requestId,\n          },\n        });\n        setConvertedPromptHelperVisible(savedConvertedPromptHelperValue);\n        focusInputArea();\n      } catch {\n        publishModalAction(`convert_text_to_prompt_error`);\n        dispatch({\n          type: 'DONE_INITIALIZE',\n          payload: {\n            value: selection,\n            requestId,\n          },\n        });\n        setConvertedPromptHelperVisible(false);\n      }\n    },\n    [fetchPromptFromSelection]\n  );\n\n  const cancelPrompt = React.useCallback(() => {\n    if (state.type === 'IN_PROGRESS') {\n      focusInputArea();\n    }\n\n    publishModalAction('cancel_image_prompt');\n\n    dispatch({\n      type: 'CANCEL_PROMPT',\n    });\n  }, [state]);\n\n  const retryPrompt = React.useCallback(() => {\n    if (!isOfType(['ERROR'], state)) {\n      return;\n    }\n\n    return submitPrompt(state.requestPrompt, state.requestImageStyle, {\n      isDirty: state.isDirty,\n      isRetry: true,\n    });\n  }, [state, submitPrompt]);\n\n  const goBack = React.useCallback(() => {\n    dispatch({\n      type: 'GO_BACK',\n    });\n  }, [state]);\n\n  return {\n    setPromptValue,\n    tryConvertingSelectionToPrompt,\n    setImageStyleValue,\n    insertImage,\n    submitPrompt,\n    cancelPrompt,\n    retryPrompt,\n    goBack,\n  };\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "sourcesContent": ["import React from 'react';\n\nimport { EditorContext } from './../../../ricos-context/index.js';\n\nimport { isOfType } from '../../ts-utils.js';\nimport type { AiPluginEditorConfig } from '../../types.js';\nimport { useAiRequestService } from '../../utils/use-ai-request-service.js';\nimport type {\n  AiImageModalAction,\n  AiImageModalState,\n  Entry,\n  ImageStyle,\n  InsertPosition,\n} from './types.js';\n\ntype UseImageModalActionsProps = {\n  state: AiImageModalState;\n  dispatch: React.Dispatch<AiImageModalAction>;\n  focusInputArea: () => void;\n  saveImageStyle: (value: ImageStyle) => void;\n  savedConvertedPromptHelperValue: boolean;\n  setConvertedPromptHelperVisible: (value: boolean) => void;\n  publishModalAction: (action: string, value?: string, imageStyle?: string) => void;\n  selection: string;\n} & Pick<AiPluginEditorConfig, 'getGatewayBaseUrl' | 'appDefId' | 'imageGeneration'>;\n\nexport const useAiImageModalActions = ({\n  state,\n  dispatch,\n  getGatewayBaseUrl,\n  appDefId,\n  focusInputArea,\n  saveImageStyle,\n  savedConvertedPromptHelperValue,\n  setConvertedPromptHelperVisible,\n  publishModalAction,\n  selection,\n  imageGeneration,\n}: UseImageModalActionsProps) => {\n  const { adapter, getPublicCommands } = React.useContext(EditorContext);\n  const config = React.useMemo(\n    () => ({ type: 'ai' as const, getGatewayBaseUrl, appDefId }),\n    [getGatewayBaseUrl, appDefId]\n  );\n  const { fetchImagePrompt, fetchPromptFromSelection } = useAiRequestService(config);\n  const generationRef = React.useRef<AbortController>();\n  React.useEffect(() => () => generationRef.current?.abort(), []);\n\n  const setPromptValue = React.useCallback((value: string) => {\n    dispatch({\n      type: 'SET_PROMPT_VALUE',\n      payload: {\n        value,\n      },\n    });\n  }, []);\n\n  const setImageStyleValue = React.useCallback((value: ImageStyle) => {\n    dispatch({\n      type: 'SET_IMAGE_STYLE_VALUE',\n      payload: {\n        value,\n      },\n    });\n\n    saveImageStyle(value);\n  }, []);\n\n  const submitPrompt = React.useCallback(\n    async (\n      prompt: string,\n      imageStyle: ImageStyle,\n      options: { isDirty: boolean; isRetry?: boolean } = { isDirty: false, isRetry: false }\n    ) => {\n      generationRef.current?.abort();\n      const controller = new AbortController();\n      generationRef.current = controller;\n      const requestId = Date.now().toString();\n      dispatch({\n        type: 'SUBMIT_PROMPT',\n        payload: {\n          requestId,\n        },\n      });\n\n      if (options.isRetry) {\n        publishModalAction('retry_image_prompt', prompt, imageStyle);\n      } else {\n        publishModalAction(\n          options.isDirty ? 'free_image_prompt' : 'image_prompt',\n          prompt,\n          imageStyle\n        );\n      }\n\n      try {\n        if (imageGeneration) {\n          const image = await imageGeneration.generateImage({\n            prompt,\n            selection,\n            imageStyle,\n            signal: controller.signal,\n          });\n          if (controller.signal.aborted) {\n            return;\n          }\n          if (\n            typeof image.id !== 'string' ||\n            !image.id.trim() ||\n            typeof image.url !== 'string' ||\n            !image.url.trim()\n          ) {\n            throw new Error('Generated image must include a media ID and preview URL');\n          }\n          focusInputArea();\n          dispatch({\n            type: 'FINISH_LOADING',\n            payload: { image, result: image.url, requestId },\n          });\n          return;\n        }\n        const response = await fetchImagePrompt({ prompt, imageStyle });\n        if (controller.signal.aborted) {\n          return;\n        }\n\n        switch (response.type) {\n          case 'ERROR':\n            throw new Error(response.error);\n\n          case 'VALIDATION_ERROR':\n            dispatch({\n              type: 'SET_VALIDATION_ERROR',\n              payload: response.error,\n            });\n            return;\n\n          case 'RATE_LIMIT_ERROR':\n            dispatch({\n              type: 'SET_RATE_LIMIT_ERROR',\n              payload: response.error,\n            });\n            return;\n\n          default:\n            break;\n        }\n\n        const { url, blob } = response.results;\n        const type = blob?.type?.split('/')?.[1] || 'png';\n\n        focusInputArea();\n        dispatch({\n          type: 'FINISH_LOADING',\n          payload: {\n            file: new File(\n              [blob],\n              `generated_image_${Date.now()}.${type}`,\n              blob?.type ? { type: blob.type } : undefined\n            ),\n            result: url,\n            requestId,\n          },\n        });\n        focusInputArea();\n      } catch {\n        if (controller.signal.aborted) {\n          return;\n        }\n        publishModalAction('image_prompt_error', prompt, imageStyle);\n        dispatch({\n          type: 'SET_ERROR',\n          payload: {\n            requestPrompt: prompt,\n            requestImageStyle: imageStyle,\n          },\n        });\n      }\n    },\n    [fetchImagePrompt, imageGeneration, selection, focusInputArea, publishModalAction]\n  );\n\n  const insertImage = React.useCallback(\n    async (entry: Entry, position: InsertPosition) => {\n      if (isOfType(['GENERATING'], entry)) {\n        return;\n      }\n\n      if (entry.image) {\n        adapter.tiptapEditor.commands.insertImageFromMedia(\n          {\n            image: {\n              src: { id: entry.image.id },\n              width: entry.image.width,\n              height: entry.image.height,\n            },\n            altText: entry.image.altText,\n          },\n          position,\n          getPublicCommands()\n        );\n      } else if (entry.file) {\n        adapter.tiptapEditor.commands.insertImageFromFile(\n          entry.file,\n          position,\n          getPublicCommands()\n        );\n      } else {\n        return;\n      }\n      publishModalAction(`insert-${position}`);\n      return true;\n    },\n    [adapter, getPublicCommands, publishModalAction]\n  );\n\n  const tryConvertingSelectionToPrompt = React.useCallback(\n    async (selection: string) => {\n      const requestId = Date.now().toString();\n      try {\n        dispatch({\n          type: 'INITIALIZE',\n          payload: {\n            requestId,\n          },\n        });\n\n        const response = await fetchPromptFromSelection({ selection });\n\n        if (\n          response.type === 'ERROR' ||\n          response.type === 'VALIDATION_ERROR' ||\n          response.type === 'RATE_LIMIT_ERROR'\n        ) {\n          throw new Error(response.error);\n        }\n\n        publishModalAction(`convert_text_to_prompt`, response.results[0]);\n\n        focusInputArea();\n        dispatch({\n          type: 'DONE_INITIALIZE',\n          payload: {\n            value: response.results[0],\n            requestId,\n          },\n        });\n        setConvertedPromptHelperVisible(savedConvertedPromptHelperValue);\n        focusInputArea();\n      } catch {\n        publishModalAction(`convert_text_to_prompt_error`);\n        dispatch({\n          type: 'DONE_INITIALIZE',\n          payload: {\n            value: selection,\n            requestId,\n          },\n        });\n        setConvertedPromptHelperVisible(false);\n      }\n    },\n    [fetchPromptFromSelection]\n  );\n\n  const cancelPrompt = React.useCallback(() => {\n    generationRef.current?.abort();\n    if (state.type === 'IN_PROGRESS') {\n      focusInputArea();\n    }\n\n    publishModalAction('cancel_image_prompt');\n\n    dispatch({\n      type: 'CANCEL_PROMPT',\n    });\n  }, [state]);\n\n  const retryPrompt = React.useCallback(() => {\n    if (!isOfType(['ERROR'], state)) {\n      return;\n    }\n\n    return submitPrompt(state.requestPrompt, state.requestImageStyle, {\n      isDirty: state.isDirty,\n      isRetry: true,\n    });\n  }, [state, submitPrompt]);\n\n  const goBack = React.useCallback(() => {\n    dispatch({\n      type: 'GO_BACK',\n    });\n  }, [state]);\n\n  return {\n    setPromptValue,\n    tryConvertingSelectionToPrompt,\n    setImageStyleValue,\n    insertImage,\n    submitPrompt,\n    cancelPrompt,\n    retryPrompt,\n    goBack,\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["React", "selection"]
 }

package/dist/cjs/plugin-ai/ai-image-modal/slice/use-ai-image-modal-reducer.js

@@ -35,10 +35,11 @@ var import_react = __toESM(require("react"));
 var import_ts_utils = require("../../ts-utils.js");
 const createInitialState = ({
   imageStyle,
-  convertSelectionToPrompt
+  convertSelectionToPrompt,
+  initialPrompt = ""
 }) => convertSelectionToPrompt ? { type: "INITIALIZING", imageStyle, requestId: "" } : {
   type: "INITIAL",
-  textualPrompt: "",
+  textualPrompt: initialPrompt,
   imageStyle,
   isDirty: false,
   validationError: void 0,
@@ -155,7 +156,12 @@ const aiModalStateReducer = (state, action) => {
           type: "RESULTS",
           entries: [
             ...state.entries.slice(0, -1),
-            { type: "GENERATED", url: action.payload.result, file: action.payload.file }
+            {
+              type: "GENERATED",
+              url: action.payload.result,
+              file: action.payload.file,
+              ...action.payload.image ? { image: action.payload.image } : {}
+            }
           ],
           textualPrompt: state.textualPrompt,
           imageStyle: state.imageStyle,

package/dist/cjs/plugin-ai/ai-image-modal/slice/use-ai-image-modal-reducer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-ai/ai-image-modal/slice/use-ai-image-modal-reducer.ts"],
-  "sourcesContent": ["import React from 'react';\n\nimport { isOfType } from '../../ts-utils.js';\nimport type { AiImageModalAction, AiImageModalState, ImageStyle } from './types.js';\n\nconst createInitialState = ({\n  imageStyle,\n  convertSelectionToPrompt,\n}: {\n  imageStyle: ImageStyle;\n  convertSelectionToPrompt?: boolean;\n}): AiImageModalState =>\n  convertSelectionToPrompt\n    ? { type: 'INITIALIZING', imageStyle, requestId: '' }\n    : {\n        type: 'INITIAL',\n        textualPrompt: '',\n        imageStyle,\n        isDirty: false,\n        validationError: undefined,\n        rateLimitError: undefined,\n      };\nconst aiModalStateReducer = (\n  state: AiImageModalState,\n  action: AiImageModalAction\n): AiImageModalState => {\n  switch (action.type) {\n    case 'INITIALIZE': {\n      if (isOfType(['INITIALIZING'], state)) {\n        return {\n          ...state,\n          requestId: action.payload.requestId,\n        };\n      }\n      return state;\n    }\n    case 'DONE_INITIALIZE': {\n      if (isOfType(['INITIALIZING'], state) && state.requestId === action.payload.requestId) {\n        return {\n          type: 'INITIAL',\n          imageStyle: state.imageStyle,\n          textualPrompt: action.payload.value,\n          isDirty: false,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_PROMPT_VALUE': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          ...state,\n          textualPrompt: action.payload.value,\n          isDirty: true,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      if (isOfType(['INITIALIZING'], state)) {\n        return {\n          type: 'INITIAL',\n          imageStyle: state.imageStyle,\n          textualPrompt: action.payload.value,\n          isDirty: true,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_IMAGE_STYLE_VALUE': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          ...state,\n          imageStyle: action.payload.value,\n        };\n      }\n      return state;\n    }\n    case 'SUBMIT_PROMPT': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          type: 'IN_PROGRESS' as const,\n          entries: [...(state.type === 'RESULTS' ? state.entries : []), { type: 'GENERATING' }],\n          requestId: action.payload.requestId,\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      if (isOfType(['ERROR'], state)) {\n        return {\n          type: 'IN_PROGRESS' as const,\n          requestId: action.payload.requestId,\n          entries: [...state.entries, { type: 'GENERATING' }],\n          textualPrompt: state.requestPrompt,\n          imageStyle: state.requestImageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      return state;\n    }\n    case 'CANCEL_PROMPT': {\n      if (state.type === 'IN_PROGRESS') {\n        if (state.entries.length === 1) {\n          return {\n            type: 'INITIAL',\n            textualPrompt: state.textualPrompt,\n            imageStyle: state.imageStyle,\n            isDirty: state.isDirty,\n            validationError: undefined,\n            rateLimitError: undefined,\n          };\n        }\n        return {\n          type: 'RESULTS' as const,\n          entries: state.entries.slice(0, -1),\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n\n      if (isOfType(['RESULTS'], state)) {\n        return createInitialState({ imageStyle: state.imageStyle });\n      }\n\n      return state;\n    }\n    case 'FINISH_LOADING': {\n      if (state.type === 'IN_PROGRESS' && state.requestId === action.payload.requestId) {\n        return {\n          type: 'RESULTS' as const,\n          entries: [\n            ...state.entries.slice(0, -1),\n            { type: 'GENERATED', url: action.payload.result, file: action.payload.file },\n          ],\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n\n      return state;\n    }\n    case 'SET_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'ERROR' as const,\n          entries: state.entries.slice(0, -1),\n          requestPrompt: action.payload.requestPrompt,\n          requestImageStyle: action.payload.requestImageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      return state;\n    }\n    case 'GO_BACK': {\n      if (isOfType(['ERROR'], state)) {\n        return state.entries.length === 0\n          ? {\n              type: 'INITIAL',\n              textualPrompt: state.requestPrompt,\n              imageStyle: state.requestImageStyle,\n              isDirty: state.isDirty,\n              validationError: undefined,\n              rateLimitError: undefined,\n            }\n          : {\n              type: 'RESULTS' as const,\n              entries: state.entries.slice(0, -1),\n              textualPrompt: state.requestPrompt,\n              imageStyle: state.requestImageStyle,\n              isDirty: state.isDirty,\n              validationError: undefined,\n              rateLimitError: undefined,\n            };\n      }\n\n      return state;\n    }\n    case 'SET_VALIDATION_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'INITIAL',\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: action.payload,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_RATE_LIMIT_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'INITIAL',\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: action.payload,\n        };\n      }\n      return state;\n    }\n    default: {\n      return state;\n    }\n  }\n};\n\nexport const useAiImageModalReducer = (options: {\n  imageStyle: ImageStyle;\n  convertSelectionToPrompt?: boolean;\n}) => {\n  const initialState = React.useMemo(() => createInitialState(options), []);\n  const [state, dispatch] = React.useReducer(aiModalStateReducer, initialState);\n\n  return { state, dispatch };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAyB;AAGzB,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AACF,MAIE,2BACI,EAAE,MAAM,gBAAgB,YAAY,WAAW,GAAG,IAClD;AAAA,EACE,MAAM;AAAA,EACN,eAAe;AAAA,EACf;AAAA,EACA,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;AACN,MAAM,sBAAsB,CAC1B,OACA,WACsB;AACtB,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,cAAc;AACjB,cAAI,0BAAS,CAAC,cAAc,GAAG,KAAK,GAAG;AACrC,eAAO;AAAA,UACL,GAAG;AAAA,UACH,WAAW,OAAO,QAAQ;AAAA,QAC5B;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,mBAAmB;AACtB,cAAI,0BAAS,CAAC,cAAc,GAAG,KAAK,KAAK,MAAM,cAAc,OAAO,QAAQ,WAAW;AACrF,eAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY,MAAM;AAAA,UAClB,eAAe,OAAO,QAAQ;AAAA,UAC9B,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,oBAAoB;AACvB,cAAI,0BAAS,CAAC,WAAW,SAAS,GAAG,KAAK,GAAG;AAC3C,eAAO;AAAA,UACL,GAAG;AAAA,UACH,eAAe,OAAO,QAAQ;AAAA,UAC9B,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACF;AACA,cAAI,0BAAS,CAAC,cAAc,GAAG,KAAK,GAAG;AACrC,eAAO;AAAA,UACL,MAAM;AAAA,UACN,YAAY,MAAM;AAAA,UAClB,eAAe,OAAO,QAAQ;AAAA,UAC9B,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,yBAAyB;AAC5B,cAAI,0BAAS,CAAC,WAAW,SAAS,GAAG,KAAK,GAAG;AAC3C,eAAO;AAAA,UACL,GAAG;AAAA,UACH,YAAY,OAAO,QAAQ;AAAA,QAC7B;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAI,0BAAS,CAAC,WAAW,SAAS,GAAG,KAAK,GAAG;AAC3C,eAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS,CAAC,GAAI,MAAM,SAAS,YAAY,MAAM,UAAU,CAAC,GAAI,EAAE,MAAM,aAAa,CAAC;AAAA,UACpF,WAAW,OAAO,QAAQ;AAAA,UAC1B,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,QACjB;AAAA,MACF;AAEA,cAAI,0BAAS,CAAC,OAAO,GAAG,KAAK,GAAG;AAC9B,eAAO;AAAA,UACL,MAAM;AAAA,UACN,WAAW,OAAO,QAAQ;AAAA,UAC1B,SAAS,CAAC,GAAG,MAAM,SAAS,EAAE,MAAM,aAAa,CAAC;AAAA,UAClD,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,QACjB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,iBAAiB;AACpB,UAAI,MAAM,SAAS,eAAe;AAChC,YAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,iBAAO;AAAA,YACL,MAAM;AAAA,YACN,eAAe,MAAM;AAAA,YACrB,YAAY,MAAM;AAAA,YAClB,SAAS,MAAM;AAAA,YACf,iBAAiB;AAAA,YACjB,gBAAgB;AAAA,UAClB;AAAA,QACF;AACA,eAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS,MAAM,QAAQ,MAAM,GAAG,EAAE;AAAA,UAClC,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACF;AAEA,cAAI,0BAAS,CAAC,SAAS,GAAG,KAAK,GAAG;AAChC,eAAO,mBAAmB,EAAE,YAAY,MAAM,WAAW,CAAC;AAAA,MAC5D;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,kBAAkB;AACrB,UAAI,MAAM,SAAS,iBAAiB,MAAM,cAAc,OAAO,QAAQ,WAAW;AAChF,eAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,YACP,GAAG,MAAM,QAAQ,MAAM,GAAG,EAAE;AAAA,YAC5B,EAAE,MAAM,aAAa,KAAK,OAAO,QAAQ,QAAQ,MAAM,OAAO,QAAQ,KAAK;AAAA,UAC7E;AAAA,UACA,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,aAAa;AAChB,cAAI,0BAAS,CAAC,aAAa,GAAG,KAAK,GAAG;AACpC,eAAO;AAAA,UACL,MAAM;AAAA,UACN,SAAS,MAAM,QAAQ,MAAM,GAAG,EAAE;AAAA,UAClC,eAAe,OAAO,QAAQ;AAAA,UAC9B,mBAAmB,OAAO,QAAQ;AAAA,UAClC,SAAS,MAAM;AAAA,QACjB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,WAAW;AACd,cAAI,0BAAS,CAAC,OAAO,GAAG,KAAK,GAAG;AAC9B,eAAO,MAAM,QAAQ,WAAW,IAC5B;AAAA,UACE,MAAM;AAAA,UACN,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB,IACA;AAAA,UACE,MAAM;AAAA,UACN,SAAS,MAAM,QAAQ,MAAM,GAAG,EAAE;AAAA,UAClC,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,MACN;AAEA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,wBAAwB;AAC3B,cAAI,0BAAS,CAAC,aAAa,GAAG,KAAK,GAAG;AACpC,eAAO;AAAA,UACL,MAAM;AAAA,UACN,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB,OAAO;AAAA,UACxB,gBAAgB;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,KAAK,wBAAwB;AAC3B,cAAI,0BAAS,CAAC,aAAa,GAAG,KAAK,GAAG;AACpC,eAAO;AAAA,UACL,MAAM;AAAA,UACN,eAAe,MAAM;AAAA,UACrB,YAAY,MAAM;AAAA,UAClB,SAAS,MAAM;AAAA,UACf,iBAAiB;AAAA,UACjB,gBAAgB,OAAO;AAAA,QACzB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,SAAS;AACP,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,CAAC,YAGjC;AACJ,QAAM,eAAe,aAAAA,QAAM,QAAQ,MAAM,mBAAmB,OAAO,GAAG,CAAC,CAAC;AACxE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,WAAW,qBAAqB,YAAY;AAE5E,SAAO,EAAE,OAAO,SAAS;AAC3B;",
+  "sourcesContent": ["import React from 'react';\n\nimport { isOfType } from '../../ts-utils.js';\nimport type { AiImageModalAction, AiImageModalState, ImageStyle } from './types.js';\n\nconst createInitialState = ({\n  imageStyle,\n  convertSelectionToPrompt,\n  initialPrompt = '',\n}: {\n  imageStyle: ImageStyle;\n  convertSelectionToPrompt?: boolean;\n  initialPrompt?: string;\n}): AiImageModalState =>\n  convertSelectionToPrompt\n    ? { type: 'INITIALIZING', imageStyle, requestId: '' }\n    : {\n        type: 'INITIAL',\n        textualPrompt: initialPrompt,\n        imageStyle,\n        isDirty: false,\n        validationError: undefined,\n        rateLimitError: undefined,\n      };\nconst aiModalStateReducer = (\n  state: AiImageModalState,\n  action: AiImageModalAction\n): AiImageModalState => {\n  switch (action.type) {\n    case 'INITIALIZE': {\n      if (isOfType(['INITIALIZING'], state)) {\n        return {\n          ...state,\n          requestId: action.payload.requestId,\n        };\n      }\n      return state;\n    }\n    case 'DONE_INITIALIZE': {\n      if (isOfType(['INITIALIZING'], state) && state.requestId === action.payload.requestId) {\n        return {\n          type: 'INITIAL',\n          imageStyle: state.imageStyle,\n          textualPrompt: action.payload.value,\n          isDirty: false,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_PROMPT_VALUE': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          ...state,\n          textualPrompt: action.payload.value,\n          isDirty: true,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      if (isOfType(['INITIALIZING'], state)) {\n        return {\n          type: 'INITIAL',\n          imageStyle: state.imageStyle,\n          textualPrompt: action.payload.value,\n          isDirty: true,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_IMAGE_STYLE_VALUE': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          ...state,\n          imageStyle: action.payload.value,\n        };\n      }\n      return state;\n    }\n    case 'SUBMIT_PROMPT': {\n      if (isOfType(['INITIAL', 'RESULTS'], state)) {\n        return {\n          type: 'IN_PROGRESS' as const,\n          entries: [...(state.type === 'RESULTS' ? state.entries : []), { type: 'GENERATING' }],\n          requestId: action.payload.requestId,\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      if (isOfType(['ERROR'], state)) {\n        return {\n          type: 'IN_PROGRESS' as const,\n          requestId: action.payload.requestId,\n          entries: [...state.entries, { type: 'GENERATING' }],\n          textualPrompt: state.requestPrompt,\n          imageStyle: state.requestImageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      return state;\n    }\n    case 'CANCEL_PROMPT': {\n      if (state.type === 'IN_PROGRESS') {\n        if (state.entries.length === 1) {\n          return {\n            type: 'INITIAL',\n            textualPrompt: state.textualPrompt,\n            imageStyle: state.imageStyle,\n            isDirty: state.isDirty,\n            validationError: undefined,\n            rateLimitError: undefined,\n          };\n        }\n        return {\n          type: 'RESULTS' as const,\n          entries: state.entries.slice(0, -1),\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n\n      if (isOfType(['RESULTS'], state)) {\n        return createInitialState({ imageStyle: state.imageStyle });\n      }\n\n      return state;\n    }\n    case 'FINISH_LOADING': {\n      if (state.type === 'IN_PROGRESS' && state.requestId === action.payload.requestId) {\n        return {\n          type: 'RESULTS' as const,\n          entries: [\n            ...state.entries.slice(0, -1),\n            {\n              type: 'GENERATED',\n              url: action.payload.result,\n              file: action.payload.file,\n              ...(action.payload.image ? { image: action.payload.image } : {}),\n            },\n          ],\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: undefined,\n        };\n      }\n\n      return state;\n    }\n    case 'SET_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'ERROR' as const,\n          entries: state.entries.slice(0, -1),\n          requestPrompt: action.payload.requestPrompt,\n          requestImageStyle: action.payload.requestImageStyle,\n          isDirty: state.isDirty,\n        };\n      }\n\n      return state;\n    }\n    case 'GO_BACK': {\n      if (isOfType(['ERROR'], state)) {\n        return state.entries.length === 0\n          ? {\n              type: 'INITIAL',\n              textualPrompt: state.requestPrompt,\n              imageStyle: state.requestImageStyle,\n              isDirty: state.isDirty,\n              validationError: undefined,\n              rateLimitError: undefined,\n            }\n          : {\n              type: 'RESULTS' as const,\n              entries: state.entries.slice(0, -1),\n              textualPrompt: state.requestPrompt,\n              imageStyle: state.requestImageStyle,\n              isDirty: state.isDirty,\n              validationError: undefined,\n              rateLimitError: undefined,\n            };\n      }\n\n      return state;\n    }\n    case 'SET_VALIDATION_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'INITIAL',\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: action.payload,\n          rateLimitError: undefined,\n        };\n      }\n      return state;\n    }\n    case 'SET_RATE_LIMIT_ERROR': {\n      if (isOfType(['IN_PROGRESS'], state)) {\n        return {\n          type: 'INITIAL',\n          textualPrompt: state.textualPrompt,\n          imageStyle: state.imageStyle,\n          isDirty: state.isDirty,\n          validationError: undefined,\n          rateLimitError: action.payload,\n        };\n      }\n      return state;\n    }\n    default: {\n      return state;\n    }\n  }\n};\n\nexport const useAiImageModalReducer = (options: {\n  imageStyle: ImageStyle;\n  convertSelectionToPrompt?: boolean;\n  initialPrompt?: string;\n}) => {\n  const initialState = React.useMemo(() => createInitialState(options), []);\n  const [state, dispatch] = React.useReducer(aiModalStateReducer, initialState);\n\n  return { state, dispatch };\n};\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/plugin-ai/ai-image-modal/use-ai-image-modal-api.js

@@ -48,7 +48,9 @@ const useAiImageModalApi = ({
   getGatewayBaseUrl,
   appDefId,
   convertSelectionToPrompt,
-  publishModalAction
+  publishModalAction,
+  selection,
+  imageGeneration
 }) => {
   const [dontShowDiscardModal, setDontShowDiscardModal] = (0, import_use_session_storage.useSessionStorage)(
     DISCARD_MODAL_STORAGE_KEY,
@@ -64,9 +66,14 @@ const useAiImageModalApi = ({
   );
   const [isConvertedPromptHelperVisible, setConvertedPromptHelperVisible] = import_react.default.useState(false);
   const [isDiscardModalOpen, setIsDiscardModalOpen] = import_react.default.useState(false);
+  const initialPrompt = import_react.default.useMemo(
+    () => imageGeneration?.getInitialPrompt?.(selection) ?? (imageGeneration && convertSelectionToPrompt ? selection : ""),
+    []
+  );
   const { state, dispatch } = (0, import_use_ai_image_modal_reducer.useAiImageModalReducer)({
     imageStyle: savedImageStyle,
-    convertSelectionToPrompt
+    convertSelectionToPrompt: convertSelectionToPrompt && !imageGeneration,
+    initialPrompt
   });
   const {
     tryConvertingSelectionToPrompt,
@@ -86,7 +93,9 @@ const useAiImageModalApi = ({
     saveImageStyle,
     savedConvertedPromptHelperValue,
     setConvertedPromptHelperVisible,
-    publishModalAction
+    publishModalAction,
+    selection,
+    imageGeneration
   });
   const tryCloseModal = import_react.default.useCallback(async () => {
     publishModalAction("close_on_button_click");

package/dist/cjs/plugin-ai/ai-image-modal/use-ai-image-modal-api.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/ai-image-modal/use-ai-image-modal-api.ts"],
-  "sourcesContent": ["import React from 'react';\n\nimport type { DiscardPayload } from '../discard-confirmation-modal/discard-confirmation-modal.js';\nimport { isOfType } from '../ts-utils.js';\nimport type { AiPluginEditorConfig } from '../types.js';\nimport { useSessionStorage } from '../utils/use-session-storage.js';\nimport type { ImageStyle } from './slice/types.js';\nimport { useAiImageModalActions } from './slice/use-ai-image-modal-actions.js';\nimport { useAiImageModalReducer } from './slice/use-ai-image-modal-reducer.js';\nimport { useAiImageModalShortcuts } from './use-ai-image-modal-shortcuts.js';\n\nconst DISCARD_MODAL_STORAGE_KEY = 'ricos-ai-discard-modal';\nconst IMAGE_STYLE_STORAGE_KEY = 'ricos-ai-image-style';\nconst CONVERTED_PROMPT_STORAGE_KEY = 'ricos-ai-image-converted-prompt';\n\ntype UseAiImageModalProps = {\n  selection: string;\n  closeModal: () => void;\n  openDiscardModal: (referenceElement: { focus(): void } | null) => Promise<DiscardPayload>;\n  focusInputArea: () => void;\n  modalRef: HTMLDivElement | null;\n  convertSelectionToPrompt?: boolean;\n  publishModalAction: (action: string, value?: string) => void;\n} & AiPluginEditorConfig;\n\nexport const useAiImageModalApi = ({\n  closeModal,\n  openDiscardModal,\n  focusInputArea,\n  modalRef,\n  getGatewayBaseUrl,\n  appDefId,\n  convertSelectionToPrompt,\n  publishModalAction,\n}: UseAiImageModalProps) => {\n  const [dontShowDiscardModal, setDontShowDiscardModal] = useSessionStorage(\n    DISCARD_MODAL_STORAGE_KEY,\n    false\n  );\n  const [savedImageStyle, saveImageStyle] = useSessionStorage<ImageStyle>(\n    IMAGE_STYLE_STORAGE_KEY,\n    'NONE'\n  );\n  const [savedConvertedPromptHelperValue, setSavedConvertedPromptHelperValue] = useSessionStorage(\n    CONVERTED_PROMPT_STORAGE_KEY,\n    true\n  );\n  const [isConvertedPromptHelperVisible, setConvertedPromptHelperVisible] = React.useState(false);\n  const [isDiscardModalOpen, setIsDiscardModalOpen] = React.useState(false);\n  const { state, dispatch } = useAiImageModalReducer({\n    imageStyle: savedImageStyle,\n    convertSelectionToPrompt,\n  });\n\n  const {\n    tryConvertingSelectionToPrompt,\n    setPromptValue,\n    setImageStyleValue,\n    submitPrompt,\n    cancelPrompt,\n    insertImage,\n    retryPrompt,\n    goBack,\n  } = useAiImageModalActions({\n    state,\n    dispatch,\n    getGatewayBaseUrl,\n    appDefId,\n    focusInputArea,\n    saveImageStyle,\n    savedConvertedPromptHelperValue,\n    setConvertedPromptHelperVisible,\n    publishModalAction,\n  });\n\n  const tryCloseModal = React.useCallback(async () => {\n    publishModalAction('close_on_button_click');\n    if (isOfType(['INITIAL'], state) || dontShowDiscardModal) {\n      closeModal();\n      return false;\n    }\n\n    setIsDiscardModalOpen(true);\n    const discardResult = await openDiscardModal(modalRef);\n    setIsDiscardModalOpen(false);\n\n    if (discardResult.confirmed) {\n      if (discardResult.dontShowAgain) {\n        setDontShowDiscardModal(true);\n      }\n      closeModal();\n      return true;\n    }\n  }, [state.type, closeModal, openDiscardModal]);\n\n  const closeOptimisedPromptHelper = React.useCallback(async () => {\n    setConvertedPromptHelperVisible(false);\n    setSavedConvertedPromptHelperValue(false);\n    publishModalAction('close_on_button_click');\n  }, []);\n\n  useAiImageModalShortcuts({\n    state,\n    modalRef,\n    cancelPrompt,\n    closeModal,\n  });\n\n  return {\n    tryCloseModal,\n    isDiscardModalOpen,\n    closeOptimisedPromptHelper,\n    // Actions\n    tryConvertingSelectionToPrompt,\n    setPromptValue,\n    setImageStyleValue,\n    submitPrompt,\n    cancelPrompt,\n    retryPrompt,\n    goBack,\n    insertImage,\n    // State\n    state,\n    isConvertedPromptHelperVisible,\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,sBAAyB;AAEzB,iCAAkC;AAElC,wCAAuC;AACvC,wCAAuC;AACvC,0CAAyC;AAEzC,MAAM,4BAA4B;AAClC,MAAM,0BAA0B;AAChC,MAAM,+BAA+B;AAY9B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,sBAAsB,uBAAuB,QAAI;AAAA,IACtD;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iBAAiB,cAAc,QAAI;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iCAAiC,kCAAkC,QAAI;AAAA,IAC5E;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,gCAAgC,+BAA+B,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC9F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,aAAAA,QAAM,SAAS,KAAK;AACxE,QAAM,EAAE,OAAO,SAAS,QAAI,0DAAuB;AAAA,IACjD,YAAY;AAAA,IACZ;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,0DAAuB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,aAAAA,QAAM,YAAY,YAAY;AAClD,uBAAmB,uBAAuB;AAC1C,YAAI,0BAAS,CAAC,SAAS,GAAG,KAAK,KAAK,sBAAsB;AACxD,iBAAW;AACX,aAAO;AAAA,IACT;AAEA,0BAAsB,IAAI;AAC1B,UAAM,gBAAgB,MAAM,iBAAiB,QAAQ;AACrD,0BAAsB,KAAK;AAE3B,QAAI,cAAc,WAAW;AAC3B,UAAI,cAAc,eAAe;AAC/B,gCAAwB,IAAI;AAAA,MAC9B;AACA,iBAAW;AACX,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,YAAY,gBAAgB,CAAC;AAE7C,QAAM,6BAA6B,aAAAA,QAAM,YAAY,YAAY;AAC/D,oCAAgC,KAAK;AACrC,uCAAmC,KAAK;AACxC,uBAAmB,uBAAuB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,oEAAyB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { DiscardPayload } from '../discard-confirmation-modal/discard-confirmation-modal.js';\nimport { isOfType } from '../ts-utils.js';\nimport type { AiPluginEditorConfig } from '../types.js';\nimport { useSessionStorage } from '../utils/use-session-storage.js';\nimport type { ImageStyle } from './slice/types.js';\nimport { useAiImageModalActions } from './slice/use-ai-image-modal-actions.js';\nimport { useAiImageModalReducer } from './slice/use-ai-image-modal-reducer.js';\nimport { useAiImageModalShortcuts } from './use-ai-image-modal-shortcuts.js';\n\nconst DISCARD_MODAL_STORAGE_KEY = 'ricos-ai-discard-modal';\nconst IMAGE_STYLE_STORAGE_KEY = 'ricos-ai-image-style';\nconst CONVERTED_PROMPT_STORAGE_KEY = 'ricos-ai-image-converted-prompt';\n\ntype UseAiImageModalProps = {\n  selection: string;\n  closeModal: () => void;\n  openDiscardModal: (referenceElement: { focus(): void } | null) => Promise<DiscardPayload>;\n  focusInputArea: () => void;\n  modalRef: HTMLDivElement | null;\n  convertSelectionToPrompt?: boolean;\n  publishModalAction: (action: string, value?: string) => void;\n} & AiPluginEditorConfig;\n\nexport const useAiImageModalApi = ({\n  closeModal,\n  openDiscardModal,\n  focusInputArea,\n  modalRef,\n  getGatewayBaseUrl,\n  appDefId,\n  convertSelectionToPrompt,\n  publishModalAction,\n  selection,\n  imageGeneration,\n}: UseAiImageModalProps) => {\n  const [dontShowDiscardModal, setDontShowDiscardModal] = useSessionStorage(\n    DISCARD_MODAL_STORAGE_KEY,\n    false\n  );\n  const [savedImageStyle, saveImageStyle] = useSessionStorage<ImageStyle>(\n    IMAGE_STYLE_STORAGE_KEY,\n    'NONE'\n  );\n  const [savedConvertedPromptHelperValue, setSavedConvertedPromptHelperValue] = useSessionStorage(\n    CONVERTED_PROMPT_STORAGE_KEY,\n    true\n  );\n  const [isConvertedPromptHelperVisible, setConvertedPromptHelperVisible] = React.useState(false);\n  const [isDiscardModalOpen, setIsDiscardModalOpen] = React.useState(false);\n  const initialPrompt = React.useMemo(\n    () =>\n      imageGeneration?.getInitialPrompt?.(selection) ??\n      (imageGeneration && convertSelectionToPrompt ? selection : ''),\n    []\n  );\n  const { state, dispatch } = useAiImageModalReducer({\n    imageStyle: savedImageStyle,\n    convertSelectionToPrompt: convertSelectionToPrompt && !imageGeneration,\n    initialPrompt,\n  });\n\n  const {\n    tryConvertingSelectionToPrompt,\n    setPromptValue,\n    setImageStyleValue,\n    submitPrompt,\n    cancelPrompt,\n    insertImage,\n    retryPrompt,\n    goBack,\n  } = useAiImageModalActions({\n    state,\n    dispatch,\n    getGatewayBaseUrl,\n    appDefId,\n    focusInputArea,\n    saveImageStyle,\n    savedConvertedPromptHelperValue,\n    setConvertedPromptHelperVisible,\n    publishModalAction,\n    selection,\n    imageGeneration,\n  });\n\n  const tryCloseModal = React.useCallback(async () => {\n    publishModalAction('close_on_button_click');\n    if (isOfType(['INITIAL'], state) || dontShowDiscardModal) {\n      closeModal();\n      return false;\n    }\n\n    setIsDiscardModalOpen(true);\n    const discardResult = await openDiscardModal(modalRef);\n    setIsDiscardModalOpen(false);\n\n    if (discardResult.confirmed) {\n      if (discardResult.dontShowAgain) {\n        setDontShowDiscardModal(true);\n      }\n      closeModal();\n      return true;\n    }\n  }, [state.type, closeModal, openDiscardModal]);\n\n  const closeOptimisedPromptHelper = React.useCallback(async () => {\n    setConvertedPromptHelperVisible(false);\n    setSavedConvertedPromptHelperValue(false);\n    publishModalAction('close_on_button_click');\n  }, []);\n\n  useAiImageModalShortcuts({\n    state,\n    modalRef,\n    cancelPrompt,\n    closeModal,\n  });\n\n  return {\n    tryCloseModal,\n    isDiscardModalOpen,\n    closeOptimisedPromptHelper,\n    // Actions\n    tryConvertingSelectionToPrompt,\n    setPromptValue,\n    setImageStyleValue,\n    submitPrompt,\n    cancelPrompt,\n    retryPrompt,\n    goBack,\n    insertImage,\n    // State\n    state,\n    isConvertedPromptHelperVisible,\n  };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,sBAAyB;AAEzB,iCAAkC;AAElC,wCAAuC;AACvC,wCAAuC;AACvC,0CAAyC;AAEzC,MAAM,4BAA4B;AAClC,MAAM,0BAA0B;AAChC,MAAM,+BAA+B;AAY9B,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,QAAM,CAAC,sBAAsB,uBAAuB,QAAI;AAAA,IACtD;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iBAAiB,cAAc,QAAI;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iCAAiC,kCAAkC,QAAI;AAAA,IAC5E;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,gCAAgC,+BAA+B,IAAI,aAAAA,QAAM,SAAS,KAAK;AAC9F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,aAAAA,QAAM,SAAS,KAAK;AACxE,QAAM,gBAAgB,aAAAA,QAAM;AAAA,IAC1B,MACE,iBAAiB,mBAAmB,SAAS,MAC5C,mBAAmB,2BAA2B,YAAY;AAAA,IAC7D,CAAC;AAAA,EACH;AACA,QAAM,EAAE,OAAO,SAAS,QAAI,0DAAuB;AAAA,IACjD,YAAY;AAAA,IACZ,0BAA0B,4BAA4B,CAAC;AAAA,IACvD;AAAA,EACF,CAAC;AAED,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,0DAAuB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,aAAAA,QAAM,YAAY,YAAY;AAClD,uBAAmB,uBAAuB;AAC1C,YAAI,0BAAS,CAAC,SAAS,GAAG,KAAK,KAAK,sBAAsB;AACxD,iBAAW;AACX,aAAO;AAAA,IACT;AAEA,0BAAsB,IAAI;AAC1B,UAAM,gBAAgB,MAAM,iBAAiB,QAAQ;AACrD,0BAAsB,KAAK;AAE3B,QAAI,cAAc,WAAW;AAC3B,UAAI,cAAc,eAAe;AAC/B,gCAAwB,IAAI;AAAA,MAC9B;AACA,iBAAW;AACX,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,YAAY,gBAAgB,CAAC;AAE7C,QAAM,6BAA6B,aAAAA,QAAM,YAAY,YAAY;AAC/D,oCAAgC,KAAK;AACrC,uCAAmC,KAAK;AACxC,uBAAmB,uBAAuB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,oEAAyB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["React"]
 }

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

@@ -22,6 +22,6 @@ __export(ai_plus_button_exports, {
 });
 module.exports = __toCommonJS(ai_plus_button_exports);
 var ai_plus_button_default = {
-  "button": "jrLQP"
+  "button": "_07gVH"
 };
 //# sourceMappingURL=ai-plus-button-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/ai-plus-button/ai-plus-button.scss"],
-  "sourcesContent": ["export default {\n  \"button\": \"jrLQP\"\n};"],
+  "sourcesContent": ["export default {\n  \"button\": \"_07gVH\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-ai/error-message/error-message-scss.js

@@ -22,6 +22,6 @@ __export(error_message_exports, {
 });
 module.exports = __toCommonJS(error_message_exports);
 var error_message_default = {
-  "errorText": "guyMZ"
+  "errorText": "Bwg8L"
 };
 //# sourceMappingURL=error-message-scss.js.map

package/dist/cjs/plugin-ai/error-message/error-message-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/error-message/error-message.scss"],
-  "sourcesContent": ["export default {\n  \"errorText\": \"guyMZ\"\n};"],
+  "sourcesContent": ["export default {\n  \"errorText\": \"Bwg8L\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-ai/prompt-input-area/prompt-input-area-scss.js

@@ -22,9 +22,9 @@ __export(prompt_input_area_exports, {
 });
 module.exports = __toCommonJS(prompt_input_area_exports);
 var prompt_input_area_default = {
-  "statusIndicator": "f4fCd",
-  "statusIndicatorLoader": "nYmRv",
-  "statusIndicatorWarning": "x-s9q",
-  "inputWrapper": "gGWuo"
+  "statusIndicator": "kknDQ",
+  "statusIndicatorLoader": "HpgwH",
+  "statusIndicatorWarning": "bnaNB",
+  "inputWrapper": "eQtJj"
 };
 //# sourceMappingURL=prompt-input-area-scss.js.map

package/dist/cjs/plugin-ai/prompt-input-area/prompt-input-area-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-ai/prompt-input-area/prompt-input-area.scss"],
-  "sourcesContent": ["export default {\n  \"statusIndicator\": \"f4fCd\",\n  \"statusIndicatorLoader\": \"nYmRv\",\n  \"statusIndicatorWarning\": \"x-s9q\",\n  \"inputWrapper\": \"gGWuo\"\n};"],
+  "sourcesContent": ["export default {\n  \"statusIndicator\": \"kknDQ\",\n  \"statusIndicatorLoader\": \"HpgwH\",\n  \"statusIndicatorWarning\": \"bnaNB\",\n  \"inputWrapper\": \"eQtJj\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,mBAAmB;AAAA,EACnB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,gBAAgB;AAClB;",
   "names": []
 }

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": "gBS8l",
+  "accentColor": "rcusV"
 };
 //# 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\": \"gBS8l\",\n  \"accentColor\": \"rcusV\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,UAAU;AAAA,EACV,eAAe;AACjB;",
   "names": []
 }

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 { 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;",
   "names": []
 }