@super_studio/ecforce-ai-agent-react 1.0.0 → 1.1.0-canary.1

package/dist/components/chatbot-frame.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/chatbot-frame.d.ts
 type ChatbotFrameProps = {
@@ -37,7 +37,7 @@ declare function ChatbotFrame({
   enabled,
   url,
   className
-}: ChatbotFrameProps): react_jsx_runtime1.JSX.Element;
+}: ChatbotFrameProps): react_jsx_runtime3.JSX.Element;
 type SessionData = {
   token: string;
   expiresAt: string;

package/dist/components/lottie-ai-icon.mjs

@@ -4,17 +4,17 @@ import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/lottie-ai-icon.tsx
-function LottieAiIcon({ src, width = 18, height = 18, loop = true, autoplay = false, hover = false, fallback }) {
+function LottieAiIcon({ src, width = 18, height = 18, loop = true, autoplay = false, fallback }) {
 	const containerRef = React$1.useRef(null);
 	const [ready, setReady] = React$1.useState(false);
 	React$1.useEffect(() => {
 		if (typeof window === "undefined") return;
-		if (!document.querySelector("script[data-dotlottie-player]")) {
+		if (!document.querySelector("script[data-dotlottie-wc]")) {
 			const scriptEl = document.createElement("script");
 			scriptEl.type = "module";
 			scriptEl.async = true;
-			scriptEl.src = "https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js";
-			scriptEl.setAttribute("data-dotlottie-player", "true");
+			scriptEl.src = "https://unpkg.com/@lottiefiles/dotlottie-wc@0.9.8/dist/dotlottie-wc.js";
+			scriptEl.setAttribute("data-dotlottie-wc", "true");
 			scriptEl.onload = () => setReady(true);
 			scriptEl.onerror = () => setReady(false);
 			document.head.appendChild(scriptEl);
@@ -24,12 +24,11 @@ function LottieAiIcon({ src, width = 18, height = 18, loop = true, autoplay = fa
 		if (!ready || !containerRef.current) return;
 		const container = containerRef.current;
 		container.innerHTML = "";
-		const player = document.createElement("dotlottie-player");
+		const player = document.createElement("dotlottie-wc");
 		player.setAttribute("src", src);
 		player.setAttribute("style", `width:${width}px;height:${height}px`);
 		if (loop) player.setAttribute("loop", "");
 		if (autoplay) player.setAttribute("autoplay", "");
-		if (hover) player.setAttribute("hover", "");
 		container.appendChild(player);
 		return () => {
 			container.innerHTML = "";
@@ -40,8 +39,7 @@ function LottieAiIcon({ src, width = 18, height = 18, loop = true, autoplay = fa
 		width,
 		height,
 		loop,
-		autoplay,
-		hover
+		autoplay
 	]);
 	return /* @__PURE__ */ jsx("div", {
 		ref: containerRef,

package/dist/components/lottie-ai-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lottie-ai-icon.mjs","names":["React"],"sources":["../../src/components/lottie-ai-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\ntype LottieAiIconProps = {\n  src: string;\n  width?: number;\n  height?: number;\n  loop?: boolean;\n  autoplay?: boolean;\n  hover?: boolean;\n  fallback?: React.ReactNode;\n};\n\nexport function LottieAiIcon({\n  src,\n  width = 18,\n  height = 18,\n  loop = true,\n  autoplay = false,\n  hover = false,\n  fallback,\n}: LottieAiIconProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const existing = document.querySelector(\"script[data-dotlottie-player]\");\n    if (!existing) {\n      const scriptEl = document.createElement(\"script\");\n      scriptEl.type = \"module\";\n      scriptEl.async = true;\n      scriptEl.src =\n        \"https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js\";\n      scriptEl.setAttribute(\"data-dotlottie-player\", \"true\");\n      scriptEl.onload = () => setReady(true);\n      scriptEl.onerror = () => setReady(false);\n      document.head.appendChild(scriptEl);\n    } else {\n      setReady(true);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!ready || !containerRef.current) return;\n    const container = containerRef.current;\n    container.innerHTML = \"\";\n    const player = document.createElement(\"dotlottie-player\");\n    player.setAttribute(\"src\", src);\n    player.setAttribute(\"style\", `width:${width}px;height:${height}px`);\n    if (loop) player.setAttribute(\"loop\", \"\");\n    if (autoplay) player.setAttribute(\"autoplay\", \"\");\n    if (hover) player.setAttribute(\"hover\", \"\");\n    container.appendChild(player);\n    return () => {\n      container.innerHTML = \"\";\n    };\n  }, [ready, src, width, height, loop, autoplay, hover]);\n\n  return (\n    <div ref={containerRef} aria-hidden=\"true\">\n      {!ready &&\n        (fallback ?? (\n          <svg\n            width={width}\n            height={height}\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n          />\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,aAAa,EAC3B,KACA,QAAQ,IACR,SAAS,IACT,OAAO,MACP,WAAW,OACX,QAAQ,OACR,YACoB;CACpB,MAAM,eAAeA,QAAM,OAAuB,KAAK;CACvD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAS,MAAM;AAE/C,SAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;AAGnC,MAAI,CADa,SAAS,cAAc,gCAAgC,EACzD;GACb,MAAM,WAAW,SAAS,cAAc,SAAS;AACjD,YAAS,OAAO;AAChB,YAAS,QAAQ;AACjB,YAAS,MACP;AACF,YAAS,aAAa,yBAAyB,OAAO;AACtD,YAAS,eAAe,SAAS,KAAK;AACtC,YAAS,gBAAgB,SAAS,MAAM;AACxC,YAAS,KAAK,YAAY,SAAS;QAEnC,UAAS,KAAK;IAEf,EAAE,CAAC;AAEN,SAAM,gBAAgB;AACpB,MAAI,CAAC,SAAS,CAAC,aAAa,QAAS;EACrC,MAAM,YAAY,aAAa;AAC/B,YAAU,YAAY;EACtB,MAAM,SAAS,SAAS,cAAc,mBAAmB;AACzD,SAAO,aAAa,OAAO,IAAI;AAC/B,SAAO,aAAa,SAAS,SAAS,MAAM,YAAY,OAAO,IAAI;AACnE,MAAI,KAAM,QAAO,aAAa,QAAQ,GAAG;AACzC,MAAI,SAAU,QAAO,aAAa,YAAY,GAAG;AACjD,MAAI,MAAO,QAAO,aAAa,SAAS,GAAG;AAC3C,YAAU,YAAY,OAAO;AAC7B,eAAa;AACX,aAAU,YAAY;;IAEvB;EAAC;EAAO;EAAK;EAAO;EAAQ;EAAM;EAAU;EAAM,CAAC;AAEtD,QACE,oBAAC;EAAI,KAAK;EAAc,eAAY;YACjC,CAAC,UACC,sDACC,oBAAC;GACQ;GACC;GACR,SAAQ;GACR,MAAK;IACL;GAEF"}
+{"version":3,"file":"lottie-ai-icon.mjs","names":["React"],"sources":["../../src/components/lottie-ai-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\ntype LottieAiIconProps = {\n  src: string;\n  width?: number;\n  height?: number;\n  loop?: boolean;\n  autoplay?: boolean;\n  fallback?: React.ReactNode;\n};\n\nexport function LottieAiIcon({\n  src,\n  width = 18,\n  height = 18,\n  loop = true,\n  autoplay = false,\n  fallback,\n}: LottieAiIconProps) {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const existing = document.querySelector(\"script[data-dotlottie-wc]\");\n    if (!existing) {\n      const scriptEl = document.createElement(\"script\");\n      scriptEl.type = \"module\";\n      scriptEl.async = true;\n      scriptEl.src =\n        \"https://unpkg.com/@lottiefiles/dotlottie-wc@0.9.8/dist/dotlottie-wc.js\";\n      scriptEl.setAttribute(\"data-dotlottie-wc\", \"true\");\n      scriptEl.onload = () => setReady(true);\n      scriptEl.onerror = () => setReady(false);\n      document.head.appendChild(scriptEl);\n    } else {\n      setReady(true);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!ready || !containerRef.current) return;\n    const container = containerRef.current;\n    container.innerHTML = \"\";\n    const player = document.createElement(\"dotlottie-wc\");\n    player.setAttribute(\"src\", src);\n    player.setAttribute(\"style\", `width:${width}px;height:${height}px`);\n    if (loop) player.setAttribute(\"loop\", \"\");\n    if (autoplay) player.setAttribute(\"autoplay\", \"\");\n    container.appendChild(player);\n    return () => {\n      container.innerHTML = \"\";\n    };\n  }, [ready, src, width, height, loop, autoplay]);\n\n  return (\n    <div ref={containerRef} aria-hidden=\"true\">\n      {!ready &&\n        (fallback ?? (\n          <svg\n            width={width}\n            height={height}\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n          />\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,aAAa,EAC3B,KACA,QAAQ,IACR,SAAS,IACT,OAAO,MACP,WAAW,OACX,YACoB;CACpB,MAAM,eAAeA,QAAM,OAAuB,KAAK;CACvD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAS,MAAM;AAE/C,SAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;AAGnC,MAAI,CADa,SAAS,cAAc,4BAA4B,EACrD;GACb,MAAM,WAAW,SAAS,cAAc,SAAS;AACjD,YAAS,OAAO;AAChB,YAAS,QAAQ;AACjB,YAAS,MACP;AACF,YAAS,aAAa,qBAAqB,OAAO;AAClD,YAAS,eAAe,SAAS,KAAK;AACtC,YAAS,gBAAgB,SAAS,MAAM;AACxC,YAAS,KAAK,YAAY,SAAS;QAEnC,UAAS,KAAK;IAEf,EAAE,CAAC;AAEN,SAAM,gBAAgB;AACpB,MAAI,CAAC,SAAS,CAAC,aAAa,QAAS;EACrC,MAAM,YAAY,aAAa;AAC/B,YAAU,YAAY;EACtB,MAAM,SAAS,SAAS,cAAc,eAAe;AACrD,SAAO,aAAa,OAAO,IAAI;AAC/B,SAAO,aAAa,SAAS,SAAS,MAAM,YAAY,OAAO,IAAI;AACnE,MAAI,KAAM,QAAO,aAAa,QAAQ,GAAG;AACzC,MAAI,SAAU,QAAO,aAAa,YAAY,GAAG;AACjD,YAAU,YAAY,OAAO;AAC7B,eAAa;AACX,aAAU,YAAY;;IAEvB;EAAC;EAAO;EAAK;EAAO;EAAQ;EAAM;EAAS,CAAC;AAE/C,QACE,oBAAC;EAAI,KAAK;EAAc,eAAY;YACjC,CAAC,UACC,sDACC,oBAAC;GACQ;GACC;GACR,SAAQ;GACR,MAAK;IACL;GAEF"}

package/dist/components/provider/chatbot-provider.d.mts

@@ -1,4 +1,4 @@
-import { InitProps, MCP } from "./use-chatbot-frame-handler.mjs";
+import { InitProps, MCP, SendAppMessagePayload } from "./use-chatbot-frame-handler.mjs";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -26,6 +26,8 @@ type ChatbotContextType = {
   setAppName: (appName: string) => void;
   /** セッショントークンを設定 */
   setSessionToken: (sessionToken: string) => void;
+  /** アプリからメッセージを送信 */
+  sendAppMessage: (payload: SendAppMessagePayload) => void;
   /** チャットボットが準備できたか */
   isReady: boolean;
   /** チャットボットが初期化されたか */

package/dist/components/provider/chatbot-provider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-provider.d.mts","names":[],"sources":["../../../src/components/provider/chatbot-provider.tsx"],"sourcesContent":[],"mappings":";;;;;KAUK,kBAAA;;;EAAA;EAgBW,IAAA,EAAA,OAAA;EAEE;EAaQ,OAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAiB;EAO3B,UAAA,EAAA,OAAU;EAQrB;EAIW,aAAA,EAAA,CAAA,QAAe,EAAA,OAAA,EAAA,GAAA,IAAA;EAAG;EAAY,YAAA,EAAA,OAAA;EAAoB;EAAA,eAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;;gBAlClD;;kBAEE;;;;;;;;;;;;;0BAaQ;;iBAOV,UAAA,CAAA,GAAU;KAQrB,oBAAA;YACO,KAAA,CAAM;;iBAGF,eAAA;;GAA8B,uBAAoB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"chatbot-provider.d.mts","names":[],"sources":["../../../src/components/provider/chatbot-provider.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,kBAAA;;;EAAA;EAgBW,IAAA,EAAA,OAAA;EAEE;EAMU,OAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EASF;EAAiB,UAAA,EAAA,OAAA;EAO3B;EAQX,aAAA,EAAA,CAAA,QAAoB,EAAA,OAAA,EACb,GAAA,IAAM;EAGF;EAAkB,YAAA,EAAA,OAAA;EAAY;EAAoB,eAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAA;gBApClD;;kBAEE;;;;;;4BAMU;;;;;;;;;0BASF;;iBAOV,UAAA,CAAA,GAAU;KAQrB,oBAAA;YACO,KAAA,CAAM;;iBAGF,eAAA;;GAA8B,uBAAoB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/provider/chatbot-provider.mjs

@@ -14,7 +14,7 @@ function useChatbot() {
 }
 function ChatbotProvider({ children }) {
 	const { hasOpened, open, isExpanded, isFullScreen, setOpen, setIsExpanded, setIsFullScreen } = useChatbotWindowStates();
-	const { setMcps, setAppName, setSessionToken, init, isReady, isInitialized, setIframeEl } = useChatbotFrameHandler({
+	const { setMcps, setAppName, setSessionToken, sendAppMessage, init, isReady, isInitialized, setIframeEl } = useChatbotFrameHandler({
 		setOpen,
 		setIsExpanded,
 		setIsFullScreen
@@ -28,6 +28,7 @@ function ChatbotProvider({ children }) {
 		isFullScreen,
 		setIsFullScreen,
 		setSessionToken,
+		sendAppMessage,
 		init,
 		setMcps,
 		setAppName,

package/dist/components/provider/chatbot-provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-provider.mjs","names":[],"sources":["../../../src/components/provider/chatbot-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport {\n  useChatbotFrameHandler,\n  type InitProps,\n  type MCP,\n} from \"./use-chatbot-frame-handler\";\nimport { useChatbotWindowStates } from \"./use-chatbot-window-states\";\n\ntype ChatbotContextType = {\n  /** １回チャットボットを開いたら、固定でtrueになる */\n  hasOpened: boolean;\n  /** チャットボットを開いているか */\n  open: boolean;\n  /** チャットボットを開く */\n  setOpen: (open: boolean) => void;\n  /** チャットボットを展開しているか */\n  isExpanded: boolean;\n  /** チャットボットを展開する */\n  setIsExpanded: (expanded: boolean) => void;\n  /** チャットボットをフルスクリーンにしているか */\n  isFullScreen: boolean;\n  /** チャットボットをフルスクリーンにする */\n  setIsFullScreen: (fullScreen: boolean) => void;\n  /** チャットボットを初期化 */\n  init: (props: InitProps) => void;\n  /** MCPを設定 */\n  setMcps: (mcps: MCP[]) => void;\n  /** アプリ名を設定 */\n  setAppName: (appName: string) => void;\n  /** セッショントークンを設定 */\n  setSessionToken: (sessionToken: string) => void;\n  /** チャットボットが準備できたか */\n  isReady: boolean;\n  /** チャットボットが初期化されたか */\n  isInitialized: boolean;\n  /**\n   * @internal\n   * チャットボットのiframe要素を設定\n   */\n  setIframeEl: (iframeEl: HTMLIFrameElement | null) => void;\n};\n\nconst ChatbotContext = React.createContext<ChatbotContextType | undefined>(\n  undefined,\n);\n\nexport function useChatbot() {\n  const context = React.useContext(ChatbotContext);\n  if (!context) {\n    throw new Error(\"useChatbot must be used within a ChatbotProvider\");\n  }\n  return context;\n}\n\ntype ChatbotProviderProps = {\n  children: React.ReactNode;\n};\n\nexport function ChatbotProvider({ children }: ChatbotProviderProps) {\n  const {\n    hasOpened,\n    open,\n    isExpanded,\n    isFullScreen,\n    setOpen,\n    setIsExpanded,\n    setIsFullScreen,\n  } = useChatbotWindowStates();\n  const {\n    setMcps,\n    setAppName,\n    setSessionToken,\n    init,\n    isReady,\n    isInitialized,\n    setIframeEl,\n  } = useChatbotFrameHandler({\n    setOpen,\n    setIsExpanded,\n    setIsFullScreen,\n  });\n\n  const value = {\n    hasOpened,\n    open,\n    setOpen,\n    isExpanded,\n    setIsExpanded,\n    isFullScreen,\n    setIsFullScreen,\n    setSessionToken,\n    init,\n    setMcps,\n    setAppName,\n    isReady,\n    isInitialized,\n    setIframeEl,\n  };\n\n  return (\n    <ChatbotContext.Provider value={value}>{children}</ChatbotContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;AA4CA,MAAM,iBAAiB,MAAM,cAC3B,OACD;AAED,SAAgB,aAAa;CAC3B,MAAM,UAAU,MAAM,WAAW,eAAe;AAChD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,mDAAmD;AAErE,QAAO;;AAOT,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EACJ,WACA,MACA,YACA,cACA,SACA,eACA,oBACE,wBAAwB;CAC5B,MAAM,EACJ,SACA,YACA,iBACA,MACA,SACA,eACA,gBACE,uBAAuB;EACzB;EACA;EACA;EACD,CAAC;CAEF,MAAM,QAAQ;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,oBAAC,eAAe;EAAgB;EAAQ;GAAmC"}
+{"version":3,"file":"chatbot-provider.mjs","names":[],"sources":["../../../src/components/provider/chatbot-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport {\n  type SendAppMessagePayload,\n  useChatbotFrameHandler,\n  type InitProps,\n  type MCP,\n} from \"./use-chatbot-frame-handler\";\nimport { useChatbotWindowStates } from \"./use-chatbot-window-states\";\n\ntype ChatbotContextType = {\n  /** １回チャットボットを開いたら、固定でtrueになる */\n  hasOpened: boolean;\n  /** チャットボットを開いているか */\n  open: boolean;\n  /** チャットボットを開く */\n  setOpen: (open: boolean) => void;\n  /** チャットボットを展開しているか */\n  isExpanded: boolean;\n  /** チャットボットを展開する */\n  setIsExpanded: (expanded: boolean) => void;\n  /** チャットボットをフルスクリーンにしているか */\n  isFullScreen: boolean;\n  /** チャットボットをフルスクリーンにする */\n  setIsFullScreen: (fullScreen: boolean) => void;\n  /** チャットボットを初期化 */\n  init: (props: InitProps) => void;\n  /** MCPを設定 */\n  setMcps: (mcps: MCP[]) => void;\n  /** アプリ名を設定 */\n  setAppName: (appName: string) => void;\n  /** セッショントークンを設定 */\n  setSessionToken: (sessionToken: string) => void;\n  /** アプリからメッセージを送信 */\n  sendAppMessage: (payload: SendAppMessagePayload) => void;\n  /** チャットボットが準備できたか */\n  isReady: boolean;\n  /** チャットボットが初期化されたか */\n  isInitialized: boolean;\n  /**\n   * @internal\n   * チャットボットのiframe要素を設定\n   */\n  setIframeEl: (iframeEl: HTMLIFrameElement | null) => void;\n};\n\nconst ChatbotContext = React.createContext<ChatbotContextType | undefined>(\n  undefined,\n);\n\nexport function useChatbot() {\n  const context = React.useContext(ChatbotContext);\n  if (!context) {\n    throw new Error(\"useChatbot must be used within a ChatbotProvider\");\n  }\n  return context;\n}\n\ntype ChatbotProviderProps = {\n  children: React.ReactNode;\n};\n\nexport function ChatbotProvider({ children }: ChatbotProviderProps) {\n  const {\n    hasOpened,\n    open,\n    isExpanded,\n    isFullScreen,\n    setOpen,\n    setIsExpanded,\n    setIsFullScreen,\n  } = useChatbotWindowStates();\n  const {\n    setMcps,\n    setAppName,\n    setSessionToken,\n    sendAppMessage,\n    init,\n    isReady,\n    isInitialized,\n    setIframeEl,\n  } = useChatbotFrameHandler({\n    setOpen,\n    setIsExpanded,\n    setIsFullScreen,\n  });\n\n  const value = {\n    hasOpened,\n    open,\n    setOpen,\n    isExpanded,\n    setIsExpanded,\n    isFullScreen,\n    setIsFullScreen,\n    setSessionToken,\n    sendAppMessage,\n    init,\n    setMcps,\n    setAppName,\n    isReady,\n    isInitialized,\n    setIframeEl,\n  };\n\n  return (\n    <ChatbotContext.Provider value={value}>{children}</ChatbotContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;AA+CA,MAAM,iBAAiB,MAAM,cAC3B,OACD;AAED,SAAgB,aAAa;CAC3B,MAAM,UAAU,MAAM,WAAW,eAAe;AAChD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,mDAAmD;AAErE,QAAO;;AAOT,SAAgB,gBAAgB,EAAE,YAAkC;CAClE,MAAM,EACJ,WACA,MACA,YACA,cACA,SACA,eACA,oBACE,wBAAwB;CAC5B,MAAM,EACJ,SACA,YACA,iBACA,gBACA,MACA,SACA,eACA,gBACE,uBAAuB;EACzB;EACA;EACA;EACD,CAAC;CAEF,MAAM,QAAQ;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QACE,oBAAC,eAAe;EAAgB;EAAQ;GAAmC"}

package/dist/components/provider/use-chatbot-frame-handler.d.mts

@@ -12,6 +12,18 @@ type InitProps = {
   appName?: string;
   sessionToken?: string;
 };
+type AppMessageAttachment = {
+  fileName: string;
+  mediaType: string;
+  url: string;
+};
+type SendAppMessagePayload = {
+  title?: string;
+  message: string;
+  hiddenMessage?: string;
+  startOnNewChat?: boolean;
+  attachments?: AppMessageAttachment[];
+};
 //#endregion
-export { InitProps, MCP };
+export { InitProps, MCP, SendAppMessagePayload };
 //# sourceMappingURL=use-chatbot-frame-handler.d.mts.map

package/dist/components/provider/use-chatbot-frame-handler.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chatbot-frame-handler.d.mts","names":[],"sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,GAAA;;;YAGA;;KAGA,SAAA;SACH"}
+{"version":3,"file":"use-chatbot-frame-handler.d.mts","names":[],"sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,GAAA;;;YAGA;;KAGA,SAAA;SACH;;;;KAKG,oBAAA;;;;;KAMA,qBAAA;;;;;gBAKI"}

package/dist/components/provider/use-chatbot-frame-handler.mjs

@@ -8,11 +8,14 @@ function useChatbotFrameHandler({ setOpen, setIsExpanded, setIsFullScreen }) {
 	const [iframeEl, setIframeEl] = React.useState(null);
 	const [isReady, setIsReady] = React.useState(false);
 	const [isInitialized, setIsInitialized] = React.useState(false);
+	const pendingAppMessageRef = React.useRef(null);
 	const postMessage = React.useCallback((message) => {
 		if (iframeEl === null || iframeEl === void 0 ? void 0 : iframeEl.contentWindow) {
 			if (process.env.NODE_ENV === "development") console.log("sending message to iframe", message);
 			iframeEl.contentWindow.postMessage(message, "*");
+			return true;
 		}
+		return false;
 	}, [iframeEl]);
 	const init = React.useCallback((props) => {
 		postMessage(_objectSpread2({ type: "init" }, props));
@@ -35,11 +38,35 @@ function useChatbotFrameHandler({ setOpen, setIsExpanded, setIsFullScreen }) {
 			sessionToken
 		});
 	}, [postMessage]);
+	const flushPendingAppMessage = React.useCallback(() => {
+		const pendingPayload = pendingAppMessageRef.current;
+		if (!pendingPayload || !isReady || !isInitialized) return false;
+		const sent = postMessage({
+			type: "appMessage",
+			payload: pendingPayload
+		});
+		if (sent) pendingAppMessageRef.current = null;
+		return sent;
+	}, [
+		isInitialized,
+		isReady,
+		postMessage
+	]);
+	const sendAppMessage = React.useCallback((payload) => {
+		var _payload$startOnNewCh;
+		pendingAppMessageRef.current = _objectSpread2(_objectSpread2({}, payload), {}, { startOnNewChat: (_payload$startOnNewCh = payload.startOnNewChat) !== null && _payload$startOnNewCh !== void 0 ? _payload$startOnNewCh : true });
+		setOpen(true);
+		flushPendingAppMessage();
+	}, [flushPendingAppMessage, setOpen]);
+	React.useEffect(() => {
+		flushPendingAppMessage();
+	}, [flushPendingAppMessage]);
 	React.useEffect(() => {
 		const iframe = iframeEl;
 		if (!iframe) return;
 		const handleMessage = (event) => {
 			var _event$data;
+			if (event.source !== iframe.contentWindow) return;
 			if (process.env.NODE_ENV === "development") console.log("iframe message", event.data);
 			switch ((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) {
 				case "CHATBOT_READY":
@@ -69,8 +96,10 @@ function useChatbotFrameHandler({ setOpen, setIsExpanded, setIsFullScreen }) {
 			}
 		};
 		const handleIframeLoad = () => {
-			window.addEventListener("message", handleMessage);
+			setIsReady(false);
+			setIsInitialized(false);
 		};
+		window.addEventListener("message", handleMessage);
 		iframe.addEventListener("load", handleIframeLoad);
 		return () => {
 			window.removeEventListener("message", handleMessage);
@@ -82,6 +111,7 @@ function useChatbotFrameHandler({ setOpen, setIsExpanded, setIsFullScreen }) {
 		setMcps,
 		setAppName,
 		setSessionToken,
+		sendAppMessage,
 		setIframeEl,
 		isReady,
 		isInitialized

package/dist/components/provider/use-chatbot-frame-handler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-chatbot-frame-handler.mjs","names":[],"sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport type IframeMessage =\n  | { type: \"CHATBOT_READY\" }\n  | { type: \"CHATBOT_INITIALIZED\" }\n  | { type: \"CLOSE_CHATBOT\" }\n  | { type: \"EXPAND_CHATBOT\" }\n  | { type: \"SHRINK_CHATBOT\" }\n  | { type: \"FULLSCREEN_CHATBOT\" }\n  | { type: \"EXIT_FULLSCREEN_CHATBOT\" }\n  | { type: \"RELOAD_CHATBOT\" };\n\nexport type MCP = {\n  name: string;\n  url: string;\n  headers?: Record<string, string>;\n};\n\nexport type InitProps = {\n  mcps?: MCP[];\n  appName?: string;\n  sessionToken?: string;\n};\n\nexport type ParentMessage =\n  | {\n      type: \"mcps\";\n      mcps: MCP[];\n    }\n  | {\n      type: \"appName\";\n      appName: string;\n    }\n  | {\n      type: \"sessionToken\";\n      sessionToken: string;\n    }\n  | {\n      type: \"init\";\n      mcps?: MCP[];\n      appName?: string;\n      sessionToken?: string;\n    };\n\nexport function useChatbotFrameHandler({\n  setOpen,\n  setIsExpanded,\n  setIsFullScreen,\n}: {\n  setOpen: (open: boolean) => void;\n  setIsExpanded: (expanded: boolean) => void;\n  setIsFullScreen: (fullScreen: boolean) => void;\n}) {\n  const [iframeEl, setIframeEl] = React.useState<HTMLIFrameElement | null>(\n    null,\n  );\n  const [isReady, setIsReady] = React.useState(false);\n  const [isInitialized, setIsInitialized] = React.useState(false);\n\n  // helper to post message to the iframe\n  const postMessage = React.useCallback(\n    (message: ParentMessage) => {\n      if (iframeEl?.contentWindow) {\n        if (process.env.NODE_ENV === \"development\") {\n          console.log(\"sending message to iframe\", message);\n        }\n        iframeEl.contentWindow.postMessage(message, \"*\");\n      }\n    },\n    [iframeEl],\n  );\n\n  const init = React.useCallback(\n    (props: InitProps) => {\n      postMessage({\n        type: \"init\",\n        ...props,\n      });\n    },\n    [postMessage],\n  );\n\n  const setMcps = React.useCallback(\n    (mcps: MCP[]) => {\n      postMessage({ type: \"mcps\", mcps });\n    },\n    [postMessage],\n  );\n\n  const setAppName = React.useCallback(\n    (appName: string) => {\n      postMessage({ type: \"appName\", appName });\n    },\n    [postMessage],\n  );\n\n  const setSessionToken = React.useCallback(\n    (sessionToken: string) => {\n      postMessage({ type: \"sessionToken\", sessionToken });\n    },\n    [postMessage],\n  );\n\n  // Initialize and setup listeners\n  React.useEffect(() => {\n    const iframe = iframeEl;\n    if (!iframe) {\n      return;\n    }\n\n    const handleMessage = (event: MessageEvent<IframeMessage>) => {\n      if (process.env.NODE_ENV === \"development\") {\n        console.log(\"iframe message\", event.data);\n      }\n      // Handle iframe messages\n      switch (event.data?.type) {\n        case \"CHATBOT_READY\":\n          setIsReady(true);\n          break;\n        case \"CHATBOT_INITIALIZED\":\n          setIsInitialized(true);\n          break;\n        case \"CLOSE_CHATBOT\":\n          setOpen(false);\n          break;\n        case \"EXPAND_CHATBOT\":\n          setIsExpanded(true);\n          break;\n        case \"SHRINK_CHATBOT\":\n          setIsExpanded(false);\n          break;\n        case \"FULLSCREEN_CHATBOT\":\n          setIsFullScreen(true);\n          break;\n        case \"EXIT_FULLSCREEN_CHATBOT\":\n          setIsFullScreen(false);\n          break;\n        case \"RELOAD_CHATBOT\":\n          // reload iframe\n          iframe.src = iframe.src;\n          break;\n      }\n    };\n\n    const handleIframeLoad = () => {\n      window.addEventListener(\"message\", handleMessage);\n    };\n\n    iframe.addEventListener(\"load\", handleIframeLoad);\n\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n      iframe.removeEventListener(\"load\", handleIframeLoad);\n    };\n  }, [iframeEl]); // Run when iframe gets mounted\n\n  return {\n    init,\n    setMcps,\n    setAppName,\n    setSessionToken,\n    setIframeEl,\n    isReady,\n    isInitialized,\n  };\n}\n"],"mappings":";;;;;;AA8CA,SAAgB,uBAAuB,EACrC,SACA,eACA,mBAKC;CACD,MAAM,CAAC,UAAU,eAAe,MAAM,SACpC,KACD;CACD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CACnD,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAS,MAAM;CAG/D,MAAM,cAAc,MAAM,aACvB,YAA2B;AAC1B,0DAAI,SAAU,eAAe;AAC3B,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,6BAA6B,QAAQ;AAEnD,YAAS,cAAc,YAAY,SAAS,IAAI;;IAGpD,CAAC,SAAS,CACX;CAED,MAAM,OAAO,MAAM,aAChB,UAAqB;AACpB,+BACE,MAAM,UACH,OACH;IAEJ,CAAC,YAAY,CACd;CAED,MAAM,UAAU,MAAM,aACnB,SAAgB;AACf,cAAY;GAAE,MAAM;GAAQ;GAAM,CAAC;IAErC,CAAC,YAAY,CACd;CAED,MAAM,aAAa,MAAM,aACtB,YAAoB;AACnB,cAAY;GAAE,MAAM;GAAW;GAAS,CAAC;IAE3C,CAAC,YAAY,CACd;CAED,MAAM,kBAAkB,MAAM,aAC3B,iBAAyB;AACxB,cAAY;GAAE,MAAM;GAAgB;GAAc,CAAC;IAErD,CAAC,YAAY,CACd;AAGD,OAAM,gBAAgB;EACpB,MAAM,SAAS;AACf,MAAI,CAAC,OACH;EAGF,MAAM,iBAAiB,UAAuC;;AAC5D,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,kBAAkB,MAAM,KAAK;AAG3C,0BAAQ,MAAM,gEAAM,MAApB;IACE,KAAK;AACH,gBAAW,KAAK;AAChB;IACF,KAAK;AACH,sBAAiB,KAAK;AACtB;IACF,KAAK;AACH,aAAQ,MAAM;AACd;IACF,KAAK;AACH,mBAAc,KAAK;AACnB;IACF,KAAK;AACH,mBAAc,MAAM;AACpB;IACF,KAAK;AACH,qBAAgB,KAAK;AACrB;IACF,KAAK;AACH,qBAAgB,MAAM;AACtB;IACF,KAAK;AAEH,YAAO,MAAM,OAAO;AACpB;;;EAIN,MAAM,yBAAyB;AAC7B,UAAO,iBAAiB,WAAW,cAAc;;AAGnD,SAAO,iBAAiB,QAAQ,iBAAiB;AAEjD,eAAa;AACX,UAAO,oBAAoB,WAAW,cAAc;AACpD,UAAO,oBAAoB,QAAQ,iBAAiB;;IAErD,CAAC,SAAS,CAAC;AAEd,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-chatbot-frame-handler.mjs","names":[],"sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport type IframeMessage =\n  | { type: \"CHATBOT_READY\" }\n  | { type: \"CHATBOT_INITIALIZED\" }\n  | { type: \"CLOSE_CHATBOT\" }\n  | { type: \"EXPAND_CHATBOT\" }\n  | { type: \"SHRINK_CHATBOT\" }\n  | { type: \"FULLSCREEN_CHATBOT\" }\n  | { type: \"EXIT_FULLSCREEN_CHATBOT\" }\n  | { type: \"RELOAD_CHATBOT\" };\n\nexport type MCP = {\n  name: string;\n  url: string;\n  headers?: Record<string, string>;\n};\n\nexport type InitProps = {\n  mcps?: MCP[];\n  appName?: string;\n  sessionToken?: string;\n};\n\nexport type AppMessageAttachment = {\n  fileName: string;\n  mediaType: string;\n  url: string;\n};\n\nexport type SendAppMessagePayload = {\n  title?: string;\n  message: string;\n  hiddenMessage?: string;\n  startOnNewChat?: boolean;\n  attachments?: AppMessageAttachment[];\n};\n\nexport type ParentMessage =\n  | {\n      type: \"mcps\";\n      mcps: MCP[];\n    }\n  | {\n      type: \"appName\";\n      appName: string;\n    }\n  | {\n      type: \"sessionToken\";\n      sessionToken: string;\n    }\n  | {\n      type: \"init\";\n      mcps?: MCP[];\n      appName?: string;\n      sessionToken?: string;\n    }\n  | {\n      type: \"appMessage\";\n      payload: SendAppMessagePayload;\n    };\n\nexport function useChatbotFrameHandler({\n  setOpen,\n  setIsExpanded,\n  setIsFullScreen,\n}: {\n  setOpen: (open: boolean) => void;\n  setIsExpanded: (expanded: boolean) => void;\n  setIsFullScreen: (fullScreen: boolean) => void;\n}) {\n  const [iframeEl, setIframeEl] = React.useState<HTMLIFrameElement | null>(\n    null,\n  );\n  const [isReady, setIsReady] = React.useState(false);\n  const [isInitialized, setIsInitialized] = React.useState(false);\n  const pendingAppMessageRef = React.useRef<SendAppMessagePayload | null>(null);\n\n  // helper to post message to the iframe\n  const postMessage = React.useCallback(\n    (message: ParentMessage) => {\n      if (iframeEl?.contentWindow) {\n        if (process.env.NODE_ENV === \"development\") {\n          console.log(\"sending message to iframe\", message);\n        }\n        iframeEl.contentWindow.postMessage(message, \"*\");\n        return true;\n      }\n      return false;\n    },\n    [iframeEl],\n  );\n\n  const init = React.useCallback(\n    (props: InitProps) => {\n      postMessage({\n        type: \"init\",\n        ...props,\n      });\n    },\n    [postMessage],\n  );\n\n  const setMcps = React.useCallback(\n    (mcps: MCP[]) => {\n      postMessage({ type: \"mcps\", mcps });\n    },\n    [postMessage],\n  );\n\n  const setAppName = React.useCallback(\n    (appName: string) => {\n      postMessage({ type: \"appName\", appName });\n    },\n    [postMessage],\n  );\n\n  const setSessionToken = React.useCallback(\n    (sessionToken: string) => {\n      postMessage({ type: \"sessionToken\", sessionToken });\n    },\n    [postMessage],\n  );\n\n  const flushPendingAppMessage = React.useCallback(() => {\n    const pendingPayload = pendingAppMessageRef.current;\n    if (!pendingPayload || !isReady || !isInitialized) {\n      return false;\n    }\n\n    const sent = postMessage({\n      type: \"appMessage\",\n      payload: pendingPayload,\n    });\n\n    if (sent) {\n      pendingAppMessageRef.current = null;\n    }\n\n    return sent;\n  }, [isInitialized, isReady, postMessage]);\n\n  const sendAppMessage = React.useCallback(\n    (payload: SendAppMessagePayload) => {\n      pendingAppMessageRef.current = {\n        ...payload,\n        startOnNewChat: payload.startOnNewChat ?? true,\n      };\n      setOpen(true);\n      flushPendingAppMessage();\n    },\n    [flushPendingAppMessage, setOpen],\n  );\n\n  React.useEffect(() => {\n    flushPendingAppMessage();\n  }, [flushPendingAppMessage]);\n\n  // Initialize and setup listeners\n  React.useEffect(() => {\n    const iframe = iframeEl;\n    if (!iframe) {\n      return;\n    }\n\n    const handleMessage = (event: MessageEvent<IframeMessage>) => {\n      if (event.source !== iframe.contentWindow) {\n        return;\n      }\n      if (process.env.NODE_ENV === \"development\") {\n        console.log(\"iframe message\", event.data);\n      }\n      // Handle iframe messages\n      switch (event.data?.type) {\n        case \"CHATBOT_READY\":\n          setIsReady(true);\n          break;\n        case \"CHATBOT_INITIALIZED\":\n          setIsInitialized(true);\n          break;\n        case \"CLOSE_CHATBOT\":\n          setOpen(false);\n          break;\n        case \"EXPAND_CHATBOT\":\n          setIsExpanded(true);\n          break;\n        case \"SHRINK_CHATBOT\":\n          setIsExpanded(false);\n          break;\n        case \"FULLSCREEN_CHATBOT\":\n          setIsFullScreen(true);\n          break;\n        case \"EXIT_FULLSCREEN_CHATBOT\":\n          setIsFullScreen(false);\n          break;\n        case \"RELOAD_CHATBOT\":\n          // reload iframe\n          iframe.src = iframe.src;\n          break;\n      }\n    };\n\n    const handleIframeLoad = () => {\n      setIsReady(false);\n      setIsInitialized(false);\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    iframe.addEventListener(\"load\", handleIframeLoad);\n\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n      iframe.removeEventListener(\"load\", handleIframeLoad);\n    };\n  }, [iframeEl]); // Run when iframe gets mounted\n\n  return {\n    init,\n    setMcps,\n    setAppName,\n    setSessionToken,\n    sendAppMessage,\n    setIframeEl,\n    isReady,\n    isInitialized,\n  };\n}\n"],"mappings":";;;;;;AAgEA,SAAgB,uBAAuB,EACrC,SACA,eACA,mBAKC;CACD,MAAM,CAAC,UAAU,eAAe,MAAM,SACpC,KACD;CACD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CACnD,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAS,MAAM;CAC/D,MAAM,uBAAuB,MAAM,OAAqC,KAAK;CAG7E,MAAM,cAAc,MAAM,aACvB,YAA2B;AAC1B,0DAAI,SAAU,eAAe;AAC3B,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,6BAA6B,QAAQ;AAEnD,YAAS,cAAc,YAAY,SAAS,IAAI;AAChD,UAAO;;AAET,SAAO;IAET,CAAC,SAAS,CACX;CAED,MAAM,OAAO,MAAM,aAChB,UAAqB;AACpB,+BACE,MAAM,UACH,OACH;IAEJ,CAAC,YAAY,CACd;CAED,MAAM,UAAU,MAAM,aACnB,SAAgB;AACf,cAAY;GAAE,MAAM;GAAQ;GAAM,CAAC;IAErC,CAAC,YAAY,CACd;CAED,MAAM,aAAa,MAAM,aACtB,YAAoB;AACnB,cAAY;GAAE,MAAM;GAAW;GAAS,CAAC;IAE3C,CAAC,YAAY,CACd;CAED,MAAM,kBAAkB,MAAM,aAC3B,iBAAyB;AACxB,cAAY;GAAE,MAAM;GAAgB;GAAc,CAAC;IAErD,CAAC,YAAY,CACd;CAED,MAAM,yBAAyB,MAAM,kBAAkB;EACrD,MAAM,iBAAiB,qBAAqB;AAC5C,MAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,cAClC,QAAO;EAGT,MAAM,OAAO,YAAY;GACvB,MAAM;GACN,SAAS;GACV,CAAC;AAEF,MAAI,KACF,sBAAqB,UAAU;AAGjC,SAAO;IACN;EAAC;EAAe;EAAS;EAAY,CAAC;CAEzC,MAAM,iBAAiB,MAAM,aAC1B,YAAmC;;AAClC,uBAAqB,4CAChB,gBACH,yCAAgB,QAAQ,uFAAkB;AAE5C,UAAQ,KAAK;AACb,0BAAwB;IAE1B,CAAC,wBAAwB,QAAQ,CAClC;AAED,OAAM,gBAAgB;AACpB,0BAAwB;IACvB,CAAC,uBAAuB,CAAC;AAG5B,OAAM,gBAAgB;EACpB,MAAM,SAAS;AACf,MAAI,CAAC,OACH;EAGF,MAAM,iBAAiB,UAAuC;;AAC5D,OAAI,MAAM,WAAW,OAAO,cAC1B;AAEF,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,kBAAkB,MAAM,KAAK;AAG3C,0BAAQ,MAAM,gEAAM,MAApB;IACE,KAAK;AACH,gBAAW,KAAK;AAChB;IACF,KAAK;AACH,sBAAiB,KAAK;AACtB;IACF,KAAK;AACH,aAAQ,MAAM;AACd;IACF,KAAK;AACH,mBAAc,KAAK;AACnB;IACF,KAAK;AACH,mBAAc,MAAM;AACpB;IACF,KAAK;AACH,qBAAgB,KAAK;AACrB;IACF,KAAK;AACH,qBAAgB,MAAM;AACtB;IACF,KAAK;AAEH,YAAO,MAAM,OAAO;AACpB;;;EAIN,MAAM,yBAAyB;AAC7B,cAAW,MAAM;AACjB,oBAAiB,MAAM;;AAGzB,SAAO,iBAAiB,WAAW,cAAc;AACjD,SAAO,iBAAiB,QAAQ,iBAAiB;AAEjD,eAAa;AACX,UAAO,oBAAoB,WAAW,cAAc;AACpD,UAAO,oBAAoB,QAAQ,iBAAiB;;IAErD,CAAC,SAAS,CAAC;AAEd,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/sheet.d.mts

@@ -1,11 +1,11 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts
 declare function Sheet({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime3.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime1.JSX.Element;
 declare const SheetTrigger: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SheetContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "1.0.0",
+  "version": "1.1.0-canary.1",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",

package/src/components/lottie-ai-icon.tsx

@@ -8,7 +8,6 @@ type LottieAiIconProps = {
   height?: number;
   loop?: boolean;
   autoplay?: boolean;
-  hover?: boolean;
   fallback?: React.ReactNode;
 };
 
@@ -18,7 +17,6 @@ export function LottieAiIcon({
   height = 18,
   loop = true,
   autoplay = false,
-  hover = false,
   fallback,
 }: LottieAiIconProps) {
   const containerRef = React.useRef<HTMLDivElement>(null);
@@ -27,14 +25,14 @@ export function LottieAiIcon({
   React.useEffect(() => {
     if (typeof window === "undefined") return;
 
-    const existing = document.querySelector("script[data-dotlottie-player]");
+    const existing = document.querySelector("script[data-dotlottie-wc]");
     if (!existing) {
       const scriptEl = document.createElement("script");
       scriptEl.type = "module";
       scriptEl.async = true;
       scriptEl.src =
-        "https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js";
-      scriptEl.setAttribute("data-dotlottie-player", "true");
+        "https://unpkg.com/@lottiefiles/dotlottie-wc@0.9.8/dist/dotlottie-wc.js";
+      scriptEl.setAttribute("data-dotlottie-wc", "true");
       scriptEl.onload = () => setReady(true);
       scriptEl.onerror = () => setReady(false);
       document.head.appendChild(scriptEl);
@@ -47,17 +45,16 @@ export function LottieAiIcon({
     if (!ready || !containerRef.current) return;
     const container = containerRef.current;
     container.innerHTML = "";
-    const player = document.createElement("dotlottie-player");
+    const player = document.createElement("dotlottie-wc");
     player.setAttribute("src", src);
     player.setAttribute("style", `width:${width}px;height:${height}px`);
     if (loop) player.setAttribute("loop", "");
     if (autoplay) player.setAttribute("autoplay", "");
-    if (hover) player.setAttribute("hover", "");
     container.appendChild(player);
     return () => {
       container.innerHTML = "";
     };
-  }, [ready, src, width, height, loop, autoplay, hover]);
+  }, [ready, src, width, height, loop, autoplay]);
 
   return (
     <div ref={containerRef} aria-hidden="true">

package/src/components/provider/chatbot-provider.tsx

@@ -2,6 +2,7 @@
 
 import React from "react";
 import {
+  type SendAppMessagePayload,
   useChatbotFrameHandler,
   type InitProps,
   type MCP,
@@ -31,6 +32,8 @@ type ChatbotContextType = {
   setAppName: (appName: string) => void;
   /** セッショントークンを設定 */
   setSessionToken: (sessionToken: string) => void;
+  /** アプリからメッセージを送信 */
+  sendAppMessage: (payload: SendAppMessagePayload) => void;
   /** チャットボットが準備できたか */
   isReady: boolean;
   /** チャットボットが初期化されたか */
@@ -72,6 +75,7 @@ export function ChatbotProvider({ children }: ChatbotProviderProps) {
     setMcps,
     setAppName,
     setSessionToken,
+    sendAppMessage,
     init,
     isReady,
     isInitialized,
@@ -91,6 +95,7 @@ export function ChatbotProvider({ children }: ChatbotProviderProps) {
     isFullScreen,
     setIsFullScreen,
     setSessionToken,
+    sendAppMessage,
     init,
     setMcps,
     setAppName,

package/src/components/provider/use-chatbot-frame-handler.tsx

@@ -24,6 +24,20 @@ export type InitProps = {
   sessionToken?: string;
 };
 
+export type AppMessageAttachment = {
+  fileName: string;
+  mediaType: string;
+  url: string;
+};
+
+export type SendAppMessagePayload = {
+  title?: string;
+  message: string;
+  hiddenMessage?: string;
+  startOnNewChat?: boolean;
+  attachments?: AppMessageAttachment[];
+};
+
 export type ParentMessage =
   | {
       type: "mcps";
@@ -42,6 +56,10 @@ export type ParentMessage =
       mcps?: MCP[];
       appName?: string;
       sessionToken?: string;
+    }
+  | {
+      type: "appMessage";
+      payload: SendAppMessagePayload;
     };
 
 export function useChatbotFrameHandler({
@@ -58,6 +76,7 @@ export function useChatbotFrameHandler({
   );
   const [isReady, setIsReady] = React.useState(false);
   const [isInitialized, setIsInitialized] = React.useState(false);
+  const pendingAppMessageRef = React.useRef<SendAppMessagePayload | null>(null);
 
   // helper to post message to the iframe
   const postMessage = React.useCallback(
@@ -67,7 +86,9 @@ export function useChatbotFrameHandler({
           console.log("sending message to iframe", message);
         }
         iframeEl.contentWindow.postMessage(message, "*");
+        return true;
       }
+      return false;
     },
     [iframeEl],
   );
@@ -103,6 +124,40 @@ export function useChatbotFrameHandler({
     [postMessage],
   );
 
+  const flushPendingAppMessage = React.useCallback(() => {
+    const pendingPayload = pendingAppMessageRef.current;
+    if (!pendingPayload || !isReady || !isInitialized) {
+      return false;
+    }
+
+    const sent = postMessage({
+      type: "appMessage",
+      payload: pendingPayload,
+    });
+
+    if (sent) {
+      pendingAppMessageRef.current = null;
+    }
+
+    return sent;
+  }, [isInitialized, isReady, postMessage]);
+
+  const sendAppMessage = React.useCallback(
+    (payload: SendAppMessagePayload) => {
+      pendingAppMessageRef.current = {
+        ...payload,
+        startOnNewChat: payload.startOnNewChat ?? true,
+      };
+      setOpen(true);
+      flushPendingAppMessage();
+    },
+    [flushPendingAppMessage, setOpen],
+  );
+
+  React.useEffect(() => {
+    flushPendingAppMessage();
+  }, [flushPendingAppMessage]);
+
   // Initialize and setup listeners
   React.useEffect(() => {
     const iframe = iframeEl;
@@ -111,6 +166,9 @@ export function useChatbotFrameHandler({
     }
 
     const handleMessage = (event: MessageEvent<IframeMessage>) => {
+      if (event.source !== iframe.contentWindow) {
+        return;
+      }
       if (process.env.NODE_ENV === "development") {
         console.log("iframe message", event.data);
       }
@@ -145,9 +203,11 @@ export function useChatbotFrameHandler({
     };
 
     const handleIframeLoad = () => {
-      window.addEventListener("message", handleMessage);
+      setIsReady(false);
+      setIsInitialized(false);
     };
 
+    window.addEventListener("message", handleMessage);
     iframe.addEventListener("load", handleIframeLoad);
 
     return () => {
@@ -161,6 +221,7 @@ export function useChatbotFrameHandler({
     setMcps,
     setAppName,
     setSessionToken,
+    sendAppMessage,
     setIframeEl,
     isReady,
     isInitialized,