@super_studio/ecforce-ai-agent-react 0.6.0-canary.2 → 0.6.0-canary.4

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

@@ -1,11 +1,10 @@
-import type { MCP } from "./provider/use-chatbot-frame-handler";
 export type ChatbotFrameProps = {
-    /** 管理画面上のエージェントID */
-    agentId: string;
     /** 初期化時のチャットID */
-    initialChatId?: string;
-    /** エージェントにつなげるMCPの情報 */
-    mcps?: MCP[];
+    initialConfig?: {
+        agentId?: string;
+        chatId?: string;
+        model?: string;
+    };
     /** アプリ名のメタデータ */
     appName?: string;
     /** セッションを取得するための関数 */
@@ -28,7 +27,7 @@ export type ChatbotFrameProps = {
     url?: string;
     className?: string;
 };
-export declare function ChatbotFrame({ agentId, appName, initialChatId, mcps, getSession, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatbotFrame({ appName, initialConfig, getSession, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
 export type SessionData = {
     token: string;
     expiresAt: string;

package/dist/components/chatbot-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sCAAsC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,aAAa,EACb,IAAI,EACJ,UAAU,EACV,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CAgFnB;AAoBD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE,eAAe,sBAuCzD"}
+{"version":3,"file":"chatbot-frame.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-frame.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kBAAkB;IAClB,aAAa,CAAC,EAAE;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC,CAAC;IACH;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CAiEnB;AAsBD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE,eAAe,sBAuCzD"}

package/dist/index.js

@@ -199,10 +199,8 @@ var PROD_CHATBOT_URL = "https://agent.ec-force.com";
 // src/components/chatbot-frame.tsx
 
 function ChatbotFrame({
-  agentId,
   appName,
-  initialChatId,
-  mcps,
+  initialConfig,
   getSession,
   enabled = true,
   url,
@@ -222,22 +220,14 @@ function ChatbotFrame({
   React5.default.useEffect(() => {
     if (shouldInit && !sentInitRef.current) {
       init({
-        mcps,
         appName,
         sessionToken
       });
       sentInitRef.current = true;
-      setCurrentMcps(mcps);
       setCurrentAppName(appName);
       setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady, sessionToken]);
-  React5.default.useEffect(() => {
-    if (sentInitRef.current && mcps && JSON.stringify(currentMcps) !== JSON.stringify(mcps)) {
-      setMcps(mcps);
-      setCurrentMcps(mcps);
-    }
-  }, [mcps]);
+  }, [enabled, init, appName, isReady, sessionToken]);
   React5.default.useEffect(() => {
     if (sentInitRef.current && appName && currentAppName !== appName) {
       setCurrentAppName(appName);
@@ -256,8 +246,7 @@ function ChatbotFrame({
       ref: setIframeEl,
       src: buildIframeUrl({
         baseUrl,
-        agentId,
-        initialChatId
+        initialConfig
       }),
       className,
       allow: "clipboard-write",
@@ -270,12 +259,11 @@ function ChatbotFrame({
 }
 function buildIframeUrl({
   baseUrl,
-  agentId,
-  initialChatId
+  initialConfig
 }) {
-  const url = new URL(`/embed/${agentId}`, baseUrl);
-  if (initialChatId) {
-    url.searchParams.set("initialChatId", initialChatId);
+  const url = new URL(`/embed`, baseUrl);
+  if (initialConfig) {
+    url.searchParams.set("initialConfig", JSON.stringify(initialConfig));
   }
   return url.toString();
 }

package/dist/index.mjs

@@ -199,10 +199,8 @@ var PROD_CHATBOT_URL = "https://agent.ec-force.com";
 // src/components/chatbot-frame.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function ChatbotFrame({
-  agentId,
   appName,
-  initialChatId,
-  mcps,
+  initialConfig,
   getSession,
   enabled = true,
   url,
@@ -222,22 +220,14 @@ function ChatbotFrame({
   React4.useEffect(() => {
     if (shouldInit && !sentInitRef.current) {
       init({
-        mcps,
         appName,
         sessionToken
       });
       sentInitRef.current = true;
-      setCurrentMcps(mcps);
       setCurrentAppName(appName);
       setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady, sessionToken]);
-  React4.useEffect(() => {
-    if (sentInitRef.current && mcps && JSON.stringify(currentMcps) !== JSON.stringify(mcps)) {
-      setMcps(mcps);
-      setCurrentMcps(mcps);
-    }
-  }, [mcps]);
+  }, [enabled, init, appName, isReady, sessionToken]);
   React4.useEffect(() => {
     if (sentInitRef.current && appName && currentAppName !== appName) {
       setCurrentAppName(appName);
@@ -256,8 +246,7 @@ function ChatbotFrame({
       ref: setIframeEl,
       src: buildIframeUrl({
         baseUrl,
-        agentId,
-        initialChatId
+        initialConfig
       }),
       className,
       allow: "clipboard-write",
@@ -270,12 +259,11 @@ function ChatbotFrame({
 }
 function buildIframeUrl({
   baseUrl,
-  agentId,
-  initialChatId
+  initialConfig
 }) {
-  const url = new URL(`/embed/${agentId}`, baseUrl);
-  if (initialChatId) {
-    url.searchParams.set("initialChatId", initialChatId);
+  const url = new URL(`/embed`, baseUrl);
+  if (initialConfig) {
+    url.searchParams.set("initialConfig", JSON.stringify(initialConfig));
   }
   return url.toString();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "0.6.0-canary.2",
+  "version": "0.6.0-canary.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",

package/src/components/chatbot-frame.tsx

@@ -4,12 +4,12 @@ import { useChatbot } from "./provider/chatbot-provider";
 import type { MCP } from "./provider/use-chatbot-frame-handler";
 
 export type ChatbotFrameProps = {
-  /** 管理画面上のエージェントID */
-  agentId: string;
   /** 初期化時のチャットID */
-  initialChatId?: string;
-  /** エージェントにつなげるMCPの情報 */
-  mcps?: MCP[];
+  initialConfig?: {
+    agentId?: string;
+    chatId?: string;
+    model?: string;
+  };
   /** アプリ名のメタデータ */
   appName?: string;
   /** セッションを取得するための関数 */
@@ -34,10 +34,8 @@ export type ChatbotFrameProps = {
 };
 
 export function ChatbotFrame({
-  agentId,
   appName,
-  initialChatId,
-  mcps,
+  initialConfig,
   getSession,
   enabled = true,
   url,
@@ -63,28 +61,14 @@ export function ChatbotFrame({
   React.useEffect(() => {
     if (shouldInit && !sentInitRef.current) {
       init({
-        mcps,
         appName,
         sessionToken,
       });
       sentInitRef.current = true;
-      setCurrentMcps(mcps);
       setCurrentAppName(appName);
       setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady, sessionToken]);
-
-  // mcpsの更新の仕組み
-  React.useEffect(() => {
-    if (
-      sentInitRef.current &&
-      mcps &&
-      JSON.stringify(currentMcps) !== JSON.stringify(mcps)
-    ) {
-      setMcps(mcps);
-      setCurrentMcps(mcps);
-    }
-  }, [mcps]);
+  }, [enabled, init, appName, isReady, sessionToken]);
 
   // appNameの更新の仕組み
   React.useEffect(() => {
@@ -111,8 +95,7 @@ export function ChatbotFrame({
       ref={setIframeEl}
       src={buildIframeUrl({
         baseUrl,
-        agentId,
-        initialChatId,
+        initialConfig,
       })}
       className={className}
       allow="clipboard-write"
@@ -126,17 +109,19 @@ export function ChatbotFrame({
 
 function buildIframeUrl({
   baseUrl,
-  agentId,
-  initialChatId,
+  initialConfig,
 }: {
   baseUrl: string;
-  agentId: string;
-  initialChatId?: string;
+  initialConfig?: {
+    agentId?: string;
+    chatId?: string;
+    model?: string;
+  };
 }) {
-  const url = new URL(`/embed/${agentId}`, baseUrl);
+  const url = new URL(`/embed`, baseUrl);
 
-  if (initialChatId) {
-    url.searchParams.set("initialChatId", initialChatId);
+  if (initialConfig) {
+    url.searchParams.set("initialConfig", JSON.stringify(initialConfig));
   }
 
   return url.toString();