@super_studio/ecforce-ai-agent-react 0.2.0 → 0.3.0

package/dist/index.mjs

@@ -31,176 +31,62 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/agent-frame.tsx
-import {
-  forwardRef as forwardRef2,
-  useCallback,
-  useEffect as useEffect2,
-  useImperativeHandle,
-  useRef,
-  useState as useState2
-} from "react";
-
-// src/constants.ts
-var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
-
-// src/sheet.tsx
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
+// src/chatbot-proivder.tsx
+import React from "react";
 import { jsx } from "react/jsx-runtime";
-var SheetContext = React.createContext(
+var ChatbotContext = React.createContext(
   void 0
 );
-function useSheet() {
-  const context = React.useContext(SheetContext);
+function useChatbot() {
+  const context = React.useContext(ChatbotContext);
   if (!context) {
-    throw new Error("useSheet must be used within a SheetProvider");
+    throw new Error("useChatbot must be used within a ChatbotProvider");
   }
   return context;
 }
-function SheetProvider({ children }) {
+function ChatbotProvider({ children }) {
   const [hasOpened, setHasOpened] = React.useState(false);
-  const [sheetOpen, setSheetOpen] = React.useState(false);
+  const [open, setOpen] = React.useState(false);
   const [isExpanded, setIsExpanded] = React.useState(false);
   React.useEffect(() => {
-    if (sheetOpen) {
+    if (open) {
       setHasOpened(true);
     }
-  }, [sheetOpen]);
+  }, [open]);
   const value = {
     hasOpened,
-    sheetOpen,
-    setSheetOpen,
+    open,
+    setOpen,
     isExpanded,
     setIsExpanded
   };
-  return /* @__PURE__ */ jsx(SheetContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx(ChatbotContext.Provider, { value, children });
 }
-function Sheet(_a) {
-  var props = __objRest(_a, []);
-  const { sheetOpen, setSheetOpen } = useSheet();
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Root,
-    __spreadValues({
-      "data-slot": "sheet",
-      modal: false,
-      open: sheetOpen,
-      onOpenChange: setSheetOpen
-    }, props)
-  );
-}
-var SheetTrigger = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Trigger,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-trigger",
-      className: `chatbot-trigger ${className || ""}`
-    }, props)
-  );
-});
-SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
-var SheetClose = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    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__ */ jsx(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
-}
-var SheetContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
-  const { isExpanded, sheetOpen, hasOpened } = useSheet();
-  const width = isExpanded ? "848px" : "400px";
-  const translateX = sheetOpen ? "0" : "100%";
-  const contentStyle = __spreadValues({
-    "--sheet-width": width,
-    transform: `translateX(${translateX})`
-  }, style);
-  return /* @__PURE__ */ jsx(SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ jsx(
-    SheetPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      "data-slot": "sheet-content",
-      forceMount: hasOpened || void 0,
-      onInteractOutside: (e) => e.preventDefault(),
-      className: `chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`,
-      style: contentStyle
-    }, props), {
-      children
-    })
-  ) });
-});
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-header",
-      className: `chatbot-sheet-header ${className || ""}`
-    }, props)
-  );
-});
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-footer",
-      className: `chatbot-sheet-footer ${className || ""}`
-    }, props)
-  );
-});
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Title,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-title",
-      className: `chatbot-sheet-title ${className || ""}`
-    }, props)
-  );
-});
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Description,
-    __spreadValues({
-      ref,
-      "data-slot": "sheet-description",
-      className: `chatbot-sheet-description ${className || ""}`
-    }, props)
-  );
-});
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/agent-frame.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+
+// src/constants.ts
+var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
 
 // src/agent-frame.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var AgentFrame = forwardRef2(
