@super_studio/ecforce-ai-agent-react 0.5.0 → 0.5.2

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

@@ -2,10 +2,18 @@ import type { MCP } from "./provider/use-chatbot-frame-handler";
 export type ChatbotFrameProps = {
     /** 管理画面上のエージェントID */
     agentId: string;
+    /** 初期化時のチャットID */
+    initialChatId?: string;
     /** エージェントにつなげるMCPの情報 */
     mcps?: MCP[];
     /** アプリ名のメタデータ */
     appName?: string;
+    /** セッションを取得するための関数 */
+    getSession?: () => Promise<{
+        sessionId: string;
+        token: string;
+        expiresAt: string;
+    }>;
     /**
      * trueになるまで、初期化されません。
      * 初期化せれたあとはもう使われません。
@@ -21,5 +29,14 @@ export type ChatbotFrameProps = {
     url?: string;
     className?: string;
 };
-export declare function ChatbotFrame({ agentId, appName, mcps, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatbotFrame({ agentId, appName, initialChatId, mcps, getSession, enabled, url, className, }: ChatbotFrameProps): import("react/jsx-runtime").JSX.Element;
+export type SessionData = {
+    sessionId: string;
+    token: string;
+    expiresAt: string;
+};
+export type UseSessionProps = {
+    getSession?: () => Promise<SessionData>;
+};
+export declare function useSession({ getSession }: UseSessionProps): string | undefined;
 //# sourceMappingURL=chatbot-frame.d.ts.map

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,wBAAwB;IACxB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;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,IAAI,EACJ,OAAc,EACd,GAAG,EACH,SAAS,GACV,EAAE,iBAAiB,2CAkDnB"}
+{"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,SAAS,EAAE,MAAM,CAAC;QAClB,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,SAAS,EAAE,MAAM,CAAC;IAClB,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/components/provider/{chatbot-proivder.d.ts → chatbot-provider.d.ts}

@@ -17,6 +17,8 @@ type ChatbotContextType = {
     setMcps: (mcps: MCP[]) => void;
     /** アプリ名を設定 */
     setAppName: (appName: string) => void;
+    /** セッショントークンを設定 */
+    setSessionToken: (sessionToken: string) => void;
     /** チャットボットが準備できたか */
     isReady: boolean;
     /** チャットボットが初期化されたか */
@@ -33,4 +35,4 @@ type ChatbotProviderProps = {
 };
 export declare function ChatbotProvider({ children }: ChatbotProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=chatbot-proivder.d.ts.map
+//# sourceMappingURL=chatbot-provider.d.ts.map

package/dist/components/provider/{chatbot-proivder.d.ts.map → chatbot-provider.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"chatbot-proivder.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-proivder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA0BjE"}
+{"version":3,"file":"chatbot-provider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/chatbot-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,6BAA6B,CAAC;AAGrC,KAAK,kBAAkB,GAAG;IACxB,gCAAgC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sBAAsB;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB;IAClB,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACjC,aAAa;IACb,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B,cAAc;IACd,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAMF,wBAAgB,UAAU,uBAMzB;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAkCjE"}

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

@@ -18,6 +18,7 @@ export type MCP = {
 export type InitProps = {
     mcps?: MCP[];
     appName?: string;
+    sessionToken?: string;
 };
 export type ParentMessage = {
     type: "mcps";
@@ -25,10 +26,14 @@ export type ParentMessage = {
 } | {
     type: "appName";
     appName: string;
+} | {
+    type: "sessionToken";
+    sessionToken: string;
 } | {
     type: "init";
     mcps?: MCP[];
     appName?: string;
+    sessionToken?: string;
 };
 export declare function useChatbotFrameHandler({ setOpen, setIsExpanded, }: {
     setOpen: (open: boolean) => void;
@@ -37,6 +42,7 @@ export declare function useChatbotFrameHandler({ setOpen, setIsExpanded, }: {
     init: (props: InitProps) => void;
     setMcps: (mcps: MCP[]) => void;
     setAppName: (appName: string) => void;
+    setSessionToken: (sessionToken: string) => void;
     setIframeEl: React.Dispatch<React.SetStateAction<HTMLIFrameElement | null>>;
     isReady: boolean;
     isInitialized: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"use-chatbot-frame-handler.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,MAAM,MAAM,GAAG,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEN,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;kBAqBW,SAAS;oBAUV,GAAG,EAAE;0BAOF,MAAM;;;;EAkDnB"}
+{"version":3,"file":"use-chatbot-frame-handler.d.ts","sourceRoot":"","sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GACrB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,qBAAqB,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,GAC1B;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE/B,MAAM,MAAM,GAAG,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;CACb,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,GACD;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEN,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;kBAqBW,SAAS;oBAUV,GAAG,EAAE;0BAOF,MAAM;oCAOD,MAAM;;;;EA0DxB"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./components/provider/chatbot-proivder";
+export * from "./components/provider/chatbot-provider";
 export * from "./components/chatbot-frame";
 export * from "./components/chatbot-sheet";
 export * from "./components/sheet";

package/dist/index.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/components/provider/chatbot-proivder.tsx
+// src/components/provider/chatbot-provider.tsx
 var _react = require('react'); var React5 = _interopRequireWildcard(_react);
 
 // src/components/provider/use-chatbot-frame-handler.tsx
@@ -76,6 +76,12 @@ function useChatbotFrameHandler({
     },
     [postMessage]
   );
+  const setSessionToken = React5.default.useCallback(
+    (sessionToken) => {
+      postMessage({ type: "sessionToken", sessionToken });
+    },
+    [postMessage]
+  );
   React5.default.useEffect(() => {
     const iframe = iframeEl;
     if (!iframe) {
@@ -113,7 +119,15 @@ function useChatbotFrameHandler({
       iframe.removeEventListener("load", handleIframeLoad);
     };
   }, [iframeEl]);
-  return { init, setMcps, setAppName, setIframeEl, isReady, isInitialized };
+  return {
+    init,
+    setMcps,
+    setAppName,
+    setSessionToken,
+    setIframeEl,
+    isReady,
+    isInitialized
+  };
 }
 
 // src/components/provider/use-chatbot-window-states.tsx
@@ -130,7 +144,7 @@ function useChatbotWindowStates() {
   return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
 }
 
-// src/components/provider/chatbot-proivder.tsx
+// src/components/provider/chatbot-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var ChatbotContext = React5.default.createContext(
   void 0
@@ -144,7 +158,15 @@ function useChatbot() {
 }
 function ChatbotProvider({ children }) {
   const { hasOpened, open, isExpanded, setOpen, setIsExpanded } = useChatbotWindowStates();
-  const { setMcps, setAppName, init, isReady, isInitialized, setIframeEl } = useChatbotFrameHandler({
+  const {
+    setMcps,
+    setAppName,
+    setSessionToken,
+    init,
+    isReady,
+    isInitialized,
+    setIframeEl
+  } = useChatbotFrameHandler({
     setOpen,
     setIsExpanded
   });
@@ -154,6 +176,7 @@ function ChatbotProvider({ children }) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    setSessionToken,
     init,
     setMcps,
     setAppName,
@@ -168,33 +191,44 @@ function ChatbotProvider({ children }) {
 
 
 // src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+var PROD_CHATBOT_URL = "https://agent.ec-force.com";
 
 // src/components/chatbot-frame.tsx
 
 function ChatbotFrame({
   agentId,
   appName,
+  initialChatId,
   mcps,
+  getSession,
   enabled = true,
   url,
   className
 }) {
   var _a;
-  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
+  const baseUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
   const { setIframeEl } = useChatbot();
-  const { init, setMcps, setAppName, isReady } = useChatbot();
+  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
   const sentInitRef = React5.default.useRef(false);
   const [currentMcps, setCurrentMcps] = React5.default.useState();
   const [currentAppName, setCurrentAppName] = React5.default.useState();
+  const [currentSessionToken, setCurrentSessionToken] = React5.default.useState();
+  const sessionToken = useSession({ getSession });
+  const shouldInit = enabled && isReady && // getSessionが定義されていれば、currentSessionが設定されるまで待つ
+  !!(sessionToken || getSession === void 0);
   React5.default.useEffect(() => {
-    if (enabled && isReady && !sentInitRef.current) {
-      init({ mcps, appName });
+    if (shouldInit && !sentInitRef.current) {
+      init({
+        mcps,
+        appName,
+        sessionToken
+      });
       sentInitRef.current = true;
       setCurrentMcps(mcps);
       setCurrentAppName(appName);
+      setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady]);
+  }, [enabled, init, mcps, appName, isReady, sessionToken]);
   React5.default.useEffect(() => {
     if (sentInitRef.current && mcps && JSON.stringify(currentMcps) !== JSON.stringify(mcps)) {
       setMcps(mcps);
@@ -207,11 +241,21 @@ function ChatbotFrame({
       setAppName(appName);
     }
   }, [appName]);
+  React5.default.useEffect(() => {
+    if (sentInitRef.current && sessionToken && currentSessionToken !== sessionToken) {
+      setCurrentSessionToken(sessionToken);
+      setSessionToken(sessionToken);
+    }
+  }, [sessionToken]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "iframe",
     {
       ref: setIframeEl,
-      src: `${chatbotUrl}/embed/${agentId}`,
+      src: buildIframeUrl({
+        baseUrl,
+        agentId,
+        initialChatId
+      }),
       className,
       allow: "clipboard-write",
       style: {
@@ -221,6 +265,47 @@ function ChatbotFrame({
     }
   );
 }
+function buildIframeUrl({
+  baseUrl,
+  agentId,
+  initialChatId
+}) {
+  const url = new URL(`/embed/${agentId}`, baseUrl);
+  if (initialChatId) {
+    url.searchParams.set("initialChatId", initialChatId);
+  }
+  return url.toString();
+}
+function useSession({ getSession }) {
+  const { setSessionToken } = useChatbot();
+  const [session, setSession] = React5.default.useState();
+  const isFetchingSessionRef = React5.default.useRef(false);
+  React5.default.useEffect(() => {
+    if (!getSession) return;
+    let intervalId;
+    const fetchSession = async () => {
+      if (isFetchingSessionRef.current) return;
+      try {
+        isFetchingSessionRef.current = true;
+        const session2 = await getSession();
+        setSession(session2);
+        setSessionToken(session2.token);
+      } catch (error) {
+        console.error("Failed to get session:", error);
+      } finally {
+        isFetchingSessionRef.current = false;
+      }
+    };
+    fetchSession();
+    intervalId = setInterval(fetchSession, 15 * 60 * 1e3);
+    return () => {
+      if (intervalId) {
+        clearInterval(intervalId);
+      }
+    };
+  }, [getSession, setSessionToken]);
+  return session == null ? void 0 : session.token;
+}
 
 // src/components/chatbot-sheet.tsx
 
@@ -461,4 +546,5 @@ function EcforceAiIcon() {
 
 
 
-exports.ChatbotFrame = ChatbotFrame; exports.ChatbotProvider = ChatbotProvider; exports.ChatbotSheet = ChatbotSheet; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger; exports.Tooltip = Tooltip; exports.useChatbot = useChatbot;
+
+exports.ChatbotFrame = ChatbotFrame; exports.ChatbotProvider = ChatbotProvider; exports.ChatbotSheet = ChatbotSheet; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger; exports.Tooltip = Tooltip; exports.useChatbot = useChatbot; exports.useSession = useSession;

package/dist/index.mjs

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/components/provider/chatbot-proivder.tsx
+// src/components/provider/chatbot-provider.tsx
 import React3 from "react";
 
 // src/components/provider/use-chatbot-frame-handler.tsx
@@ -76,6 +76,12 @@ function useChatbotFrameHandler({
     },
     [postMessage]
   );
+  const setSessionToken = React.useCallback(
+    (sessionToken) => {
+      postMessage({ type: "sessionToken", sessionToken });
+    },
+    [postMessage]
+  );
   React.useEffect(() => {
     const iframe = iframeEl;
     if (!iframe) {
@@ -113,7 +119,15 @@ function useChatbotFrameHandler({
       iframe.removeEventListener("load", handleIframeLoad);
     };
   }, [iframeEl]);
-  return { init, setMcps, setAppName, setIframeEl, isReady, isInitialized };
+  return {
+    init,
+    setMcps,
+    setAppName,
+    setSessionToken,
+    setIframeEl,
+    isReady,
+    isInitialized
+  };
 }
 
 // src/components/provider/use-chatbot-window-states.tsx
@@ -130,7 +144,7 @@ function useChatbotWindowStates() {
   return { hasOpened, open, isExpanded, setOpen, setIsExpanded };
 }
 
-// src/components/provider/chatbot-proivder.tsx
+// src/components/provider/chatbot-provider.tsx
 import { jsx } from "react/jsx-runtime";
 var ChatbotContext = React3.createContext(
   void 0
@@ -144,7 +158,15 @@ function useChatbot() {
 }
 function ChatbotProvider({ children }) {
   const { hasOpened, open, isExpanded, setOpen, setIsExpanded } = useChatbotWindowStates();
-  const { setMcps, setAppName, init, isReady, isInitialized, setIframeEl } = useChatbotFrameHandler({
+  const {
+    setMcps,
+    setAppName,
+    setSessionToken,
+    init,
+    isReady,
+    isInitialized,
+    setIframeEl
+  } = useChatbotFrameHandler({
     setOpen,
     setIsExpanded
   });
@@ -154,6 +176,7 @@ function ChatbotProvider({ children }) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    setSessionToken,
     init,
     setMcps,
     setAppName,
@@ -168,33 +191,44 @@ function ChatbotProvider({ children }) {
 import React4 from "react";
 
 // src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+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,
+  getSession,
   enabled = true,
   url,
   className
 }) {
   var _a;
-  const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
+  const baseUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
   const { setIframeEl } = useChatbot();
-  const { init, setMcps, setAppName, isReady } = useChatbot();
+  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
   const sentInitRef = React4.useRef(false);
   const [currentMcps, setCurrentMcps] = React4.useState();
   const [currentAppName, setCurrentAppName] = React4.useState();
+  const [currentSessionToken, setCurrentSessionToken] = React4.useState();
+  const sessionToken = useSession({ getSession });
+  const shouldInit = enabled && isReady && // getSessionが定義されていれば、currentSessionが設定されるまで待つ
+  !!(sessionToken || getSession === void 0);
   React4.useEffect(() => {
-    if (enabled && isReady && !sentInitRef.current) {
-      init({ mcps, appName });
+    if (shouldInit && !sentInitRef.current) {
+      init({
+        mcps,
+        appName,
+        sessionToken
+      });
       sentInitRef.current = true;
       setCurrentMcps(mcps);
       setCurrentAppName(appName);
+      setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady]);
+  }, [enabled, init, mcps, appName, isReady, sessionToken]);
   React4.useEffect(() => {
     if (sentInitRef.current && mcps && JSON.stringify(currentMcps) !== JSON.stringify(mcps)) {
       setMcps(mcps);
@@ -207,11 +241,21 @@ function ChatbotFrame({
       setAppName(appName);
     }
   }, [appName]);
+  React4.useEffect(() => {
+    if (sentInitRef.current && sessionToken && currentSessionToken !== sessionToken) {
+      setCurrentSessionToken(sessionToken);
+      setSessionToken(sessionToken);
+    }
+  }, [sessionToken]);
   return /* @__PURE__ */ jsx2(
     "iframe",
     {
       ref: setIframeEl,
-      src: `${chatbotUrl}/embed/${agentId}`,
+      src: buildIframeUrl({
+        baseUrl,
+        agentId,
+        initialChatId
+      }),
       className,
       allow: "clipboard-write",
       style: {
@@ -221,6 +265,47 @@ function ChatbotFrame({
     }
   );
 }
+function buildIframeUrl({
+  baseUrl,
+  agentId,
+  initialChatId
+}) {
+  const url = new URL(`/embed/${agentId}`, baseUrl);
+  if (initialChatId) {
+    url.searchParams.set("initialChatId", initialChatId);
+  }
+  return url.toString();
+}
+function useSession({ getSession }) {
+  const { setSessionToken } = useChatbot();
+  const [session, setSession] = React4.useState();
+  const isFetchingSessionRef = React4.useRef(false);
+  React4.useEffect(() => {
+    if (!getSession) return;
+    let intervalId;
+    const fetchSession = async () => {
+      if (isFetchingSessionRef.current) return;
+      try {
+        isFetchingSessionRef.current = true;
+        const session2 = await getSession();
+        setSession(session2);
+        setSessionToken(session2.token);
+      } catch (error) {
+        console.error("Failed to get session:", error);
+      } finally {
+        isFetchingSessionRef.current = false;
+      }
+    };
+    fetchSession();
+    intervalId = setInterval(fetchSession, 15 * 60 * 1e3);
+    return () => {
+      if (intervalId) {
+        clearInterval(intervalId);
+      }
+    };
+  }, [getSession, setSessionToken]);
+  return session == null ? void 0 : session.token;
+}
 
 // src/components/chatbot-sheet.tsx
 import "react";
@@ -460,5 +545,6 @@ export {
   SheetTitle,
   SheetTrigger,
   Tooltip,
-  useChatbot
+  useChatbot,
+  useSession
 };

package/dist/lib/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+export declare const PROD_CHATBOT_URL = "https://agent.ec-force.com";
 //# sourceMappingURL=constants.d.ts.map

package/dist/lib/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,wCAAwC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/lib/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,+BAA+B,CAAC"}

package/package.json

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

package/src/components/chatbot-frame.tsx

@@ -1,15 +1,23 @@
 import React from "react";
 import { PROD_CHATBOT_URL } from "../lib/constants";
-import { useChatbot } from "./provider/chatbot-proivder";
+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[];
   /** アプリ名のメタデータ */
   appName?: string;
+  /** セッションを取得するための関数 */
+  getSession?: () => Promise<{
+    sessionId: string;
+    token: string;
+    expiresAt: string;
+  }>;
   /**
    * trueになるまで、初期化されません。
    * 初期化せれたあとはもう使われません。
@@ -29,27 +37,43 @@ export type ChatbotFrameProps = {
 export function ChatbotFrame({
   agentId,
   appName,
+  initialChatId,
   mcps,
+  getSession,
   enabled = true,
   url,
   className,
 }: ChatbotFrameProps) {
-  const chatbotUrl = url ?? process.env.CHATBOT_URL ?? PROD_CHATBOT_URL;
+  const baseUrl = url ?? process.env.CHATBOT_URL ?? PROD_CHATBOT_URL;
   const { setIframeEl } = useChatbot();
-  const { init, setMcps, setAppName, isReady } = useChatbot();
+  const { init, setMcps, setAppName, setSessionToken, isReady } = useChatbot();
   const sentInitRef = React.useRef(false);
   const [currentMcps, setCurrentMcps] = React.useState<MCP[]>();
   const [currentAppName, setCurrentAppName] = React.useState<string>();
+  const [currentSessionToken, setCurrentSessionToken] =
+    React.useState<string>();
+  const sessionToken = useSession({ getSession });
+
+  const shouldInit =
+    enabled &&
+    isReady &&
+    // getSessionが定義されていれば、currentSessionが設定されるまで待つ
+    !!(sessionToken || getSession === undefined);
 
   // 初期化の仕組み
   React.useEffect(() => {
-    if (enabled && isReady && !sentInitRef.current) {
-      init({ mcps, appName });
+    if (shouldInit && !sentInitRef.current) {
+      init({
+        mcps,
+        appName,
+        sessionToken,
+      });
       sentInitRef.current = true;
       setCurrentMcps(mcps);
       setCurrentAppName(appName);
+      setCurrentSessionToken(sessionToken);
     }
-  }, [enabled, init, mcps, appName, isReady]);
+  }, [enabled, init, mcps, appName, isReady, sessionToken]);
 
   // mcpsの更新の仕組み
   React.useEffect(() => {
@@ -71,10 +95,26 @@ export function ChatbotFrame({
     }
   }, [appName]);
 
+  // sessionTokenの更新の仕組み
+  React.useEffect(() => {
+    if (
+      sentInitRef.current &&
+      sessionToken &&
+      currentSessionToken !== sessionToken
+    ) {
+      setCurrentSessionToken(sessionToken);
+      setSessionToken(sessionToken);
+    }
+  }, [sessionToken]);
+
   return (
     <iframe
       ref={setIframeEl}
-      src={`${chatbotUrl}/embed/${agentId}`}
+      src={buildIframeUrl({
+        baseUrl,
+        agentId,
+        initialChatId,
+      })}
       className={className}
       allow="clipboard-write"
       style={{
@@ -84,3 +124,72 @@ export function ChatbotFrame({
     />
   );
 }
+
+function buildIframeUrl({
+  baseUrl,
+  agentId,
+  initialChatId,
+}: {
+  baseUrl: string;
+  agentId: string;
+  initialChatId?: string;
+}) {
+  const url = new URL(`/embed/${agentId}`, baseUrl);
+
+  if (initialChatId) {
+    url.searchParams.set("initialChatId", initialChatId);
+  }
+
+  return url.toString();
+}
+
+export type SessionData = {
+  sessionId: string;
+  token: string;
+  expiresAt: string;
+};
+
+export type UseSessionProps = {
+  getSession?: () => Promise<SessionData>;
+};
+
+export function useSession({ getSession }: UseSessionProps) {
+  const { setSessionToken } = useChatbot();
+  const [session, setSession] = React.useState<SessionData>();
+  const isFetchingSessionRef = React.useRef(false);
+
+  // セッションの取得と定期更新
+  React.useEffect(() => {
+    if (!getSession) return;
+
+    let intervalId: NodeJS.Timeout;
+
+    const fetchSession = async () => {
+      if (isFetchingSessionRef.current) return;
+      try {
+        isFetchingSessionRef.current = true;
+        const session = await getSession();
+        setSession(session);
+        setSessionToken(session.token);
+      } catch (error) {
+        console.error("Failed to get session:", error);
+      } finally {
+        isFetchingSessionRef.current = false;
+      }
+    };
+
+    // 初回実行
+    fetchSession();
+
+    // 15分ごとに実行
+    intervalId = setInterval(fetchSession, 15 * 60 * 1000);
+
+    return () => {
+      if (intervalId) {
+        clearInterval(intervalId);
+      }
+    };
+  }, [getSession, setSessionToken]);
+
+  return session?.token;
+}

package/src/components/provider/{chatbot-proivder.tsx → chatbot-provider.tsx}

@@ -23,6 +23,8 @@ type ChatbotContextType = {
   setMcps: (mcps: MCP[]) => void;
   /** アプリ名を設定 */
   setAppName: (appName: string) => void;
+  /** セッショントークンを設定 */
+  setSessionToken: (sessionToken: string) => void;
   /** チャットボットが準備できたか */
   isReady: boolean;
   /** チャットボットが初期化されたか */
@@ -53,11 +55,18 @@ type ChatbotProviderProps = {
 export function ChatbotProvider({ children }: ChatbotProviderProps) {
   const { hasOpened, open, isExpanded, setOpen, setIsExpanded } =
     useChatbotWindowStates();
-  const { setMcps, setAppName, init, isReady, isInitialized, setIframeEl } =
-    useChatbotFrameHandler({
-      setOpen,
-      setIsExpanded,
-    });
+  const {
+    setMcps,
+    setAppName,
+    setSessionToken,
+    init,
+    isReady,
+    isInitialized,
+    setIframeEl,
+  } = useChatbotFrameHandler({
+    setOpen,
+    setIsExpanded,
+  });
 
   const value = {
     hasOpened,
@@ -65,6 +74,7 @@ export function ChatbotProvider({ children }: ChatbotProviderProps) {
     setOpen,
     isExpanded,
     setIsExpanded,
+    setSessionToken,
     init,
     setMcps,
     setAppName,

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

@@ -16,6 +16,7 @@ export type MCP = {
 export type InitProps = {
   mcps?: MCP[];
   appName?: string;
+  sessionToken?: string;
 };
 
 export type ParentMessage =
@@ -27,10 +28,15 @@ export type ParentMessage =
       type: "appName";
       appName: string;
     }
+  | {
+      type: "sessionToken";
+      sessionToken: string;
+    }
   | {
       type: "init";
       mcps?: MCP[];
       appName?: string;
+      sessionToken?: string;
     };
 
 export function useChatbotFrameHandler({
@@ -83,6 +89,13 @@ export function useChatbotFrameHandler({
     [postMessage],
   );
 
+  const setSessionToken = React.useCallback(
+    (sessionToken: string) => {
+      postMessage({ type: "sessionToken", sessionToken });
+    },
+    [postMessage],
+  );
+
   // Initialize and setup listeners
   React.useEffect(() => {
     const iframe = iframeEl;
@@ -126,5 +139,13 @@ export function useChatbotFrameHandler({
     };
   }, [iframeEl]); // Run when iframe gets mounted
 
-  return { init, setMcps, setAppName, setIframeEl, isReady, isInitialized };
+  return {
+    init,
+    setMcps,
+    setAppName,
+    setSessionToken,
+    setIframeEl,
+    isReady,
+    isInitialized,
+  };
 }

package/src/components/sheet.tsx

@@ -1,6 +1,6 @@
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
-import { useChatbot } from "./provider/chatbot-proivder";
+import { useChatbot } from "./provider/chatbot-provider";
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
   const { open, setOpen } = useChatbot();

package/src/index.ts

@@ -1,4 +1,4 @@
-export * from "./components/provider/chatbot-proivder";
+export * from "./components/provider/chatbot-provider";
 export * from "./components/chatbot-frame";
 export * from "./components/chatbot-sheet";
 export * from "./components/sheet";

package/src/lib/constants.ts

@@ -1 +1 @@
-export const PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
+export const PROD_CHATBOT_URL = "https://agent.ec-force.com";