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

package/dist/components/provider/use-chatbot-frame-handler.mjs

@@ -0,0 +1,93 @@
+"use client";
+
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.103.0/helpers/objectSpread2.mjs";
+import React from "react";
+
+//#region src/components/provider/use-chatbot-frame-handler.tsx
+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 || iframeEl === void 0 ? 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(_objectSpread2({ 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 _event$data;
+			if (process.env.NODE_ENV === "development") console.log("iframe message", event.data);
+			switch ((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.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
+	};
+}
+
+//#endregion
+export { useChatbotFrameHandler };
+//# sourceMappingURL=use-chatbot-frame-handler.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-chatbot-frame-handler.mjs","names":[],"sources":["../../../src/components/provider/use-chatbot-frame-handler.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport type IframeMessage =\n  | { type: \"CHATBOT_READY\" }\n  | { type: \"CHATBOT_INITIALIZED\" }\n  | { type: \"CLOSE_CHATBOT\" }\n  | { type: \"EXPAND_CHATBOT\" }\n  | { type: \"SHRINK_CHATBOT\" }\n  | { type: \"FULLSCREEN_CHATBOT\" }\n  | { type: \"EXIT_FULLSCREEN_CHATBOT\" }\n  | { type: \"RELOAD_CHATBOT\" };\n\nexport type MCP = {\n  name: string;\n  url: string;\n  headers?: Record<string, string>;\n};\n\nexport type InitProps = {\n  mcps?: MCP[];\n  appName?: string;\n  sessionToken?: string;\n};\n\nexport type ParentMessage =\n  | {\n      type: \"mcps\";\n      mcps: MCP[];\n    }\n  | {\n      type: \"appName\";\n      appName: string;\n    }\n  | {\n      type: \"sessionToken\";\n      sessionToken: string;\n    }\n  | {\n      type: \"init\";\n      mcps?: MCP[];\n      appName?: string;\n      sessionToken?: string;\n    };\n\nexport function useChatbotFrameHandler({\n  setOpen,\n  setIsExpanded,\n  setIsFullScreen,\n}: {\n  setOpen: (open: boolean) => void;\n  setIsExpanded: (expanded: boolean) => void;\n  setIsFullScreen: (fullScreen: boolean) => void;\n}) {\n  const [iframeEl, setIframeEl] = React.useState<HTMLIFrameElement | null>(\n    null,\n  );\n  const [isReady, setIsReady] = React.useState(false);\n  const [isInitialized, setIsInitialized] = React.useState(false);\n\n  // helper to post message to the iframe\n  const postMessage = React.useCallback(\n    (message: ParentMessage) => {\n      if (iframeEl?.contentWindow) {\n        if (process.env.NODE_ENV === \"development\") {\n          console.log(\"sending message to iframe\", message);\n        }\n        iframeEl.contentWindow.postMessage(message, \"*\");\n      }\n    },\n    [iframeEl],\n  );\n\n  const init = React.useCallback(\n    (props: InitProps) => {\n      postMessage({\n        type: \"init\",\n        ...props,\n      });\n    },\n    [postMessage],\n  );\n\n  const setMcps = React.useCallback(\n    (mcps: MCP[]) => {\n      postMessage({ type: \"mcps\", mcps });\n    },\n    [postMessage],\n  );\n\n  const setAppName = React.useCallback(\n    (appName: string) => {\n      postMessage({ type: \"appName\", appName });\n    },\n    [postMessage],\n  );\n\n  const setSessionToken = React.useCallback(\n    (sessionToken: string) => {\n      postMessage({ type: \"sessionToken\", sessionToken });\n    },\n    [postMessage],\n  );\n\n  // Initialize and setup listeners\n  React.useEffect(() => {\n    const iframe = iframeEl;\n    if (!iframe) {\n      return;\n    }\n\n    const handleMessage = (event: MessageEvent<IframeMessage>) => {\n      if (process.env.NODE_ENV === \"development\") {\n        console.log(\"iframe message\", event.data);\n      }\n      // Handle iframe messages\n      switch (event.data?.type) {\n        case \"CHATBOT_READY\":\n          setIsReady(true);\n          break;\n        case \"CHATBOT_INITIALIZED\":\n          setIsInitialized(true);\n          break;\n        case \"CLOSE_CHATBOT\":\n          setOpen(false);\n          break;\n        case \"EXPAND_CHATBOT\":\n          setIsExpanded(true);\n          break;\n        case \"SHRINK_CHATBOT\":\n          setIsExpanded(false);\n          break;\n        case \"FULLSCREEN_CHATBOT\":\n          setIsFullScreen(true);\n          break;\n        case \"EXIT_FULLSCREEN_CHATBOT\":\n          setIsFullScreen(false);\n          break;\n        case \"RELOAD_CHATBOT\":\n          // reload iframe\n          iframe.src = iframe.src;\n          break;\n      }\n    };\n\n    const handleIframeLoad = () => {\n      window.addEventListener(\"message\", handleMessage);\n    };\n\n    iframe.addEventListener(\"load\", handleIframeLoad);\n\n    return () => {\n      window.removeEventListener(\"message\", handleMessage);\n      iframe.removeEventListener(\"load\", handleIframeLoad);\n    };\n  }, [iframeEl]); // Run when iframe gets mounted\n\n  return {\n    init,\n    setMcps,\n    setAppName,\n    setSessionToken,\n    setIframeEl,\n    isReady,\n    isInitialized,\n  };\n}\n"],"mappings":";;;;;;AA8CA,SAAgB,uBAAuB,EACrC,SACA,eACA,mBAKC;CACD,MAAM,CAAC,UAAU,eAAe,MAAM,SACpC,KACD;CACD,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,MAAM;CACnD,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAS,MAAM;CAG/D,MAAM,cAAc,MAAM,aACvB,YAA2B;AAC1B,0DAAI,SAAU,eAAe;AAC3B,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,6BAA6B,QAAQ;AAEnD,YAAS,cAAc,YAAY,SAAS,IAAI;;IAGpD,CAAC,SAAS,CACX;CAED,MAAM,OAAO,MAAM,aAChB,UAAqB;AACpB,+BACE,MAAM,UACH,OACH;IAEJ,CAAC,YAAY,CACd;CAED,MAAM,UAAU,MAAM,aACnB,SAAgB;AACf,cAAY;GAAE,MAAM;GAAQ;GAAM,CAAC;IAErC,CAAC,YAAY,CACd;CAED,MAAM,aAAa,MAAM,aACtB,YAAoB;AACnB,cAAY;GAAE,MAAM;GAAW;GAAS,CAAC;IAE3C,CAAC,YAAY,CACd;CAED,MAAM,kBAAkB,MAAM,aAC3B,iBAAyB;AACxB,cAAY;GAAE,MAAM;GAAgB;GAAc,CAAC;IAErD,CAAC,YAAY,CACd;AAGD,OAAM,gBAAgB;EACpB,MAAM,SAAS;AACf,MAAI,CAAC,OACH;EAGF,MAAM,iBAAiB,UAAuC;;AAC5D,OAAI,QAAQ,IAAI,aAAa,cAC3B,SAAQ,IAAI,kBAAkB,MAAM,KAAK;AAG3C,0BAAQ,MAAM,gEAAM,MAApB;IACE,KAAK;AACH,gBAAW,KAAK;AAChB;IACF,KAAK;AACH,sBAAiB,KAAK;AACtB;IACF,KAAK;AACH,aAAQ,MAAM;AACd;IACF,KAAK;AACH,mBAAc,KAAK;AACnB;IACF,KAAK;AACH,mBAAc,MAAM;AACpB;IACF,KAAK;AACH,qBAAgB,KAAK;AACrB;IACF,KAAK;AACH,qBAAgB,MAAM;AACtB;IACF,KAAK;AAEH,YAAO,MAAM,OAAO;AACpB;;;EAIN,MAAM,yBAAyB;AAC7B,UAAO,iBAAiB,WAAW,cAAc;;AAGnD,SAAO,iBAAiB,QAAQ,iBAAiB;AAEjD,eAAa;AACX,UAAO,oBAAoB,WAAW,cAAc;AACpD,UAAO,oBAAoB,QAAQ,iBAAiB;;IAErD,CAAC,SAAS,CAAC;AAEd,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/provider/use-chatbot-window-states.mjs

@@ -0,0 +1,27 @@
+"use client";
+
+import React from "react";
+
+//#region src/components/provider/use-chatbot-window-states.tsx
+function useChatbotWindowStates() {
+	const [hasOpened, setHasOpened] = React.useState(false);
+	const [open, setOpen] = React.useState(false);
+	const [isExpanded, setIsExpanded] = React.useState(false);
+	const [isFullScreen, setIsFullScreen] = React.useState(false);
+	React.useEffect(() => {
+		if (open) setHasOpened(true);
+	}, [open]);
+	return {
+		hasOpened,
+		open,
+		isExpanded,
+		isFullScreen,
+		setOpen,
+		setIsExpanded,
+		setIsFullScreen
+	};
+}
+
+//#endregion
+export { useChatbotWindowStates };
+//# sourceMappingURL=use-chatbot-window-states.mjs.map

package/dist/components/provider/use-chatbot-window-states.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chatbot-window-states.mjs","names":[],"sources":["../../../src/components/provider/use-chatbot-window-states.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport function useChatbotWindowStates() {\n  const [hasOpened, setHasOpened] = React.useState(false);\n  const [open, setOpen] = React.useState(false);\n  const [isExpanded, setIsExpanded] = React.useState(false);\n  const [isFullScreen, setIsFullScreen] = React.useState(false);\n\n  React.useEffect(() => {\n    if (open) {\n      setHasOpened(true);\n    }\n  }, [open]);\n\n  return {\n    hasOpened,\n    open,\n    isExpanded,\n    isFullScreen,\n    setOpen,\n    setIsExpanded,\n    setIsFullScreen,\n  };\n}\n"],"mappings":";;;;;AAIA,SAAgB,yBAAyB;CACvC,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,MAAM;CACvD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,MAAM;CACzD,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,MAAM;AAE7D,OAAM,gBAAgB;AACpB,MAAI,KACF,cAAa,KAAK;IAEnB,CAAC,KAAK,CAAC;AAEV,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/sheet.d.mts

@@ -0,0 +1,18 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/sheet.d.ts
+declare function Sheet({
+  ...props
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime1.JSX.Element;
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.d.mts.map

package/dist/components/sheet.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.mts","names":[],"sources":["../../src/components/sheet.tsx"],"sourcesContent":[],"mappings":";;;;;iBAMS,KAAA;;GAAoB,OAAA,CAAM,sBAAsB,cAAA,CAAe,QAAK,kBAAA,CAAA,GAAA,CAAA;cAavE,cAAY,OAAA,CAAA,0BAAA,KAAA,cAAA,CAAA,qBAAA,OAAA,CAAA,cAAA,6BAAA,OAAA,CAAA,cAAA;cAaZ,YAAU,OAAA,CAAA,0BAAA,KAAA,cAAA,CAAA,mBAAA,OAAA,CAAA,cAAA,6BAAA,OAAA,CAAA,cAAA;AA7Be,cAgDzB,YA7CQ,EA6CI,OAAA,CAAA,yBA7CJ,CA6CI,IA7CJ,CA6CI,cAAA,CAAA,kBA7CJ,GA6CI,OAAA,CAAA,aA7CJ,CA6CI,cA7CJ,CAAA,EAAA,KAAA,CAAA,GA6CI,OAAA,CAAA,aA7CJ,CA6CI,cA7CJ,CAAA,CAAA;cAyFR,WAzFkE,EAyFvD,OAAA,CAAA,yBAzFuD,CAyFvD,OAAA,CAAA,cAzFuD,CAyFvD,cAzFuD,CAAA,GAyFvD,OAAA,CAAA,aAzFuD,CAyFvD,cAzFuD,CAAA,CAAA;cAsGlE,WAtG6B,EAsGlB,OAAA,CAAA,yBAtGkB,CAsGlB,OAAA,CAAA,cAtGkB,CAsGlB,cAtGkB,CAAA,GAsGlB,OAAA,CAAA,aAtGkB,CAsGlB,cAtGkB,CAAA,CAAA;cAmH7B,UAnHuE,EAmH7D,OAAA,CAAA,yBAnH6D,CAmH7D,IAnH6D,CAmH7D,cAAA,CAAA,gBAnH6D,GAmH7D,OAAA,CAAA,aAnH6D,CAmH7D,kBAnH6D,CAAA,EAAA,KAAA,CAAA,GAmH7D,OAAA,CAAA,aAnH6D,CAmH7D,kBAnH6D,CAAA,CAAA;cAgIvE,gBAhIuE,EAgIvD,OAAA,CAAA,yBAhIuD,CAgIvD,IAhIuD,CAgIvD,cAAA,CAAA,sBAhIuD,GAgIvD,OAAA,CAAA,aAhIuD,CAgIvD,oBAhIuD,CAAA,EAAA,KAAA,CAAA,GAgIvD,OAAA,CAAA,aAhIuD,CAgIvD,oBAhIuD,CAAA,CAAA"}

package/dist/components/sheet.mjs

@@ -0,0 +1,117 @@
+"use client";
+
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.103.0/helpers/objectSpread2.mjs";
+import { useChatbot } from "./provider/chatbot-provider.mjs";
+import { _objectDestructuringEmpty } from "../_virtual/_@oxc-project_runtime@0.103.0/helpers/objectDestructuringEmpty.mjs";
+import { _extends } from "../_virtual/_@oxc-project_runtime@0.103.0/helpers/extends.mjs";
+import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.103.0/helpers/objectWithoutProperties.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/sheet.tsx
+const _excluded = ["className"], _excluded2 = ["className"], _excluded3 = [
+	"className",
+	"children",
+	"style"
+], _excluded4 = ["className"], _excluded5 = ["className"], _excluded6 = ["className"], _excluded7 = ["className"];
+function Sheet(_ref) {
+	let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+	const { open, setOpen } = useChatbot();
+	return /* @__PURE__ */ jsx(SheetPrimitive.Root, _objectSpread2({
+		"data-slot": "sheet",
+		modal: false,
+		open,
+		onOpenChange: setOpen
+	}, props));
+}
+const SheetTrigger = React$1.forwardRef((_ref2, ref) => {
+	let { className } = _ref2, props = _objectWithoutProperties(_ref2, _excluded);
+	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, _objectSpread2({
+		ref,
+		"data-slot": "sheet-trigger",
+		className: `chatbot-trigger ${className || ""}`
+	}, props));
+});
+SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
+const SheetClose = React$1.forwardRef((_ref3, ref) => {
+	let { className } = _ref3, props = _objectWithoutProperties(_ref3, _excluded2);
+	return /* @__PURE__ */ jsx(SheetPrimitive.Close, _objectSpread2({
+		ref,
+		"data-slot": "sheet-close",
+		className: `chatbot-sheet-close ${className || ""}`
+	}, props));
+});
+SheetClose.displayName = SheetPrimitive.Close.displayName;
+function SheetPortal(_ref4) {
+	let props = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+	return /* @__PURE__ */ jsx(SheetPrimitive.Portal, _objectSpread2({ "data-slot": "sheet-portal" }, props));
+}
+const SheetContent = React$1.forwardRef((_ref5, ref) => {
+	let { className, children, style } = _ref5, props = _objectWithoutProperties(_ref5, _excluded3);
+	const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();
+	const width = isFullScreen ? "100%" : isExpanded ? "848px" : "400px";
+	const translateX = open ? "0" : "100%";
+	const contentStyle = _objectSpread2({
+		"--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__ */ jsx(SheetPortal, {
+		forceMount: hasOpened || void 0,
+		children: /* @__PURE__ */ jsx(SheetPrimitive.Content, _objectSpread2(_objectSpread2({
+			ref,
+			"data-slot": "sheet-content",
+			forceMount: hasOpened || void 0,
+			onInteractOutside: (e) => e.preventDefault(),
+			className: classNames,
+			style: contentStyle
+		}, props), {}, { children }))
+	});
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = React$1.forwardRef((_ref6, ref) => {
+	let { className } = _ref6, props = _objectWithoutProperties(_ref6, _excluded4);
+	return /* @__PURE__ */ jsx("div", _objectSpread2({
+		ref,
+		"data-slot": "sheet-header",
+		className: `chatbot-sheet-header ${className || ""}`
+	}, props));
+});
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = React$1.forwardRef((_ref7, ref) => {
+	let { className } = _ref7, props = _objectWithoutProperties(_ref7, _excluded5);
+	return /* @__PURE__ */ jsx("div", _objectSpread2({
+		ref,
+		"data-slot": "sheet-footer",
+		className: `chatbot-sheet-footer ${className || ""}`
+	}, props));
+});
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React$1.forwardRef((_ref8, ref) => {
+	let { className } = _ref8, props = _objectWithoutProperties(_ref8, _excluded6);
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, _objectSpread2({
+		ref,
+		"data-slot": "sheet-title",
+		className: `chatbot-sheet-title ${className || ""}`
+	}, props));
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React$1.forwardRef((_ref9, ref) => {
+	let { className } = _ref9, props = _objectWithoutProperties(_ref9, _excluded7);
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, _objectSpread2({
+		ref,
+		"data-slot": "sheet-description",
+		className: `chatbot-sheet-description ${className || ""}`
+	}, props));
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.mjs.map

package/dist/components/sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.mjs","names":["React"],"sources":["../../src/components/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport * as React from \"react\";\nimport { useChatbot } from \"./provider/chatbot-provider\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  const { open, setOpen } = useChatbot();\n  return (\n    <SheetPrimitive.Root\n      data-slot=\"sheet\"\n      modal={false}\n      open={open}\n      onOpenChange={setOpen}\n      {...props}\n    />\n  );\n}\n\nconst SheetTrigger = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Trigger\n    ref={ref}\n    data-slot=\"sheet-trigger\"\n    className={`chatbot-trigger ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetTrigger.displayName = SheetPrimitive.Trigger.displayName;\n\nconst SheetClose = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Close\n    ref={ref}\n    data-slot=\"sheet-close\"\n    className={`chatbot-sheet-close ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>\n>(({ className, children, style, ...props }, ref) => {\n  const { isExpanded, isFullScreen, open, hasOpened } = useChatbot();\n  const width = isFullScreen ? \"100%\" : isExpanded ? \"848px\" : \"400px\";\n\n  // Use transform for better performance instead of right property\n  const translateX = open ? \"0\" : \"100%\";\n\n  // Create style object with CSS custom property for smoother animation\n  const contentStyle = {\n    \"--sheet-width\": width,\n    transform: `translateX(${translateX})`,\n    ...style,\n  } as React.CSSProperties & { \"--sheet-width\": string };\n\n  const classNames = [\n    \"chatbot-sheet-content\",\n    isExpanded && !isFullScreen ? \"chatbot-sheet-expanded\" : \"\",\n    isFullScreen ? \"chatbot-sheet-fullscreen\" : \"\",\n    className || \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <SheetPortal forceMount={hasOpened || undefined}>\n      <SheetPrimitive.Content\n        ref={ref}\n        data-slot=\"sheet-content\"\n        forceMount={hasOpened || undefined}\n        onInteractOutside={(e) => e.preventDefault()}\n        className={classNames}\n        style={contentStyle}\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n});\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"sheet-header\"\n    className={`chatbot-sheet-header ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"sheet-footer\"\n    className={`chatbot-sheet-footer ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    data-slot=\"sheet-title\"\n    className={`chatbot-sheet-title ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    data-slot=\"sheet-description\"\n    className={`chatbot-sheet-description ${className || \"\"}`}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;;;;mBAsBK,4BAaA;CAmBA;CAAW;CAAU;iBA4CrB,4BAaA,4BAaA,4BAaA;AAnIL,SAAS,MAAM,MAAgE;KAA3D;CAClB,MAAM,EAAE,MAAM,YAAY,YAAY;AACtC,QACE,oBAAC,eAAe;EACd,aAAU;EACV,OAAO;EACD;EACN,cAAc;IACV,OACJ;;AAIN,MAAM,eAAeA,QAAM,YAGxB,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC,eAAe;EACT;EACL,aAAU;EACV,WAAW,mBAAmB,aAAa;IACvC,OACJ;EACF;AACF,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,aAAaA,QAAM,YAGtB,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC,eAAe;EACT;EACL,aAAU;EACV,WAAW,uBAAuB,aAAa;IAC3C,OACJ;EACF;AACF,WAAW,cAAc,eAAe,MAAM;AAE9C,SAAS,YAAY,OAEkC;KADlD;AAEH,QAAO,oBAAC,eAAe,yBAAO,aAAU,kBAAmB,OAAS;;AAGtE,MAAM,eAAeA,QAAM,YAGxB,OAA0C,QAAQ;KAAlD,EAAE,WAAW,UAAU,iBAAU;CAClC,MAAM,EAAE,YAAY,cAAc,MAAM,cAAc,YAAY;CAClE,MAAM,QAAQ,eAAe,SAAS,aAAa,UAAU;CAG7D,MAAM,aAAa,OAAO,MAAM;CAGhC,MAAM;EACJ,iBAAiB;EACjB,WAAW,cAAc,WAAW;IACjC;CAGL,MAAM,aAAa;EACjB;EACA,cAAc,CAAC,eAAe,2BAA2B;EACzD,eAAe,6BAA6B;EAC5C,aAAa;EACd,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AAEZ,QACE,oBAAC;EAAY,YAAY,aAAa;YACpC,oBAAC,eAAe;GACT;GACL,aAAU;GACV,YAAY,aAAa;GACzB,oBAAoB,MAAM,EAAE,gBAAgB;GAC5C,WAAW;GACX,OAAO;KACH,cAEH,YACsB;GACb;EAEhB;AACF,aAAa,cAAc,eAAe,QAAQ;AAElD,MAAM,cAAcA,QAAM,YAGvB,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC;EACM;EACL,aAAU;EACV,WAAW,wBAAwB,aAAa;IAC5C,OACJ;EACF;AACF,YAAY,cAAc;AAE1B,MAAM,cAAcA,QAAM,YAGvB,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC;EACM;EACL,aAAU;EACV,WAAW,wBAAwB,aAAa;IAC5C,OACJ;EACF;AACF,YAAY,cAAc;AAE1B,MAAM,aAAaA,QAAM,YAGtB,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC,eAAe;EACT;EACL,aAAU;EACV,WAAW,uBAAuB,aAAa;IAC3C,OACJ;EACF;AACF,WAAW,cAAc,eAAe,MAAM;AAE9C,MAAM,mBAAmBA,QAAM,YAG5B,OAAyB,QAAQ;KAAjC,EAAE,qBAAc;AAAiB,QAClC,oBAAC,eAAe;EACT;EACL,aAAU;EACV,WAAW,6BAA6B,aAAa;IACjD,OACJ;EACF;AACF,iBAAiB,cAAc,eAAe,YAAY"}

package/dist/components/tooltip.d.mts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/tooltip.d.ts
+type Side = "top" | "right" | "bottom" | "left";
+type Align = "start" | "center" | "end";
+type TooltipProps = {
+  content: React.ReactNode;
+  side?: Side;
+  align?: Align;
+  trigger: React.ReactNode;
+  disabled?: boolean;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  className?: string;
+  open?: boolean;
+  alignOffset?: number;
+  sideOffset?: number;
+  arrowClassName?: string;
+  keepTooltipOpen?: boolean;
+};
+declare function Tooltip({
+  content,
+  trigger,
+  side,
+  align,
+  disabled,
+  delayDuration,
+  skipDelayDuration,
+  className,
+  open,
+  alignOffset,
+  sideOffset,
+  arrowClassName,
+  keepTooltipOpen
+}: TooltipProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/components/tooltip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.mts","names":[],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":[],"mappings":";;;KAWK,IAAA;KACA,KAAA;KAEA,YAAA;EAHA,OAAI,EAIE,KAAA,CAAM,SAJR;EACJ,IAAA,CAAA,EAII,IAJC;EAEL,KAAA,CAAA,EAGK,KAHL;EACM,OAAM,EAGN,KAAA,CAAM,SAHA;EACR,QAAA,CAAA,EAAA,OAAA;EACC,aAAA,CAAA,EAAA,MAAA;EACC,iBAAM,CAAA,EAAA,MAAA;EAAS,SAAA,CAAA,EAAA,MAAA;EAYV,IAAA,CAAA,EAAA,OAAO;EACrB,WAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,MAAA;EACA,cAAA,CAAA,EAAA,MAAA;EACA,eAAA,CAAA,EAAA,OAAA;CACA;AACA,iBANc,OAAA,CAMd;EAAA,OAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,QAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,SAAA;EAAA,IAAA;EAAA,WAAA;EAAA,UAAA;EAAA,cAAA;EAAA;AAAA,CAAA,EAQC,YARD,CAAA,EAQa,kBAAA,CAAA,GAAA,CAAA,OARb"}

package/dist/components/tooltip.mjs

@@ -0,0 +1,36 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Arrow, Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
+
+//#region src/components/tooltip.tsx
+function Tooltip({ content, trigger, side, align, disabled, delayDuration, skipDelayDuration, className, open, alignOffset, sideOffset, arrowClassName, keepTooltipOpen }) {
+	return /* @__PURE__ */ jsx(Provider, {
+		delayDuration: delayDuration !== null && delayDuration !== void 0 ? delayDuration : 200,
+		skipDelayDuration: skipDelayDuration !== null && skipDelayDuration !== void 0 ? skipDelayDuration : 200,
+		children: /* @__PURE__ */ jsxs(Root, {
+			open: disabled ? false : open,
+			children: [/* @__PURE__ */ jsx(Trigger, {
+				onClick: keepTooltipOpen ? (event) => {
+					event.preventDefault();
+				} : void 0,
+				asChild: true,
+				children: trigger
+			}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Content, {
+				className: `tooltip-content ${className || ""}`,
+				side,
+				align,
+				alignOffset,
+				sideOffset,
+				onPointerDownOutside: keepTooltipOpen ? (event) => {
+					event.preventDefault();
+				} : void 0,
+				children: [/* @__PURE__ */ jsx(Arrow, { className: arrowClassName }), content]
+			}) })]
+		})
+	});
+}
+
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=tooltip.mjs.map

package/dist/components/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":[],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Arrow,\n  Content,\n  Portal,\n  Provider,\n  Root,\n  Trigger,\n} from \"@radix-ui/react-tooltip\";\n\ntype Side = \"top\" | \"right\" | \"bottom\" | \"left\";\ntype Align = \"start\" | \"center\" | \"end\";\n\ntype TooltipProps = {\n  content: React.ReactNode;\n  side?: Side;\n  align?: Align;\n  trigger: React.ReactNode;\n  disabled?: boolean;\n  delayDuration?: number;\n  skipDelayDuration?: number;\n  className?: string;\n  open?: boolean;\n  alignOffset?: number;\n  sideOffset?: number;\n  arrowClassName?: string;\n  keepTooltipOpen?: boolean;\n};\n\nexport function Tooltip({\n  content,\n  trigger,\n  side,\n  align,\n  disabled,\n  delayDuration,\n  skipDelayDuration,\n  className,\n  open,\n  alignOffset,\n  sideOffset,\n  arrowClassName,\n  keepTooltipOpen,\n}: TooltipProps) {\n  return (\n    <Provider\n      delayDuration={delayDuration ?? 200}\n      skipDelayDuration={skipDelayDuration ?? 200}\n    >\n      <Root open={disabled ? false : open}>\n        <Trigger\n          onClick={\n            keepTooltipOpen\n              ? (event) => {\n                  event.preventDefault();\n                }\n              : undefined\n          }\n          asChild\n        >\n          {trigger}\n        </Trigger>\n\n        <Portal>\n          <Content\n            className={`tooltip-content ${className || \"\"}`}\n            side={side}\n            align={align}\n            alignOffset={alignOffset}\n            sideOffset={sideOffset}\n            onPointerDownOutside={\n              keepTooltipOpen\n                ? (event) => {\n                    event.preventDefault();\n                  }\n                : undefined\n            }\n          >\n            <Arrow className={arrowClassName} />\n            {content}\n          </Content>\n        </Portal>\n      </Root>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,QAAQ,EACtB,SACA,SACA,MACA,OACA,UACA,eACA,mBACA,WACA,MACA,aACA,YACA,gBACA,mBACe;AACf,QACE,oBAAC;EACC,eAAe,qEAAiB;EAChC,mBAAmB,iFAAqB;YAExC,qBAAC;GAAK,MAAM,WAAW,QAAQ;cAC7B,oBAAC;IACC,SACE,mBACK,UAAU;AACT,WAAM,gBAAgB;QAExB;IAEN;cAEC;KACO,EAEV,oBAAC,oBACC,qBAAC;IACC,WAAW,mBAAmB,aAAa;IACrC;IACC;IACM;IACD;IACZ,sBACE,mBACK,UAAU;AACT,WAAM,gBAAgB;QAExB;eAGN,oBAAC,SAAM,WAAW,iBAAkB,EACnC;KACO,GACH;IACJ;GACE"}

package/dist/index.d.mts

@@ -0,0 +1,6 @@
+import { ChatbotProvider, useChatbot } from "./components/provider/chatbot-provider.mjs";
+import { ChatbotFrame, ChatbotFrameProps, SessionData, UseSessionProps, useSession } from "./components/chatbot-frame.mjs";
+import { ChatbotSheet } from "./components/chatbot-sheet.mjs";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/sheet.mjs";
+import { Tooltip } from "./components/tooltip.mjs";
+export { ChatbotFrame, ChatbotFrameProps, ChatbotProvider, ChatbotSheet, SessionData, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Tooltip, UseSessionProps, useChatbot, useSession };