@envive-ai/react-widgets-v3 0.3.2

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js

@@ -0,0 +1,42 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import { PromptCarouselWidget } from "../PromptCarouselWidget/PromptCarouselWidget.js";
+import { jsx } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useAtomValue } from "jotai";
+import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
+import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
+
+//#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.tsx
+const ChatPreviewLoadingWidgetHandler = (props) => {
+	const { widgetConfig, isLoading, widgetConfigId, hardcopyContent, uiConfig } = props;
+	const chatPreviewLoadingWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const chatPreviewLoadingData = useAtomValue(chatPreviewLoadingDataAtom)[widgetConfigId] ?? void 0;
+	const isCacheEmpty = !chatPreviewLoadingData || Object.values(chatPreviewLoadingData).every((value) => value === void 0) || Object.keys(chatPreviewLoadingData).length === 0;
+	if (isLoading && isCacheEmpty) return /* @__PURE__ */ jsx(ChatPreviewLoading, { fullIsLoading: true });
+	const titleLabel = hardcopyContent?.values?.titleLabel ?? chatPreviewLoadingData?.titleLabel;
+	const textFieldPlaceholder = hardcopyContent?.values?.textFieldPlaceholderText ?? chatPreviewLoadingData?.textFieldPlaceholder;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo ?? chatPreviewLoadingData?.hideLogo;
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc ?? chatPreviewLoadingData?.logoSrc;
+	return /* @__PURE__ */ jsx(ChatPreviewLoading, {
+		id,
+		variant: chatPreviewLoadingWidgetConfig?.variant ?? chatPreviewLoadingData?.variant,
+		hexCardColor: chatPreviewLoadingWidgetConfig?.hexCardColor ?? chatPreviewLoadingData?.hexCardColor,
+		hideTextField: chatPreviewLoadingWidgetConfig?.hideTextField ?? chatPreviewLoadingData?.hideTextField,
+		textFieldPlaceholder,
+		hideLogo,
+		logoSrc,
+		titleLabel
+	});
+};
+const ChatPreviewLoadingWidgetWithBaseWidget = withBaseWidget(ChatPreviewLoadingWidgetHandler);
+const ChatPreviewLoadingWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
+	});
+};
+PromptCarouselWidget.displayName = "PromptCarouselWidget";
+
+//#endregion
+export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/index.cjs

@@ -0,0 +1,4 @@
+const require_ChatPreviewLoadingWidget = require('./ChatPreviewLoadingWidget.cjs');
+
+exports.ChatPreviewLoadingWidget = require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidget;
+exports.ChatPreviewLoadingWidgetWithBaseWidget = require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget;

package/dist/widgets/ChatPreviewLoadingWidget/index.d.cts

@@ -0,0 +1,2 @@
+import { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget } from "./ChatPreviewLoadingWidget.cjs";
+export { ChatPreviewLoadingWidget, type ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget } from "./ChatPreviewLoadingWidget.js";
+export { ChatPreviewLoadingWidget, type ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/index.js

@@ -0,0 +1,3 @@
+import { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetWithBaseWidget } from "./ChatPreviewLoadingWidget.js";
+
+export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.cjs

@@ -0,0 +1,86 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_functions = require('../utils/functions.cjs');
+const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_ChatPreview = require("@envive-ai/react-toolkit-v3/ChatPreview");
+
+//#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
+const ChatPreviewWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const lastAssistantMessage = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.lastAssistantMessageAtom);
+	const { suggestions } = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.chatAtom);
+	const promptButtonTexts = (0, react.useMemo)(() => {
+		return suggestions.map((suggestion) => suggestion.content);
+	}, [suggestions]);
+	const messageText = (0, react.useMemo)(() => require_functions.getMessageText(lastAssistantMessage), [lastAssistantMessage]);
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
+	const chatPreviewWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		titleLabel: hardcopyContent?.values?.titleLabel,
+		textFieldPlaceholderText: hardcopyContent?.values?.textFieldPlaceholderText,
+		messageText,
+		promptButtonTexts
+	};
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const handlePromptButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)(() => {
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	const widgetStyleProps = {
+		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,
+		variant: chatPreviewWidgetConfig?.variant,
+		hideTextField: chatPreviewWidgetConfig?.hideTextField,
+		hideLogo,
+		hexCardColor: chatPreviewWidgetConfig?.hexCardColor
+	};
+	const widgetContentProps = {
+		titleLabel: hardCopyContent?.titleLabel,
+		messageText: hardCopyContent?.messageText,
+		promptButtonTexts: hardCopyContent?.promptButtonTexts,
+		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
+		logoSrc: logoSrc ?? void 0
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreview.ChatPreview, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePromptButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const ChatPreviewWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(ChatPreviewWidgetHandler);
+const ChatPreviewWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatPreviewWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
+	});
+};
+ChatPreviewWidget.displayName = "ChatPreviewWidget";
+
+//#endregion
+exports.ChatPreviewWidget = ChatPreviewWidget;
+exports.ChatPreviewWidgetWithBaseWidget = ChatPreviewWidgetWithBaseWidget;

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.cts