+var AgentFrame = forwardRef(
   ({ agentId, mcps = [], appName, className, url }, ref) => {
     var _a;
     const chatbotUrl = (_a = url != null ? url : process.env.CHATBOT_URL) != null ? _a : PROD_CHATBOT_URL;
     const iframeRef = useRef(null);
-    const [isReady, setIsReady] = useState2(false);
-    const [hasInitialized, setHasInitialized] = useState2(false);
-    const [currentMcps, setCurrentMcps] = useState2(mcps);
-    const { setIsExpanded, setSheetOpen } = useSheet();
+    const [isReady, setIsReady] = useState(false);
+    const [hasInitialized, setHasInitialized] = useState(false);
+    const [currentMcps, setCurrentMcps] = useState(mcps);
+    const { setIsExpanded, setOpen } = useChatbot();
     const postMessage = useCallback((message) => {
       var _a2;
       if ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow) {
@@ -238,7 +124,7 @@ var AgentFrame = forwardRef2(
       }),
       [setMcps, setAppName, isReady]
     );
-    useEffect2(() => {
+    useEffect(() => {
       const iframe = iframeRef.current;
       if (!iframe) {
         return;
@@ -253,7 +139,7 @@ var AgentFrame = forwardRef2(
             setIsReady(true);
             break;
           case "CLOSE_CHATBOT":
-            setSheetOpen(false);
+            setOpen(false);
             break;
           case "EXPAND_CHATBOT":
             setIsExpanded(true);
@@ -272,7 +158,7 @@ var AgentFrame = forwardRef2(
         iframe.removeEventListener("load", handleIframeLoad);
       };
     }, []);
-    useEffect2(() => {
+    useEffect(() => {
       if (isReady && !hasInitialized) {
         setHasInitialized(true);
         init({ mcps });
@@ -281,7 +167,7 @@ var AgentFrame = forwardRef2(
         }
       }
     }, [isReady, init, mcps, appName, hasInitialized, setAppName]);
-    useEffect2(() => {
+    useEffect(() => {
       if (JSON.stringify(currentMcps) !== JSON.stringify(mcps)) {
         setCurrentMcps(mcps);
         setMcps(mcps);
@@ -304,118 +190,138 @@ var AgentFrame = forwardRef2(
 );
 AgentFrame.displayName = "AgentFrame";
 
-// src/chatbot-popover.tsx
-import { forwardRef as forwardRef4, useState as useState3 } from "react";
+// src/chatbot-sheet.tsx
+import { forwardRef as forwardRef3 } from "react";
 
-// src/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
+// src/sheet.tsx
+import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as React2 from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = React2.forwardRef((_a, ref) => {
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  const { open, setOpen } = useChatbot();
+  return /* @__PURE__ */ jsx3(
+    SheetPrimitive.Root,
+    __spreadValues({
+      "data-slot": "sheet",
+      modal: false,
+      open,
+      onOpenChange: setOpen
+    }, props)
+  );
+}
+var SheetTrigger = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx3(
-    PopoverPrimitive.Trigger,
+    SheetPrimitive.Trigger,
     __spreadValues({
       ref,
-      className: `chatbot-trigger ${className}`
+      "data-slot": "sheet-trigger",
+      className: `chatbot-trigger ${className || ""}`
     }, props)
   );
 });
-PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
-var PopoverContent = React2.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      align = "center",
-      backdrop,
-      sideOffset = 4,
-      forceMount
-    } = _b, props = __objRest(_b, [
-      "className",
-      "align",
-      "backdrop",
-      "sideOffset",
-      "forceMount"
-    ]);
-    return /* @__PURE__ */ jsx3(PopoverPrimitive.Portal, { forceMount, children: /* @__PURE__ */ jsxs("div", { children: [
-      backdrop && /* @__PURE__ */ jsx3("div", { className: "chatbot-popover-backdrop" }),
-      /* @__PURE__ */ jsx3(
-        PopoverPrimitive.Content,
-        __spreadValues({
-          ref,
-          align,
-          sideOffset,
-          forceMount,
-          className: `chatbot-popover-content ${className}`
-        }, props)
-      )
-    ] }) });
-  }
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-// src/chatbot-popover.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ChatbotPopover = forwardRef4(
-  (props, ref) => {
-    const [isOpen, setIsOpen] = useState3(false);
-    const [hasOpened, setHasOpened] = useState3(false);
-    const handleOpenChange = (open) => {
-      setIsOpen(open);
-      if (open && !hasOpened) {
-        setHasOpened(true);
-      }
-    };
-    return /* @__PURE__ */ jsxs2(Popover, { open: isOpen, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ jsx4(PopoverTrigger, { children: /* @__PURE__ */ jsx4(EcforceAiIcon, {}) }),
-      /* @__PURE__ */ jsx4(
-        PopoverContent,
-        {
-          align: "end",
-          backdrop: isOpen,
-          forceMount: hasOpened || void 0,
-          children: /* @__PURE__ */ jsx4(AgentFrame, __spreadProps(__spreadValues({}, props), { ref }))
-        }
-      )
-    ] });
-  }
-);
-function EcforceAiIcon() {
-  return /* @__PURE__ */ jsx4(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "currentColor",
-      children: /* @__PURE__ */ jsx4(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M9.2 13.704s3.7-.812 4.325-3.74c.624-2.93.76-3.364 1.112-3.364.352 0 .42.309.5.618.08.309.51 2.276.613 2.745.102.47.783 2.93 3.712 3.616 2.93.686 3.338.697 3.338 1.12 0 .459-2.361.859-3.338 1.122-.976.263-3.042 1.007-3.587 3.49-.534 2.482-.681 3.489-1.238 3.489-.556 0-.545-.584-.613-.87-.068-.286-.34-1.819-.5-2.494-.147-.675-1.044-2.837-2.962-3.363-1.93-.527-3.962-.847-3.962-1.373s2.134-.824 2.6-.995ZM2.462 4.613s1.785-.39 2.08-1.798c.296-1.409.365-1.615.535-1.615.17 0 .205.149.239.298s.25 1.088.296 1.317c.045.229.375 1.409 1.785 1.74 1.41.333 1.603.333 1.603.54 0 .217-1.137.412-1.603.538-.466.126-1.467.48-1.729 1.683C5.407 8.507 5.338 9 5.078 9c-.262 0-.262-.286-.296-.424-.035-.137-.16-.882-.24-1.202-.079-.321-.5-1.363-1.432-1.615-.932-.252-1.91-.413-1.91-.665 0-.252 1.023-.4 1.25-.48h.012Z"
-        }
-      )
-    }
+SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
+var SheetClose = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    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__ */ jsx3(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
-
-// src/chatbot-sheet.tsx
-import { forwardRef as forwardRef5 } from "react";
+var SheetContent = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
+  const { isExpanded, open, hasOpened } = useChatbot();
+  const width = isExpanded ? "848px" : "400px";
+  const translateX = open ? "0" : "100%";
+  const contentStyle = __spreadValues({
+    "--sheet-width": width,
+    transform: `translateX(${translateX})`
+  }, style);
+  return /* @__PURE__ */ jsx3(SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ jsx3(
+    SheetPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "sheet-content",
+      forceMount: hasOpened || void 0,
+      onInteractOutside: (e) => e.preventDefault(),
+      className: `chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`,
+      style: contentStyle
+    }, props), {
+      children
+    })
+  ) });
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-header",
+      className: `chatbot-sheet-header ${className || ""}`
+    }, props)
+  );
+});
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-footer",
+      className: `chatbot-sheet-footer ${className || ""}`
+    }, props)
+  );
+});
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    SheetPrimitive.Title,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-title",
+      className: `chatbot-sheet-title ${className || ""}`
+    }, props)
+  );
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    SheetPrimitive.Description,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-description",
+      className: `chatbot-sheet-description ${className || ""}`
+    }, props)
+  );
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/tooltip.tsx
 import {
   Arrow,
-  Content as Content3,
-  Portal as Portal3,
+  Content as Content2,
+  Portal as Portal2,
   Provider,
-  Root as Root3,
-  Trigger as Trigger3
+  Root as Root2,
+  Trigger as Trigger2
 } from "@radix-ui/react-tooltip";
 import "./tooltip.css";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function Tooltip({
   content,
   trigger,
@@ -431,14 +337,14 @@ function Tooltip({
   arrowClassName,
   keepTooltipOpen
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Provider,
     {
       delayDuration: delayDuration != null ? delayDuration : 200,
       skipDelayDuration: skipDelayDuration != null ? skipDelayDuration : 200,
-      children: /* @__PURE__ */ jsxs3(Root3, { open: disabled ? false : open, children: [
-        /* @__PURE__ */ jsx5(
-          Trigger3,
+      children: /* @__PURE__ */ jsxs(Root2, { open: disabled ? false : open, children: [
+        /* @__PURE__ */ jsx4(
+          Trigger2,
           {
             onClick: keepTooltipOpen ? (event) => {
               event.preventDefault();
@@ -447,8 +353,8 @@ function Tooltip({
             children: trigger
           }
         ),
-        /* @__PURE__ */ jsx5(Portal3, { children: /* @__PURE__ */ jsxs3(
-          Content3,
+        /* @__PURE__ */ jsx4(Portal2, { children: /* @__PURE__ */ jsxs(
+          Content2,
           {
             className: `tooltip-content ${className || ""}`,
             side,
@@ -459,7 +365,7 @@ function Tooltip({
               event.preventDefault();
             } : void 0,
             children: [
-              /* @__PURE__ */ jsx5(Arrow, { className: arrowClassName }),
+              /* @__PURE__ */ jsx4(Arrow, { className: arrowClassName }),
               content
             ]
           }
@@ -470,29 +376,30 @@ function Tooltip({
 }
 
 // src/chatbot-sheet.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var ChatbotSheet = forwardRef5(
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ChatbotSheet = forwardRef3(
   (_a, ref) => {
     var _b = _a, { sheetStyle } = _b, props = __objRest(_b, ["sheetStyle"]);
-    return /* @__PURE__ */ jsx6(SheetProvider, { children: /* @__PURE__ */ jsxs4(Sheet, { children: [
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs2(Sheet, { children: [
+      /* @__PURE__ */ jsx5(
         Tooltip,
         {
           side: "top",
           align: "end",
           content: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046",
-          trigger: /* @__PURE__ */ jsx6(SheetTrigger, { children: /* @__PURE__ */ jsx6(EcforceAiIcon2, {}) })
+          trigger: /* @__PURE__ */ jsx5(SheetTrigger, { children: /* @__PURE__ */ jsx5(EcforceAiIcon, {}) })
         }
       ),
-      /* @__PURE__ */ jsxs4(SheetContent, { style: sheetStyle, children: [
-        /* @__PURE__ */ jsx6(SheetTitle, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
-        /* @__PURE__ */ jsx6(AgentFrame, __spreadProps(__spreadValues({}, props), { ref }))
+      /* @__PURE__ */ jsxs2(SheetContent, { style: sheetStyle, children: [
+        /* @__PURE__ */ jsx5(SheetTitle, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
+        /* @__PURE__ */ jsx5(SheetDescription, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
+        /* @__PURE__ */ jsx5(AgentFrame, __spreadProps(__spreadValues({}, props), { ref }))
       ] })
-    ] }) });
+    ] });
   }
 );
-function EcforceAiIcon2() {
-  return /* @__PURE__ */ jsx6(
+function EcforceAiIcon() {
+  return /* @__PURE__ */ jsx5(
     "svg",
     {
       width: "18",
@@ -500,7 +407,7 @@ function EcforceAiIcon2() {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx5(
         "path",
         {
           fillRule: "evenodd",
@@ -513,20 +420,16 @@ function EcforceAiIcon2() {
 }
 export {
   AgentFrame,
-  ChatbotPopover,
+  ChatbotProvider,
   ChatbotSheet,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
   Sheet,
   SheetClose,
   SheetContent,
   SheetDescription,
   SheetFooter,
   SheetHeader,
-  SheetProvider,
   SheetTitle,
   SheetTrigger,
   Tooltip,
-  useSheet
+  useChatbot
 };

package/dist/sheet.d.ts

@@ -1,20 +1,5 @@
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as React from "react";
-interface SheetContextType {
-    hasOpened: boolean;
-    sheetOpen: boolean;
-    setSheetOpen: (open: boolean) => void;
-    isExpanded: boolean;
-    setIsExpanded: (expanded: boolean) => void;
-}
-export declare function useSheet(): SheetContextType;
-interface SheetProviderProps {
-    children: React.ReactNode;
-    defaultWidth?: number;
-    minWidth?: number;
-    maxWidth?: number;
-}
-export declare function SheetProvider({ children }: SheetProviderProps): import("react/jsx-runtime").JSX.Element;
 declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../src/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAMD,wBAAgB,QAAQ,qBAMvB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAsB7D;AAED,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAW5E;AAED,QAAA,MAAM,YAAY,mKAUhB,CAAC;AAGH,QAAA,MAAM,UAAU,iKAUd,CAAC;AASH,QAAA,MAAM,YAAY,6JAgChB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,UAAU,mKAUd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAUpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../src/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAW5E;AAED,QAAA,MAAM,YAAY,mKAUhB,CAAC;AAGH,QAAA,MAAM,UAAU,iKAUd,CAAC;AASH,QAAA,MAAM,YAAY,6JAgChB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,WAAW,6GAUf,CAAC;AAGH,QAAA,MAAM,UAAU,mKAUd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KAUpB,CAAC;AAGH,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@super_studio/ecforce-ai-agent-react",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -17,7 +17,6 @@
       "require": "./dist/index.js",
       "default": "./dist/index.js"
     },
-    "./chatbot-popover.css": "./dist/chatbot-popover.css",
     "./chatbot-sheet.css": "./dist/chatbot-sheet.css"
   },
   "publishConfig": {
@@ -25,7 +24,6 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "1.1.14",
-    "@radix-ui/react-popover": "1.1.14",
     "@radix-ui/react-tooltip": "1.2.7"
   },
   "peerDependencies": {

package/src/agent-frame.tsx

@@ -6,8 +6,8 @@ import {
   useRef,
   useState,
 } from "react";
+import { useChatbot } from "./chatbot-proivder";
 import { PROD_CHATBOT_URL } from "./constants";
-import { useSheet } from "./sheet";
 
 type IframeMessage =
   | { type: "CHATBOT_READY" }
@@ -71,7 +71,7 @@ export const AgentFrame = forwardRef<AgentElement, AgentFrameProps>(
     const [isReady, setIsReady] = useState(false);
     const [hasInitialized, setHasInitialized] = useState(false);
     const [currentMcps, setCurrentMcps] = useState<MCP[]>(mcps);
-    const { setIsExpanded, setSheetOpen } = useSheet();
+    const { setIsExpanded, setOpen } = useChatbot();
 
     // helper to post message to the iframe
     const postMessage = useCallback((message: ParentMessage) => {
@@ -135,7 +135,7 @@ export const AgentFrame = forwardRef<AgentElement, AgentFrameProps>(
             setIsReady(true);
             break;
           case "CLOSE_CHATBOT":
-            setSheetOpen(false);
+            setOpen(false);
             break;
           case "EXPAND_CHATBOT":
             setIsExpanded(true);