@wix/ricos 11.24.1 → 11.26.0

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

@@ -11,7 +11,9 @@ const useAiImageModalActions = ({
   saveImageStyle,
   savedConvertedPromptHelperValue,
   setConvertedPromptHelperVisible,
-  publishModalAction
+  publishModalAction,
+  selection,
+  imageGeneration
 }) => {
   const { adapter, getPublicCommands } = React.useContext(EditorContext);
   const config = React.useMemo(
@@ -19,6 +21,8 @@ const useAiImageModalActions = ({
     [getGatewayBaseUrl, appDefId]
   );
   const { fetchImagePrompt, fetchPromptFromSelection } = useAiRequestService(config);
+  const generationRef = React.useRef();
+  React.useEffect(() => () => generationRef.current?.abort(), []);
   const setPromptValue = React.useCallback((value) => {
     dispatch({
       type: "SET_PROMPT_VALUE",
@@ -38,6 +42,9 @@ const useAiImageModalActions = ({
   }, []);
   const submitPrompt = React.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",
@@ -55,7 +62,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);
@@ -91,6 +121,9 @@ const useAiImageModalActions = ({
         });
         focusInputArea();
       } catch {
+        if (controller.signal.aborted) {
+          return;
+        }
         publishModalAction("image_prompt_error", prompt, imageStyle);
         dispatch({
           type: "SET_ERROR",
@@ -101,21 +134,42 @@ const useAiImageModalActions = ({
         });
       }
     },
-    [fetchImagePrompt]
+    [fetchImagePrompt, imageGeneration, selection, focusInputArea, publishModalAction]
   );
   const insertImage = React.useCallback(
     async (entry, position) => {
       if (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 = React.useCallback(
-    async (selection) => {
+    async (selection2) => {
       const requestId = Date.now().toString();
       try {
         dispatch({
@@ -124,7 +178,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);
         }
@@ -144,7 +198,7 @@ const useAiImageModalActions = ({
         dispatch({
           type: "DONE_INITIALIZE",
           payload: {
-            value: selection,
+            value: selection2,
             requestId
           }
         });
@@ -154,6 +208,7 @@ const useAiImageModalActions = ({
     [fetchPromptFromSelection]
   );
   const cancelPrompt = React.useCallback(() => {
+    generationRef.current?.abort();
     if (state.type === "IN_PROGRESS") {
       focusInputArea();
     }

package/dist/es/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": []
+  "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": "AAAA,OAAO,WAAW;AAElB,SAAS,qBAAqB;AAE9B,SAAS,gBAAgB;AAEzB,SAAS,2BAA2B;AAoB7B,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,EAAE,SAAS,kBAAkB,IAAI,MAAM,WAAW,aAAa;AACrE,QAAM,SAAS,MAAM;AAAA,IACnB,OAAO,EAAE,MAAM,MAAe,mBAAmB,SAAS;AAAA,IAC1D,CAAC,mBAAmB,QAAQ;AAAA,EAC9B;AACA,QAAM,EAAE,kBAAkB,yBAAyB,IAAI,oBAAoB,MAAM;AACjF,QAAM,gBAAgB,MAAM,OAAwB;AACpD,QAAM,UAAU,MAAM,MAAM,cAAc,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9D,QAAM,iBAAiB,MAAM,YAAY,CAAC,UAAkB;AAC1D,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,QACP;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,MAAM,YAAY,CAAC,UAAsB;AAClE,aAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,QACP;AAAA,MACF;AAAA,IACF,CAAC;AAED,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,MAAM;AAAA,IACzB,OACE,QACA,YACA,UAAmD,EAAE,SAAS,OAAO,SAAS,MAAM,MACjF;AACH,oBAAc,SAAS,MAAM;AAC7B,YAAM,aAAa,IAAI,gBAAgB;AACvC,oBAAc,UAAU;AACxB,YAAM,YAAY,KAAK,IAAI,EAAE,SAAS;AACtC,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,QACF;AAAA,MACF,CAAC;AAED,UAAI,QAAQ,SAAS;AACnB,2BAAmB,sBAAsB,QAAQ,UAAU;AAAA,MAC7D,OAAO;AACL;AAAA,UACE,QAAQ,UAAU,sBAAsB;AAAA,UACxC;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAEA,UAAI;AACF,YAAI,iBAAiB;AACnB,gBAAM,QAAQ,MAAM,gBAAgB,cAAc;AAAA,YAChD;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ,WAAW;AAAA,UACrB,CAAC;AACD,cAAI,WAAW,OAAO,SAAS;AAC7B;AAAA,UACF;AACA,cACE,OAAO,MAAM,OAAO,YACpB,CAAC,MAAM,GAAG,KAAK,KACf,OAAO,MAAM,QAAQ,YACrB,CAAC,MAAM,IAAI,KAAK,GAChB;AACA,kBAAM,IAAI,MAAM,yDAAyD;AAAA,UAC3E;AACA,yBAAe;AACf,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,SAAS,EAAE,OAAO,QAAQ,MAAM,KAAK,UAAU;AAAA,UACjD,CAAC;AACD;AAAA,QACF;AACA,cAAM,WAAW,MAAM,iBAAiB,EAAE,QAAQ,WAAW,CAAC;AAC9D,YAAI,WAAW,OAAO,SAAS;AAC7B;AAAA,QACF;AAEA,gBAAQ,SAAS,MAAM;AAAA,UACrB,KAAK;AACH,kBAAM,IAAI,MAAM,SAAS,KAAK;AAAA,UAEhC,KAAK;AACH,qBAAS;AAAA,cACP,MAAM;AAAA,cACN,SAAS,SAAS;AAAA,YACpB,CAAC;AACD;AAAA,UAEF,KAAK;AACH,qBAAS;AAAA,cACP,MAAM;AAAA,cACN,SAAS,SAAS;AAAA,YACpB,CAAC;AACD;AAAA,UAEF;AACE;AAAA,QACJ;AAEA,cAAM,EAAE,KAAK,KAAK,IAAI,SAAS;AAC/B,cAAM,OAAO,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK;AAE5C,uBAAe;AACf,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,MAAM,IAAI;AAAA,cACR,CAAC,IAAI;AAAA,cACL,mBAAmB,KAAK,IAAI,CAAC,IAAI,IAAI;AAAA,cACrC,MAAM,OAAO,EAAE,MAAM,KAAK,KAAK,IAAI;AAAA,YACrC;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,UACF;AAAA,QACF,CAAC;AACD,uBAAe;AAAA,MACjB,QAAQ;AACN,YAAI,WAAW,OAAO,SAAS;AAC7B;AAAA,QACF;AACA,2BAAmB,sBAAsB,QAAQ,UAAU;AAC3D,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,eAAe;AAAA,YACf,mBAAmB;AAAA,UACrB;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,iBAAiB,WAAW,gBAAgB,kBAAkB;AAAA,EACnF;AAEA,QAAM,cAAc,MAAM;AAAA,IACxB,OAAO,OAAc,aAA6B;AAChD,UAAI,SAAS,CAAC,YAAY,GAAG,KAAK,GAAG;AACnC;AAAA,MACF;AAEA,UAAI,MAAM,OAAO;AACf,gBAAQ,aAAa,SAAS;AAAA,UAC5B;AAAA,YACE,OAAO;AAAA,cACL,KAAK,EAAE,IAAI,MAAM,MAAM,GAAG;AAAA,cAC1B,OAAO,MAAM,MAAM;AAAA,cACnB,QAAQ,MAAM,MAAM;AAAA,YACtB;AAAA,YACA,SAAS,MAAM,MAAM;AAAA,UACvB;AAAA,UACA;AAAA,UACA,kBAAkB;AAAA,QACpB;AAAA,MACF,WAAW,MAAM,MAAM;AACrB,gBAAQ,aAAa,SAAS;AAAA,UAC5B,MAAM;AAAA,UACN;AAAA,UACA,kBAAkB;AAAA,QACpB;AAAA,MACF,OAAO;AACL;AAAA,MACF;AACA,yBAAmB,UAAU,QAAQ,EAAE;AACvC,aAAO;AAAA,IACT;AAAA,IACA,CAAC,SAAS,mBAAmB,kBAAkB;AAAA,EACjD;AAEA,QAAM,iCAAiC,MAAM;AAAA,IAC3C,OAAOA,eAAsB;AAC3B,YAAM,YAAY,KAAK,IAAI,EAAE,SAAS;AACtC,UAAI;AACF,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP;AAAA,UACF;AAAA,QACF,CAAC;AAED,cAAM,WAAW,MAAM,yBAAyB,EAAE,WAAAA,WAAU,CAAC;AAE7D,YACE,SAAS,SAAS,WAClB,SAAS,SAAS,sBAClB,SAAS,SAAS,oBAClB;AACA,gBAAM,IAAI,MAAM,SAAS,KAAK;AAAA,QAChC;AAEA,2BAAmB,0BAA0B,SAAS,QAAQ,CAAC,CAAC;AAEhE,uBAAe;AACf,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,OAAO,SAAS,QAAQ,CAAC;AAAA,YACzB;AAAA,UACF;AAAA,QACF,CAAC;AACD,wCAAgC,+BAA+B;AAC/D,uBAAe;AAAA,MACjB,QAAQ;AACN,2BAAmB,8BAA8B;AACjD,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,OAAOA;AAAA,YACP;AAAA,UACF;AAAA,QACF,CAAC;AACD,wCAAgC,KAAK;AAAA,MACvC;AAAA,IACF;AAAA,IACA,CAAC,wBAAwB;AAAA,EAC3B;AAEA,QAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,kBAAc,SAAS,MAAM;AAC7B,QAAI,MAAM,SAAS,eAAe;AAChC,qBAAe;AAAA,IACjB;AAEA,uBAAmB,qBAAqB;AAExC,aAAS;AAAA,MACP,MAAM;AAAA,IACR,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,QAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,GAAG;AAC/B;AAAA,IACF;AAEA,WAAO,aAAa,MAAM,eAAe,MAAM,mBAAmB;AAAA,MAChE,SAAS,MAAM;AAAA,MACf,SAAS;AAAA,IACX,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,QAAM,SAAS,MAAM,YAAY,MAAM;AACrC,aAAS;AAAA,MACP,MAAM;AAAA,IACR,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["selection"]
 }

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

@@ -2,10 +2,11 @@ import React from "react";
 import { isOfType } from "../../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,
@@ -122,7 +123,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/es/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": "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",
+  "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": []
 }

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

@@ -15,7 +15,9 @@ const useAiImageModalApi = ({
   getGatewayBaseUrl,
   appDefId,
   convertSelectionToPrompt,
-  publishModalAction
+  publishModalAction,
+  selection,
+  imageGeneration
 }) => {
   const [dontShowDiscardModal, setDontShowDiscardModal] = useSessionStorage(
     DISCARD_MODAL_STORAGE_KEY,
@@ -31,9 +33,14 @@ const useAiImageModalApi = ({
   );
   const [isConvertedPromptHelperVisible, setConvertedPromptHelperVisible] = React.useState(false);
   const [isDiscardModalOpen, setIsDiscardModalOpen] = React.useState(false);
+  const initialPrompt = React.useMemo(
+    () => imageGeneration?.getInitialPrompt?.(selection) ?? (imageGeneration && convertSelectionToPrompt ? selection : ""),
+    []
+  );
   const { state, dispatch } = useAiImageModalReducer({
     imageStyle: savedImageStyle,
-    convertSelectionToPrompt
+    convertSelectionToPrompt: convertSelectionToPrompt && !imageGeneration,
+    initialPrompt
   });
   const {
     tryConvertingSelectionToPrompt,
@@ -53,7 +60,9 @@ const useAiImageModalApi = ({
     saveImageStyle,
     savedConvertedPromptHelperValue,
     setConvertedPromptHelperVisible,
-    publishModalAction
+    publishModalAction,
+    selection,
+    imageGeneration
   });
   const tryCloseModal = React.useCallback(async () => {
     publishModalAction("close_on_button_click");

package/dist/es/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,OAAO,WAAW;AAGlB,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAElC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;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,IAAI;AAAA,IACtD;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iBAAiB,cAAc,IAAI;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iCAAiC,kCAAkC,IAAI;AAAA,IAC5E;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,gCAAgC,+BAA+B,IAAI,MAAM,SAAS,KAAK;AAC9F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,EAAE,OAAO,SAAS,IAAI,uBAAuB;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,IAAI,uBAAuB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,MAAM,YAAY,YAAY;AAClD,uBAAmB,uBAAuB;AAC1C,QAAI,SAAS,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,MAAM,YAAY,YAAY;AAC/D,oCAAgC,KAAK;AACrC,uCAAmC,KAAK;AACxC,uBAAmB,uBAAuB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,2BAAyB;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,OAAO,WAAW;AAGlB,SAAS,gBAAgB;AAEzB,SAAS,yBAAyB;AAElC,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;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,IAAI;AAAA,IACtD;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iBAAiB,cAAc,IAAI;AAAA,IACxC;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,iCAAiC,kCAAkC,IAAI;AAAA,IAC5E;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,gCAAgC,+BAA+B,IAAI,MAAM,SAAS,KAAK;AAC9F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,gBAAgB,MAAM;AAAA,IAC1B,MACE,iBAAiB,mBAAmB,SAAS,MAC5C,mBAAmB,2BAA2B,YAAY;AAAA,IAC7D,CAAC;AAAA,EACH;AACA,QAAM,EAAE,OAAO,SAAS,IAAI,uBAAuB;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,IAAI,uBAAuB;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,MAAM,YAAY,YAAY;AAClD,uBAAmB,uBAAuB;AAC1C,QAAI,SAAS,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,MAAM,YAAY,YAAY;AAC/D,oCAAgC,KAAK;AACrC,uCAAmC,KAAK;AACxC,uBAAmB,uBAAuB;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,2BAAyB;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": []
 }

package/dist/es/plugin-ai/ai-menu-modal/ai-menu-modal-scss.js

@@ -0,0 +1,31 @@
+var styleDataHash = "6bdac4d4";
+const injectCss = (() => {
+  var css = `.stx22{align-items:center;display:flex;gap:8px}._0EgqE{flex:1 1 auto;width:0}`;
+  var isTest = typeof process !== "undefined" && process.env && false;
+  if (isTest || !css || typeof document === "undefined") {
+    return;
+  }
+  if (document.querySelector('style[data-ricos-style-hash="' + styleDataHash + '"]')) {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName("head")[0];
+  var style = document.createElement("style");
+  style.setAttribute("data-ricos-style-hash", styleDataHash);
+  style.type = "text/css";
+  head.appendChild(style);
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+});
+injectCss();
+var ai_menu_modal_default = {
+  "promptRow": "stx22",
+  "promptInput": "_0EgqE"
+};
+export {
+  ai_menu_modal_default as default,
+  injectCss
+};
+//# sourceMappingURL=ai-menu-modal-scss.js.map

package/dist/es/plugin-ai/ai-menu-modal/ai-menu-modal-scss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugin-ai/ai-menu-modal/ai-menu-modal.scss"],
+  "sourcesContent": ["var styleDataHash = '6bdac4d4';  \nexport const injectCss = (() => {\n  var css = `.stx22{align-items:center;display:flex;gap:8px}._0EgqE{flex:1 1 auto;width:0}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"promptRow\": \"stx22\",\n  \"promptInput\": \"_0EgqE\"\n};"],
+  "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,wBAAQ;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AACjB;",
+  "names": []
+}