@@ -0,0 +1,19 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
+declare const ChatPreviewWidgetWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime2.JSX.Element;
+  displayName: string;
+};
+interface ChatPreviewWidgetProps {
+  widgetConfigId: string;
+}
+declare const ChatPreviewWidget: {
+  ({
+    widgetConfigId
+  }: ChatPreviewWidgetProps): react_jsx_runtime2.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ChatPreviewWidget, ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts

@@ -0,0 +1,19 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
+declare const ChatPreviewWidgetWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime5.JSX.Element;
+  displayName: string;
+};
+interface ChatPreviewWidgetProps {
+  widgetConfigId: string;
+}
+declare const ChatPreviewWidget: {
+  ({
+    widgetConfigId
+  }: ChatPreviewWidgetProps): react_jsx_runtime5.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ChatPreviewWidget, ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -0,0 +1,84 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import { getMessageText } from "../utils/functions.js";
+import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { useAtomValue } from "jotai";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { ChatPreview } from "@envive-ai/react-toolkit-v3/ChatPreview";
+
+//#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
+const ChatPreviewWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
+	const { suggestions } = useAtomValue(chatAtom);
+	const promptButtonTexts = useMemo(() => {
+		return suggestions.map((suggestion) => suggestion.content);
+	}, [suggestions]);
+	const messageText = useMemo(() => getMessageText(lastAssistantMessage), [lastAssistantMessage]);
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
+	const chatPreviewWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		titleLabel: hardcopyContent?.values?.titleLabel,
+		textFieldPlaceholderText: hardcopyContent?.values?.textFieldPlaceholderText,
+		messageText,
+		promptButtonTexts
+	};
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const handlePromptButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = useCallback(() => {
+		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	const widgetStyleProps = {
+		theme: Theme.GLOBAL_CUSTOM,
+		variant: chatPreviewWidgetConfig?.variant,
+		hideTextField: chatPreviewWidgetConfig?.hideTextField,
+		hideLogo,
+		hexCardColor: chatPreviewWidgetConfig?.hexCardColor
+	};
+	const widgetContentProps = {
+		titleLabel: hardCopyContent?.titleLabel,
+		messageText: hardCopyContent?.messageText,
+		promptButtonTexts: hardCopyContent?.promptButtonTexts,
+		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
+		logoSrc: logoSrc ?? void 0
+	};
+	return /* @__PURE__ */ jsx(ChatPreview, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePromptButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const ChatPreviewWidgetWithBaseWidget = withBaseWidget(ChatPreviewWidgetHandler);
+const ChatPreviewWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(ChatPreviewWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewV3
+	});
+};
+ChatPreviewWidget.displayName = "ChatPreviewWidget";
+
+//#endregion
+export { ChatPreviewWidget, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/index.cjs

@@ -0,0 +1,4 @@
+const require_ChatPreviewWidget = require('./ChatPreviewWidget.cjs');
+
+exports.ChatPreviewWidget = require_ChatPreviewWidget.ChatPreviewWidget;
+exports.ChatPreviewWidgetWithBaseWidget = require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget;

package/dist/widgets/ChatPreviewWidget/index.d.cts

@@ -0,0 +1,2 @@
+import { ChatPreviewWidget, ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget } from "./ChatPreviewWidget.cjs";
+export { ChatPreviewWidget, type ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { ChatPreviewWidget, ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget } from "./ChatPreviewWidget.js";
+export { ChatPreviewWidget, type ChatPreviewWidgetProps, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/index.js

@@ -0,0 +1,3 @@
+import { ChatPreviewWidget, ChatPreviewWidgetWithBaseWidget } from "./ChatPreviewWidget.js";
+
+export { ChatPreviewWidget, ChatPreviewWidgetWithBaseWidget };

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.cjs

@@ -0,0 +1,66 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_dom = require("react-dom");
+let framer_motion = require("framer-motion");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx
+const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId }) => {
+	const overlayClasses = (0, classnames.default)("envive-floating-chat-overlay", "envive-tw-fixed", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-screen", "envive-tw-w-full", "envive-tw-z-[2147483647]", className);
+	const backdropClasses = (0, classnames.default)("envive-floating-chat-backdrop", "envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-bg-black", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
+	const overlayContentClasses = (0, classnames.default)("envive-floating-chat-overlay-content", "envive-tw-relative", "envive-tw-flex", "envive-tw-justify-end", "envive-tw-items-stretch", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-pointer-events-auto", "envive-tw-cursor-pointer", "envive-tw-z-10");
+	const chatWrapper = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpened && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+		className: overlayClasses,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .3 },
+		"data-testid": dataTestId,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+			className: backdropClasses,
+			initial: { opacity: 0 },
+			animate: { opacity: .5 },
+			exit: { opacity: 0 },
+			transition: { duration: .3 },
+			"aria-label": "Close chat"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: overlayContentClasses,
+			onClick: onClose,
+			onKeyDown: (e) => {
+				if (e.key === "Escape") onClose();
+			},
+			role: "button",
+			tabIndex: 0,
+			"aria-label": "Close floating chat",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+				initial: {
+					opacity: 0,
+					x: 512
+				},
+				animate: {
+					opacity: 1,
+					x: 0
+				},
+				exit: {
+					opacity: 0,
+					x: 512
+				},
+				transition: { duration: .3 },
+				style: {
+					height: "100dvh",
+					cursor: "default"
+				},
+				className: "envive-tw-shadow-md",
+				onClick: (e) => e.stopPropagation(),
+				children
+			})
+		})]
+	}, "floating-chat-overlay") });
+	if (typeof document !== "undefined") return (0, react_dom.createPortal)(chatWrapper, document.body);
+	return chatWrapper;
+};
+FloatingChatOverlay.displayName = "FloatingChatOverlay";
+
+//#endregion
+exports.FloatingChatOverlay = FloatingChatOverlay;

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { AnimatePresence, motion } from "framer-motion";
+import classNames from "classnames";
+
+//#region src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx
+const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId }) => {
+	const overlayClasses = classNames("envive-floating-chat-overlay", "envive-tw-fixed", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-screen", "envive-tw-w-full", "envive-tw-z-[2147483647]", className);
+	const backdropClasses = classNames("envive-floating-chat-backdrop", "envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-bg-black", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
+	const overlayContentClasses = classNames("envive-floating-chat-overlay-content", "envive-tw-relative", "envive-tw-flex", "envive-tw-justify-end", "envive-tw-items-stretch", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-pointer-events-auto", "envive-tw-cursor-pointer", "envive-tw-z-10");
+	const chatWrapper = /* @__PURE__ */ jsx(AnimatePresence, { children: isOpened && /* @__PURE__ */ jsxs(motion.div, {
+		className: overlayClasses,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .3 },
+		"data-testid": dataTestId,
+		children: [/* @__PURE__ */ jsx(motion.div, {
+			className: backdropClasses,
+			initial: { opacity: 0 },
+			animate: { opacity: .5 },
+			exit: { opacity: 0 },
+			transition: { duration: .3 },
+			"aria-label": "Close chat"
+		}), /* @__PURE__ */ jsx("div", {
+			className: overlayContentClasses,
+			onClick: onClose,
+			onKeyDown: (e) => {
+				if (e.key === "Escape") onClose();
+			},
+			role: "button",
+			tabIndex: 0,
+			"aria-label": "Close floating chat",
+			children: /* @__PURE__ */ jsx(motion.div, {
+				initial: {
+					opacity: 0,
+					x: 512
+				},
+				animate: {
+					opacity: 1,
+					x: 0
+				},
+				exit: {
+					opacity: 0,
+					x: 512
+				},
+				transition: { duration: .3 },
+				style: {
+					height: "100dvh",
+					cursor: "default"
+				},
+				className: "envive-tw-shadow-md",
+				onClick: (e) => e.stopPropagation(),
+				children
+			})
+		})]
+	}, "floating-chat-overlay") });
+	if (typeof document !== "undefined") return createPortal(chatWrapper, document.body);
+	return chatWrapper;
+};
+FloatingChatOverlay.displayName = "FloatingChatOverlay";
+
+//#endregion
+export { FloatingChatOverlay };

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -0,0 +1,70 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+require('../../hocs/withBaseWidget/index.cjs');
+const require_FloatingChatOverlay = require('./FloatingChatOverlay.cjs');
+const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
+const require_types = require('../../CXIntegration/types.cjs');
+const require_constants = require('./constants.cjs');
+const require_useUnifiedCXButton = require('../../CXIntegration/hooks/useUnifiedCXButton.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_toolkit_v3_FloatingChat = require("@envive-ai/react-toolkit-v3/FloatingChat");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+
+//#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
+const FloatingChatWidgetHandler = (props) => {
+	const salesAgentData = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const { userHasInteractedValue } = require_useGetWidgetStatus.default();
+	const { uiConfig, isUiConfigLoading } = props;
+	const { isSwitchEnabled, toggle } = require_useUnifiedCXButton.useUnifiedCXButton({
+		provider: require_types.CustomerServiceType.unsupported,
+		enabled: false,
+		suppressMerchantButton: false
+	}) ?? {};
+	const { isOpen, openChat, closeChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const theme = (0, react.useMemo)(() => {
+		if (isUiConfigLoading || !uiConfig) return __envive_ai_react_toolkit_v3_Tokens.Theme.STANDARD;
+		return uiConfig?.lookAndFeel?.theme ?? __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM;
+	}, [isUiConfigLoading, uiConfig]);
+	const { floatingButton } = uiConfig ?? {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FloatingChatOverlay.FloatingChatOverlay, {
+		isOpened: isOpen,
+		onClose: () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_FloatingChat.FloatingChat, {
+			theme,
+			salesAgentData,
+			floatingChatConfig: uiConfig?.floatingChat ?? {},
+			lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+			isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+			onToggleCXButton: toggle,
+			onClose: () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
+		})
+	}), !isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_FloatingButton.FloatingButton, {
+		id: require_constants.FLOATING_BUTTON_ID,
+		variant: floatingButton?.style,
+		mode: floatingButton?.mode,
+		backgroundColor: floatingButton?.backgroundColor,
+		onClick: () => openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_BUTTON),
+		customIcon: floatingButton?.iconSVGSrc,
+		show: floatingButton?.showOption,
+		location: floatingButton?.position,
+		hasInteractionHappened: userHasInteractedValue,
+		ariaLabel: "Open chat"
+	})] });
+};
+const FloatingChatWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(FloatingChatWidgetHandler);
+const FloatingChatWidget = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingChatWidgetWithBaseWidget, {
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.FloatingChatV3,
+		widgetConfigId: "fake-widget-config-id"
+	});
+};
+FloatingChatWidget.displayName = "FloatingChatWidget";
+
+//#endregion
+exports.FloatingChatWidget = FloatingChatWidget;

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
+interface FloatingChatWidgetProps {}
+declare const FloatingChatWidget: {
+  (): react_jsx_runtime13.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FloatingChatWidget, FloatingChatWidgetProps };

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
+interface FloatingChatWidgetProps {}
+declare const FloatingChatWidget: {
+  (): react_jsx_runtime9.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FloatingChatWidget, FloatingChatWidgetProps };

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -0,0 +1,69 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import "../../hocs/withBaseWidget/index.js";
+import { FloatingChatOverlay } from "./FloatingChatOverlay.js";
+import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
+import { CustomerServiceType } from "../../CXIntegration/types.js";
+import { FLOATING_BUTTON_ID } from "./constants.js";
+import { useUnifiedCXButton } from "../../CXIntegration/hooks/useUnifiedCXButton.js";
+import { useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { FloatingChat } from "@envive-ai/react-toolkit-v3/FloatingChat";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { FloatingButton } from "@envive-ai/react-toolkit-v3/FloatingButton";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+
+//#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
+const FloatingChatWidgetHandler = (props) => {
+	const salesAgentData = useSalesAgent();
+	const { userHasInteractedValue } = useGetWidgetStatus_default();
+	const { uiConfig, isUiConfigLoading } = props;
+	const { isSwitchEnabled, toggle } = useUnifiedCXButton({
+		provider: CustomerServiceType.unsupported,
+		enabled: false,
+		suppressMerchantButton: false
+	}) ?? {};
+	const { isOpen, openChat, closeChat } = useChatToggle();
+	const theme = useMemo(() => {
+		if (isUiConfigLoading || !uiConfig) return Theme.STANDARD;
+		return uiConfig?.lookAndFeel?.theme ?? Theme.GLOBAL_CUSTOM;
+	}, [isUiConfigLoading, uiConfig]);
+	const { floatingButton } = uiConfig ?? {};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FloatingChatOverlay, {
+		isOpened: isOpen,
+		onClose: () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
+		children: /* @__PURE__ */ jsx(FloatingChat, {
+			theme,
+			salesAgentData,
+			floatingChatConfig: uiConfig?.floatingChat ?? {},
+			lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+			isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+			onToggleCXButton: toggle,
+			onClose: () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
+		})
+	}), !isOpen && /* @__PURE__ */ jsx(FloatingButton, {
+		id: FLOATING_BUTTON_ID,
+		variant: floatingButton?.style,
+		mode: floatingButton?.mode,
+		backgroundColor: floatingButton?.backgroundColor,
+		onClick: () => openChat(ChatElementDisplayLocationV3.FLOATING_BUTTON),
+		customIcon: floatingButton?.iconSVGSrc,
+		show: floatingButton?.showOption,
+		location: floatingButton?.position,
+		hasInteractionHappened: userHasInteractedValue,
+		ariaLabel: "Open chat"
+	})] });
+};
+const FloatingChatWidgetWithBaseWidget = withBaseWidget(FloatingChatWidgetHandler);
+const FloatingChatWidget = () => {
+	return /* @__PURE__ */ jsx(FloatingChatWidgetWithBaseWidget, {
+		widgetType: WidgetTypeV3.FloatingChatV3,
+		widgetConfigId: "fake-widget-config-id"
+	});
+};
+FloatingChatWidget.displayName = "FloatingChatWidget";
+
+//#endregion
+export { FloatingChatWidget };

