@super_studio/ecforce-ai-agent-react 0.6.0-canary.6 → 1.0.0-canary.7

package/dist/index.mjs

@@ -1,619 +1,7 @@
-"use client";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+import { ChatbotProvider, useChatbot } from "./components/provider/chatbot-provider.mjs";
+import { ChatbotFrame, useSession } from "./components/chatbot-frame.mjs";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/sheet.mjs";
+import { Tooltip } from "./components/tooltip.mjs";
+import { ChatbotSheet } from "./components/chatbot-sheet.mjs";
 
-// src/components/provider/chatbot-provider.tsx
-import React3 from "react";
-
-// src/components/provider/use-chatbot-frame-handler.tsx
-import React from "react";
-function useChatbotFrameHandler({
-  setOpen,
-  setIsExpanded,
-  setIsFullScreen
-}) {
-  const [iframeEl, setIframeEl] = React.useState(
-    null
-  );
-  const [isReady, setIsReady] = React.useState(false);
-  const [isInitialized, setIsInitialized] = React.useState(false);
-  const postMessage = React.useCallback(
-    (message) => {
-      if (iframeEl == null ? void 0 : iframeEl.contentWindow) {
-        if (process.env.NODE_ENV === "development") {
-          console.log("sending message to iframe", message);
-        }
-        iframeEl.contentWindow.postMessage(message, "*");
-      }
-    },
-    [iframeEl]
-  );
-  const init = React.useCallback(
-    (props) => {
-      postMessage(__spreadValues({
-        type: "init"
-      }, props));
-    },
-    [postMessage]
-  );
-  const setMcps = React.useCallback(
-    (mcps) => {
-      postMessage({ type: "mcps", mcps });
-    },
-    [postMessage]
-  );
-  const setAppName = React.useCallback(
-    (appName) => {
-      postMessage({ type: "appName", appName });
-    },
-    [postMessage]
-  );
-  const setSessionToken = React.useCallback(
-    (sessionToken) => {
-      postMessage({ type: "sessionToken", sessionToken });
-    },
-    [postMessage]
-  );
-  React.useEffect(() => {
-    const iframe = iframeEl;
-    if (!iframe) {
-      return;
-    }
-    const handleMessage = (event) => {
-      var _a;
-      if (process.env.NODE_ENV === "development") {
-        console.log("iframe message", event.data);
-      }
-      switch ((_a = event.data) == null ? void 0 : _a.type) {
-        case "CHATBOT_READY":
-          setIsReady(true);
-          break;
-        case "CHATBOT_INITIALIZED":
-          setIsInitialized(true);
-          break;
-        case "CLOSE_CHATBOT":
-          setOpen(false);
-          break;
-        case "EXPAND_CHATBOT":
-          setIsExpanded(true);
-          break;
-        case "SHRINK_CHATBOT":
-          setIsExpanded(false);
-          break;
-        case "FULLSCREEN_CHATBOT":
-          setIsFullScreen(true);
-          break;
-        case "EXIT_FULLSCREEN_CHATBOT":
-          setIsFullScreen(false);
-          break;
-        case "RELOAD_CHATBOT":
-          iframe.src = iframe.src;
-          break;
-      }
-    };
-    const handleIframeLoad = () => {
-      window.addEventListener("message", handleMessage);
-    };
-    iframe.addEventListener("load", handleIframeLoad);
-    return () => {
-      window.removeEventListener("message", handleMessage);
-      iframe.removeEventListener("load", handleIframeLoad);
-    };
-  }, [iframeEl]);
-  return {
-    init,
-    setMcps,
-    setAppName,
-    setSessionToken,
-    setIframeEl,
-    isReady,
-    isInitialized
-  };
-}
-
-// src/components/provider/use-chatbot-window-states.tsx
-import React2 from "react";
-function useChatbotWindowStates() {
-  const [hasOpened, setHasOpened] = React2.useState(false);
-  const [open, setOpen] = React2.useState(false);
-  const [isExpanded, setIsExpanded] = React2.useState(false);
-  const [isFullScreen, setIsFullScreen] = React2.useState(false);
-  React2.useEffect(() => {
-    if (open) {
-      setHasOpened(true);
-    }
-  }, [open]);
-  return {
-    hasOpened,
-    open,
-    isExpanded,
-    isFullScreen,
-    setOpen,
-    setIsExpanded,
-    setIsFullScreen
-  };
-}
-
-// src/components/provider/chatbot-provider.tsx
-import { jsx } from "react/jsx-runtime";
-var ChatbotContext = React3.createContext(
-  void 0
-);
-function useChatbot() {
-  const context = React3.useContext(ChatbotContext);
-  if (!context) {
-    throw new Error("useChatbot must be used within a ChatbotProvider");
-  }
-  return context;
-}
-function ChatbotProvider({ children }) {
-  const {
-    hasOpened,
-    open,
-    isExpanded,
-    isFullScreen,
-    setOpen,
-    setIsExpanded,
-    setIsFullScreen
-  } = useChatbotWindowStates();
-  const {
-    setMcps,
-    setAppName,
-    setSessionToken,
-    init,
-    isReady,
-    isInitialized,
-    setIframeEl
-  } = useChatbotFrameHandler({
-    setOpen,
-    setIsExpanded,
-    setIsFullScreen
-  });
-  const value = {
-    hasOpened,
-    open,
-    setOpen,
-    isExpanded,
-    setIsExpanded,
-    isFullScreen,
-    setIsFullScreen,
-    setSessionToken,
-    init,
-    setMcps,
-    setAppName,
-    isReady,
-    isInitialized,
-    setIframeEl
-  };
-  return /* @__PURE__ */ jsx(ChatbotContext.Provider, { value, children });
-}
-
-// src/components/chatbot-frame.tsx
-import React4 from "react";
-
-// src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://agent.ec-force.com";
-
-// src/components/chatbot-frame.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ChatbotFrame({
-  appName,
-  initialConfig,
-  getSession,
-  enabled = true,
-  url,
-  className
-}) {
-  var _a;
-  const baseUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
-  const { setIframeEl } = 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 (shouldInit && !sentInitRef.current) {
-      init({
-        appName,
-        sessionToken
-      });
-      sentInitRef.current = true;
-      setCurrentAppName(appName);
-      setCurrentSessionToken(sessionToken);
-    }
-  }, [enabled, init, appName, isReady, sessionToken]);
-  React4.useEffect(() => {
-    if (sentInitRef.current && appName && currentAppName !== appName) {
-      setCurrentAppName(appName);
-      setAppName(appName);
-    }
-  }, [appName]);
-  React4.useEffect(() => {
-    if (sentInitRef.current && sessionToken && currentSessionToken !== sessionToken) {
-      setCurrentSessionToken(sessionToken);
-      setSessionToken(sessionToken);
-    }
-  }, [sessionToken]);
-  return /* @__PURE__ */ jsx2(
-    "iframe",
-    {
-      ref: setIframeEl,
-      src: buildIframeUrl({
-        baseUrl,
-        initialConfig
-      }),
-      className,
-      allow: "clipboard-write",
-      style: {
-        width: "100%",
-        height: "100%"
-      }
-    }
-  );
-}
-function buildIframeUrl({
-  baseUrl,
-  initialConfig
-}) {
-  const url = new URL(`/embed`, baseUrl);
-  if (initialConfig) {
-    url.searchParams.set("initialConfig", JSON.stringify(initialConfig));
-  }
-  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";
-
-// src/components/lottie-ai-icon.tsx
-import * as React5 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function LottieAiIcon({
-  src,
-  width = 18,
-  height = 18,
-  loop = true,
-  autoplay = false,
-  hover = false,
-  fallback
-}) {
-  const containerRef = React5.useRef(null);
-  const [ready, setReady] = React5.useState(false);
-  React5.useEffect(() => {
-    if (typeof window === "undefined") return;
-    const existing = document.querySelector("script[data-dotlottie-player]");
-    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");
-      scriptEl.onload = () => setReady(true);
-      scriptEl.onerror = () => setReady(false);
-      document.head.appendChild(scriptEl);
-    } else {
-      setReady(true);
-    }
-  }, []);
-  React5.useEffect(() => {
-    if (!ready || !containerRef.current) return;
-    const container = containerRef.current;
-    container.innerHTML = "";
-    const player = document.createElement("dotlottie-player");
-    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]);
-  return /* @__PURE__ */ jsx3("div", { ref: containerRef, "aria-hidden": "true", children: !ready && (fallback != null ? fallback : /* @__PURE__ */ jsx3(
-    "svg",
-    {
-      width,
-      height,
-      viewBox: "0 0 24 24",
-      fill: "currentColor"
-    }
-  )) });
-}
-
-// src/components/sheet.tsx
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import * as React6 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Sheet(_a) {
-  var props = __objRest(_a, []);
-  const { open, setOpen } = useChatbot();
-  return /* @__PURE__ */ jsx4(
-    SheetPrimitive.Root,
-    __spreadValues({
-      "data-slot": "sheet",
-      modal: false,
-      open,
-      onOpenChange: setOpen
-    }, props)
-  );
-}
-var SheetTrigger = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    SheetPrimitive.Trigger,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-trigger",
-      className: `chatbot-trigger ${className || ""}`
-    }, props)
-  );
-});
-SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
-var SheetClose = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    SheetPrimitive.Close,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-close",
-      className: `chatbot-sheet-close ${className || ""}`
-    }, props)
-  );
-});
-SheetClose.displayName = SheetPrimitive.Close.displayName;
-function SheetPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx4(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
-}
-var SheetContent = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
-  const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();
-  const width = isFullScreen ? "100%" : isExpanded ? "848px" : "400px";
-  const translateX = open ? "0" : "100%";
-  const contentStyle = __spreadValues({
-    "--sheet-width": width,
-    transform: `translateX(${translateX})`
-  }, style);
-  const classNames = [
-    "chatbot-sheet-content",
-    isExpanded && !isFullScreen ? "chatbot-sheet-expanded" : "",
-    isFullScreen ? "chatbot-sheet-fullscreen" : "",
-    className || ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx4(SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ jsx4(
-    SheetPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      "data-slot": "sheet-content",
-      forceMount: hasOpened || void 0,
-      onInteractOutside: (e) => e.preventDefault(),
-      className: classNames,
-      style: contentStyle
-    }, props), {
-      children
-    })
-  ) });
-});
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    "div",
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-header",
-      className: `chatbot-sheet-header ${className || ""}`
-    }, props)
-  );
-});
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    "div",
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-footer",
-      className: `chatbot-sheet-footer ${className || ""}`
-    }, props)
-  );
-});
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    SheetPrimitive.Title,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-title",
-      className: `chatbot-sheet-title ${className || ""}`
-    }, props)
-  );
-});
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx4(
-    SheetPrimitive.Description,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-description",
-      className: `chatbot-sheet-description ${className || ""}`
-    }, props)
-  );
-});
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-
-// src/components/tooltip.tsx
-import {
-  Arrow,
-  Content as Content2,
-  Portal as Portal2,
-  Provider,
-  Root as Root2,
-  Trigger as Trigger2
-} from "@radix-ui/react-tooltip";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-function Tooltip({
-  content,
-  trigger,
-  side,
-  align,
-  disabled,
-  delayDuration,
-  skipDelayDuration,
-  className,
-  open,
-  alignOffset,
-  sideOffset,
-  arrowClassName,
-  keepTooltipOpen
-}) {
-  return /* @__PURE__ */ jsx5(
-    Provider,
-    {
-      delayDuration: delayDuration != null ? delayDuration : 200,
-      skipDelayDuration: skipDelayDuration != null ? skipDelayDuration : 200,
-      children: /* @__PURE__ */ jsxs(Root2, { open: disabled ? false : open, children: [
-        /* @__PURE__ */ jsx5(
-          Trigger2,
-          {
-            onClick: keepTooltipOpen ? (event) => {
-              event.preventDefault();
-            } : void 0,
-            asChild: true,
-            children: trigger
-          }
-        ),
-        /* @__PURE__ */ jsx5(Portal2, { children: /* @__PURE__ */ jsxs(
-          Content2,
-          {
-            className: `tooltip-content ${className || ""}`,
-            side,
-            align,
-            alignOffset,
-            sideOffset,
-            onPointerDownOutside: keepTooltipOpen ? (event) => {
-              event.preventDefault();
-            } : void 0,
-            children: [
-              /* @__PURE__ */ jsx5(Arrow, { className: arrowClassName }),
-              content
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-// src/components/chatbot-sheet.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-function ChatbotSheet(_a) {
-  var _b = _a, { sheetStyle } = _b, props = __objRest(_b, ["sheetStyle"]);
-  return /* @__PURE__ */ jsxs2(Sheet, { children: [
-    /* @__PURE__ */ jsx6(
-      Tooltip,
-      {
-        side: "top",
-        align: "end",
-        content: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046",
-        trigger: /* @__PURE__ */ jsx6(SheetTrigger, { children: /* @__PURE__ */ jsx6(
-          LottieAiIcon,
-          {
-            src: `${PROD_CHATBOT_URL}/animations/ai-icon.v1.lottie`,
-            width: 24,
-            height: 24,
-            autoplay: true,
-            loop: true
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ jsxs2(SheetContent, { style: sheetStyle, children: [
-      /* @__PURE__ */ jsx6(SheetTitle, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
-      /* @__PURE__ */ jsx6(SheetDescription, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
-      /* @__PURE__ */ jsx6(ChatbotFrame, __spreadValues({}, props))
-    ] })
-  ] });
-}
-export {
-  ChatbotFrame,
-  ChatbotProvider,
-  ChatbotSheet,
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-  Tooltip,
-  useChatbot,
-  useSession
-};
+export { ChatbotFrame, ChatbotProvider, ChatbotSheet, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Tooltip, useChatbot, useSession };

package/dist/lib/constants.mjs

@@ -0,0 +1,6 @@
+//#region src/lib/constants.ts
+const PROD_CHATBOT_URL = "https://agent.ec-force.com";
+
+//#endregion
+export { PROD_CHATBOT_URL };
+//# sourceMappingURL=constants.mjs.map

package/dist/lib/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/lib/constants.ts"],"sourcesContent":["export const PROD_CHATBOT_URL = \"https://agent.ec-force.com\";\n"],"mappings":";AAAA,MAAa,mBAAmB"}

package/package.json

@@ -1,24 +1,19 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "0.6.0-canary.6",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "version": "1.0.0-canary.7",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "sideEffects": false,
   "files": [
     "dist",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.css"
+    "src"
   ],
   "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./preset.css": "./dist/styles/preset.css",
-    "./chatbot-sheet.css": "./dist/styles/chatbot-sheet.css"
+    ".": "./dist/index.mjs",
+    "./package.json": "./package.json",
+    "./chatbot-sheet.css": "./src/styles/chatbot-sheet.css",
+    "./preset.css": "./src/styles/preset.css"
   },
   "publishConfig": {
     "access": "public"
@@ -32,18 +27,14 @@
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "npm-run-all": "4.1.5",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "tsup": "8.5.0"
+    "@types/node": "22.14.0",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
   },
   "scripts": {
-    "dev": "npm-run-all --parallel dev:main dev:types",
-    "dev:main": "tsup --watch",
-    "dev:types": "tsc -p tsconfig.build.json --watch",
-    "build": "tsup && tsc -p tsconfig.build.json"
+    "dev": "tsdown --watch",
+    "build": "tsdown"
   }
 }

package/src/components/chatbot-frame.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import { PROD_CHATBOT_URL } from "../lib/constants";
 import { useChatbot } from "./provider/chatbot-provider";