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

package/dist/index.js

@@ -1,619 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"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;
-};
-
-// src/components/provider/chatbot-provider.tsx
-var _react = require('react'); var React5 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react);
-
-// src/components/provider/use-chatbot-frame-handler.tsx
-
-function useChatbotFrameHandler({
-  setOpen,
-  setIsExpanded,
-  setIsFullScreen
-}) {
-  const [iframeEl, setIframeEl] = React5.default.useState(
-    null
-  );
-  const [isReady, setIsReady] = React5.default.useState(false);
-  const [isInitialized, setIsInitialized] = React5.default.useState(false);
-  const postMessage = React5.default.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 = React5.default.useCallback(
-    (props) => {
-      postMessage(__spreadValues({
-        type: "init"
-      }, props));
-    },
-    [postMessage]
-  );
-  const setMcps = React5.default.useCallback(
-    (mcps) => {
-      postMessage({ type: "mcps", mcps });
-    },
-    [postMessage]
-  );
-  const setAppName = React5.default.useCallback(
-    (appName) => {
-      postMessage({ type: "appName", appName });
-    },
-    [postMessage]
-  );
-  const setSessionToken = React5.default.useCallback(
-    (sessionToken) => {
-      postMessage({ type: "sessionToken", sessionToken });
-    },
-    [postMessage]
-  );
-  React5.default.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
-
-function useChatbotWindowStates() {
-  const [hasOpened, setHasOpened] = React5.default.useState(false);
-  const [open, setOpen] = React5.default.useState(false);
-  const [isExpanded, setIsExpanded] = React5.default.useState(false);
-  const [isFullScreen, setIsFullScreen] = React5.default.useState(false);
-  React5.default.useEffect(() => {
-    if (open) {
-      setHasOpened(true);
-    }
-  }, [open]);
-  return {
-    hasOpened,
-    open,
-    isExpanded,
-    isFullScreen,
-    setOpen,
-    setIsExpanded,
-    setIsFullScreen
-  };
-}
-
-// src/components/provider/chatbot-provider.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var ChatbotContext = React5.default.createContext(
-  void 0
-);
-function useChatbot() {
-  const context = React5.default.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__ */ _jsxruntime.jsx.call(void 0, ChatbotContext.Provider, { value, children });
-}
-
-// src/components/chatbot-frame.tsx
-
-
-// src/lib/constants.ts
-var PROD_CHATBOT_URL = "https://agent.ec-force.com";
-
-// src/components/chatbot-frame.tsx
-
-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 = 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 (shouldInit && !sentInitRef.current) {
-      init({
-        appName,
-        sessionToken
-      });
-      sentInitRef.current = true;
-      setCurrentAppName(appName);
-      setCurrentSessionToken(sessionToken);
-    }
-  }, [enabled, init, appName, isReady, sessionToken]);
-  React5.default.useEffect(() => {
-    if (sentInitRef.current && appName && currentAppName !== appName) {
-      setCurrentAppName(appName);
-      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: 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] = 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
-
-
-// src/components/lottie-ai-icon.tsx
-
-
-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__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, "aria-hidden": "true", children: !ready && (fallback != null ? fallback : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      width,
-      height,
-      viewBox: "0 0 24 24",
-      fill: "currentColor"
-    }
-  )) });
-}
-
-// src/components/sheet.tsx
-var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _interopRequireWildcard(_reactdialog);
-
-
-function Sheet(_a) {
-  var props = __objRest(_a, []);
-  const { open, setOpen } = useChatbot();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    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__ */ _jsxruntime.jsx.call(void 0, 
-    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__ */ _jsxruntime.jsx.call(void 0, 
-    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__ */ _jsxruntime.jsx.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    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__ */ _jsxruntime.jsx.call(void 0, 
-    "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__ */ _jsxruntime.jsx.call(void 0, 
-    "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__ */ _jsxruntime.jsx.call(void 0, 
-    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__ */ _jsxruntime.jsx.call(void 0, 
-    SheetPrimitive.Description,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-description",
-      className: `chatbot-sheet-description ${className || ""}`
-    }, props)
-  );
-});
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-
-// src/components/tooltip.tsx
-
-
-
-
-
-
-
-var _reacttooltip = require('@radix-ui/react-tooltip');
-
-function Tooltip({
-  content,
-  trigger,
-  side,
-  align,
-  disabled,
-  delayDuration,
-  skipDelayDuration,
-  className,
-  open,
-  alignOffset,
-  sideOffset,
-  arrowClassName,
-  keepTooltipOpen
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reacttooltip.Provider,
-    {
-      delayDuration: delayDuration != null ? delayDuration : 200,
-      skipDelayDuration: skipDelayDuration != null ? skipDelayDuration : 200,
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reacttooltip.Root, { open: disabled ? false : open, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reacttooltip.Trigger,
-          {
-            onClick: keepTooltipOpen ? (event) => {
-              event.preventDefault();
-            } : void 0,
-            asChild: true,
-            children: trigger
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _reacttooltip.Content,
-          {
-            className: `tooltip-content ${className || ""}`,
-            side,
-            align,
-            alignOffset,
-            sideOffset,
-            onPointerDownOutside: keepTooltipOpen ? (event) => {
-              event.preventDefault();
-            } : void 0,
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.Arrow, { className: arrowClassName }),
-              content
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-}
-
-// src/components/chatbot-sheet.tsx
-
-function ChatbotSheet(_a) {
-  var _b = _a, { sheetStyle } = _b, props = __objRest(_b, ["sheetStyle"]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Sheet, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      Tooltip,
-      {
-        side: "top",
-        align: "end",
-        content: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046",
-        trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          LottieAiIcon,
-          {
-            src: `${PROD_CHATBOT_URL}/animations/ai-icon.v1.lottie`,
-            width: 24,
-            height: 24,
-            autoplay: true,
-            loop: true
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetContent, { style: sheetStyle, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetTitle, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetDescription, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatbotFrame, __spreadValues({}, props))
-    ] })
-  ] });
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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/lib/constants.d.ts

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

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

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