package/dist/widgets/FloatingChatWidget/constants.cjs

@@ -0,0 +1,6 @@
+
+//#region src/widgets/FloatingChatWidget/constants.ts
+const FLOATING_BUTTON_ID = "envive-ai-floating-button";
+
+//#endregion
+exports.FLOATING_BUTTON_ID = FLOATING_BUTTON_ID;

package/dist/widgets/FloatingChatWidget/constants.d.cts

@@ -0,0 +1,4 @@
+//#region src/widgets/FloatingChatWidget/constants.d.ts
+declare const FLOATING_BUTTON_ID = "envive-ai-floating-button";
+//#endregion
+export { FLOATING_BUTTON_ID };

package/dist/widgets/FloatingChatWidget/constants.d.ts

@@ -0,0 +1,4 @@
+//#region src/widgets/FloatingChatWidget/constants.d.ts
+declare const FLOATING_BUTTON_ID = "envive-ai-floating-button";
+//#endregion
+export { FLOATING_BUTTON_ID };

package/dist/widgets/FloatingChatWidget/constants.js

@@ -0,0 +1,5 @@
+//#region src/widgets/FloatingChatWidget/constants.ts
+const FLOATING_BUTTON_ID = "envive-ai-floating-button";
+
+//#endregion
+export { FLOATING_BUTTON_ID };

