feat: add error message when promptAI action is used in the Sandbox

Author: demetriusfeijoo

packages/sandbox/src/components/FieldPluginSandbox.tsx

@@ -278,6 +278,15 @@ const useSandbox = (
     [uid, pluginParams, dispatchAssetSelected],
   )
 
+  const onPromptAI = useCallback(
+    () =>
+      onError({
+        title: 'AI Prompt',
+        message: 'AI Prompt is not supported in the sandbox',
+      }),
+    [onError],
+  )
+
   useEffect(
     () =>
       createSandboxMessageListener(
@@ -288,6 +297,7 @@ const useSandbox = (
           setModalOpen: onModalChange,
           requestContext: onContextRequested,
           selectAsset: onAssetSelected,
+          promptAI: onPromptAI,
         },
         {
           iframeOrigin: fieldPluginURL?.origin,
@@ -306,6 +316,7 @@ const useSandbox = (
       onHeightChange,
       onModalChange,
       onUpdate,
+      onPromptAI,
       fieldPluginURL,
     ],
   )

packages/sandbox/src/dom/createSandboxMessageListener.ts

@@ -1,17 +1,19 @@
 import {
-  AssetModalChangeMessage,
-  GetContextMessage,
-  HeightChangeMessage,
   isAssetModalChangeMessage,
   isGetContextMessage,
   isHeightChangeMessage,
   isMessageToContainer,
   isModalChangeMessage,
   isPluginLoadedMessage,
   isValueChangeMessage,
-  ModalChangeMessage,
-  PluginLoadedMessage,
-  ValueChangeMessage,
+  type ModalChangeMessage,
+  type PluginLoadedMessage,
+  type PluginPromptAIMessage,
+  type ValueChangeMessage,
+  type AssetModalChangeMessage,
+  type GetContextMessage,
+  type HeightChangeMessage,
+  isPluginPromptAIMessage,
 } from '@storyblok/field-plugin'
 
 type SandboxActions = {
@@ -21,6 +23,7 @@ type SandboxActions = {
   setPluginReady: (message: PluginLoadedMessage) => void
   requestContext: (message: GetContextMessage) => void
   selectAsset: (message: AssetModalChangeMessage) => void
+  promptAI: (message: PluginPromptAIMessage) => void
 }
 
 export type CreateSandboxListener = (
@@ -60,6 +63,8 @@ export const createSandboxMessageListener: CreateSandboxListener = (
       eventHandlers.selectAsset(message)
     } else if (isGetContextMessage(message)) {
       eventHandlers.requestContext(message)
+    } else if (isPluginPromptAIMessage(message)) {
+      eventHandlers.promptAI(message)
     } else {
       console.warn(
         `The Sandbox received unknown message from plugin: ${JSON.stringify(