package/dist/widgets/FloatingChatWidget/index.cjs

@@ -0,0 +1,5 @@
+const require_constants = require('./constants.cjs');
+const require_FloatingChatWidget = require('./FloatingChatWidget.cjs');
+
+exports.FLOATING_BUTTON_ID = require_constants.FLOATING_BUTTON_ID;
+exports.FloatingChatWidget = require_FloatingChatWidget.FloatingChatWidget;

package/dist/widgets/FloatingChatWidget/index.d.cts

@@ -0,0 +1,3 @@
+import { FloatingChatWidget, FloatingChatWidgetProps } from "./FloatingChatWidget.cjs";
+import { FLOATING_BUTTON_ID } from "./constants.cjs";
+export { FLOATING_BUTTON_ID, FloatingChatWidget, type FloatingChatWidgetProps };

package/dist/widgets/FloatingChatWidget/index.d.ts

@@ -0,0 +1,3 @@
+import { FloatingChatWidget, FloatingChatWidgetProps } from "./FloatingChatWidget.js";
+import { FLOATING_BUTTON_ID } from "./constants.js";
+export { FLOATING_BUTTON_ID, FloatingChatWidget, type FloatingChatWidgetProps };

package/dist/widgets/FloatingChatWidget/index.js

@@ -0,0 +1,4 @@
+import { FLOATING_BUTTON_ID } from "./constants.js";
+import { FloatingChatWidget } from "./FloatingChatWidget.js";
+
+export { FLOATING_BUTTON_ID, FloatingChatWidget };