@envive-ai/react-widgets-v3 0.3.10 → 0.3.12

package/dist/packages/icons/dist/node_modules/react/jsx-runtime.js

@@ -0,0 +1,13 @@
+import { __commonJSMin } from "../../_virtual/rolldown_runtime.js";
+import { require_react_jsx_runtime_production_min } from "./cjs/react-jsx-runtime.production.min.js";
+import { require_react_jsx_runtime_development } from "./cjs/react-jsx-runtime.development.js";
+
+//#region ../icons/dist/node_modules/react/jsx-runtime.js
+var require_jsx_runtime = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	if (process.env.NODE_ENV === "production") module.exports = require_react_jsx_runtime_production_min();
+	else module.exports = require_react_jsx_runtime_development();
+}));
+var jsx_runtime_default = require_jsx_runtime();
+
+//#endregion
+export { require_jsx_runtime };

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs

@@ -1,16 +1,16 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
-const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.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 jotai = require("jotai");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime3.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime8.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime16.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime8.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime16.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js

@@ -1,15 +1,15 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
-import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { getMessageText, getRecentProductImageUrls } 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 { useAtomValue } from "jotai";
-import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
 import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
 declare const ChatPreviewLoadingWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime11.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewLoadingWidgetProps {
@@ -11,6 +11,6 @@ interface ChatPreviewLoadingWidgetProps {
 }
 declare const ChatPreviewLoadingWidget: ({
   widgetConfigId
-}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime11.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
 declare const ChatPreviewLoadingWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime12.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewLoadingWidgetProps {
@@ -11,6 +11,6 @@ interface ChatPreviewLoadingWidgetProps {
 }
 declare const ChatPreviewLoadingWidget: ({
   widgetConfigId
-}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime12.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.cjs

@@ -1,17 +1,17 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
-const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 const require_functions = require('../utils/functions.cjs');
+const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 let react = require("react");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let jotai = require("jotai");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_ChatPreview = require("@envive-ai/react-toolkit-v3/ChatPreview");
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx

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

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

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

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

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -1,16 +1,16 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
-import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { getMessageText } from "../utils/functions.js";
+import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { useCallback, useEffect, useMemo } from "react";
 import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue } from "jotai";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { ChatPreview } from "@envive-ai/react-toolkit-v3/ChatPreview";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.cjs

@@ -1,9 +1,9 @@
 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);
+let react_dom = require("react-dom");
+let framer_motion = require("framer-motion");
 
 //#region src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx
 const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId, previewMode = false }) => {

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
 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, previewMode = false }) => {

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -1,47 +1,69 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.cjs');
+const require_debugBar = require('../../debug/debugBar.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');
 const require_useFloatingButtonVisibility = require('./hooks/useFloatingButtonVisibility.cjs');
+const require_useAutoPopup = require('./hooks/useAutoPopup.cjs');
 let react = require("react");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 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_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
 const FloatingChat = (0, react.lazy)(async () => ({ default: (await import("@envive-ai/react-toolkit-v3/FloatingChat")).FloatingChat }));
+/**
+* Wrapper component that isolates the useUnifiedCXButton hook call.
+* Provider implementations use different React hooks internally, so the
+* provider value must be stable across renders. Use a `key` prop based on
+* provider to force a clean remount when the provider changes.
+*/
+const CXButtonProvider = ({ provider, enabled, suppressMerchantButton, onSwitchToAgent, onCXClose, children }) => {
+	const { isSwitchEnabled, toggle } = require_useUnifiedCXButton.useUnifiedCXButton({
+		provider,
+		enabled,
+		suppressMerchantButton,
+		onSwitchToAgent,
+		onCXClose
+	}) ?? {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
+		isSwitchEnabled,
+		toggle
+	}) });
+};
 const FloatingChatWidgetHandler = (props) => {
 	const { previewButtonOnly, previewChatAlwaysOpen } = props;
 	const salesAgentData = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const { userHasInteractedValue } = require_useGetWidgetStatus.default();
 	const { uiConfig, isUiConfigLoading, hardcopyContent } = props;
-	const { isSwitchEnabled, toggle } = require_useUnifiedCXButton.useUnifiedCXButton({
-		provider: require_types.CustomerServiceType.unsupported,
-		enabled: false,
-		suppressMerchantButton: false
-	}) ?? {};
-	const { floatingButton } = uiConfig ?? {};
+	const { customerServiceIntegration, floatingButton, floatingChat } = uiConfig ?? {};
+	const cxProvider = customerServiceIntegration?.provider ?? require_types.CustomerServiceType.unsupported;
 	const { isOpen, openChat, closeChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const [isCXOpen, setIsCXOpen] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (isOpen) setIsCXOpen(false);
+	}, [isOpen]);
 	const { shouldShowFloatingButton } = require_useFloatingButtonVisibility.useFloatingButtonVisibility({
 		floatingButtonShowConfig: floatingButton?.showOption,
 		isChatOpen: isOpen,
 		userHasInteracted: userHasInteractedValue
 	});
 	const effectiveIsOpen = previewChatAlwaysOpen ? true : isOpen;
-	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton;
+	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton && !isCXOpen;
 	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]);
+	require_useAutoPopup.useAutoPopup({ autoPopupConfig: floatingChat?.autoPopupConfig });
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	const hasTrackedEvent = (0, react.useRef)(false);
 	(0, react.useEffect)(() => {
@@ -56,34 +78,42 @@ const FloatingChatWidgetHandler = (props) => {
 			hasTrackedEvent.current = true;
 		}
 	}, [trackEvent, buttonShouldRender]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FloatingChatOverlay.FloatingChatOverlay, {
-		isOpened: effectiveIsOpen,
-		onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
-		previewMode: !!previewChatAlwaysOpen,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingChat, {
-			theme,
-			salesAgentData,
-			hardcopyContent,
-			floatingChatConfig: uiConfig?.floatingChat ?? {},
-			lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
-			isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
-			isFloatingChatOpen: effectiveIsOpen,
-			onToggleCXButton: toggle,
-			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
-		}) })
-	}), buttonShouldRender && /* @__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: previewButtonOnly ? () => {} : () => openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_BUTTON),
-		customIcon: floatingButton?.iconSVGSrc,
-		show: floatingButton?.showOption,
-		location: floatingButton?.position,
-		hasInteractionHappened: userHasInteractedValue,
-		ariaLabel: "Open chat",
-		previewMode: !!previewButtonOnly
-	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CXButtonProvider, {
+		provider: cxProvider,
+		enabled: customerServiceIntegration?.enabled ?? false,
+		suppressMerchantButton: customerServiceIntegration?.suppressMerchantButton ?? false,
+		onSwitchToAgent: () => setIsCXOpen(true),
+		onCXClose: () => setIsCXOpen(false),
+		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FloatingChatOverlay.FloatingChatOverlay, {
+			isOpened: effectiveIsOpen,
+			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
+			previewMode: !!previewChatAlwaysOpen,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingChat, {
+				theme,
+				salesAgentData,
+				hardcopyContent,
+				floatingChatConfig: uiConfig?.floatingChat ?? {},
+				lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+				isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+				isFloatingChatOpen: effectiveIsOpen,
+				onToggleCXButton: toggle,
+				debugBar: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_debugBar.DebugBar, {}),
+				onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
+			}) })
+		}), buttonShouldRender && /* @__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: previewButtonOnly ? () => {} : () => openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_BUTTON),
+			customIcon: floatingButton?.iconSVGSrc,
+			show: floatingButton?.showOption,
+			location: floatingButton?.position,
+			hasInteractionHappened: userHasInteractedValue,
+			ariaLabel: "Open chat",
+			previewMode: !!previewButtonOnly
+		})] })
+	}, cxProvider);
 };
 const FloatingChatWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(FloatingChatWidgetHandler);
 const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen } = {}) => {

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime15.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime19.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime5.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime3.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -1,46 +1,68 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import { DebugBar } from "../../debug/debugBar.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 { useFloatingButtonVisibility } from "./hooks/useFloatingButtonVisibility.js";
-import { Suspense, lazy, useEffect, useMemo, useRef } from "react";
+import { useAutoPopup } from "./hooks/useAutoPopup.js";
+import { Suspense, lazy, useEffect, useMemo, useRef, useState } from "react";
 import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { FloatingButton } from "@envive-ai/react-toolkit-v3/FloatingButton";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
 const FloatingChat = lazy(async () => ({ default: (await import("@envive-ai/react-toolkit-v3/FloatingChat")).FloatingChat }));
+/**
+* Wrapper component that isolates the useUnifiedCXButton hook call.
+* Provider implementations use different React hooks internally, so the
+* provider value must be stable across renders. Use a `key` prop based on
+* provider to force a clean remount when the provider changes.
+*/
+const CXButtonProvider = ({ provider, enabled, suppressMerchantButton, onSwitchToAgent, onCXClose, children }) => {
+	const { isSwitchEnabled, toggle } = useUnifiedCXButton({
+		provider,
+		enabled,
+		suppressMerchantButton,
+		onSwitchToAgent,
+		onCXClose
+	}) ?? {};
+	return /* @__PURE__ */ jsx(Fragment, { children: children({
+		isSwitchEnabled,
+		toggle
+	}) });
+};
 const FloatingChatWidgetHandler = (props) => {
 	const { previewButtonOnly, previewChatAlwaysOpen } = props;
 	const salesAgentData = useSalesAgent();
 	const { userHasInteractedValue } = useGetWidgetStatus_default();
 	const { uiConfig, isUiConfigLoading, hardcopyContent } = props;
-	const { isSwitchEnabled, toggle } = useUnifiedCXButton({
-		provider: CustomerServiceType.unsupported,
-		enabled: false,
-		suppressMerchantButton: false
-	}) ?? {};
-	const { floatingButton } = uiConfig ?? {};
+	const { customerServiceIntegration, floatingButton, floatingChat } = uiConfig ?? {};
+	const cxProvider = customerServiceIntegration?.provider ?? CustomerServiceType.unsupported;
 	const { isOpen, openChat, closeChat } = useChatToggle();
+	const [isCXOpen, setIsCXOpen] = useState(false);
+	useEffect(() => {
+		if (isOpen) setIsCXOpen(false);
+	}, [isOpen]);
 	const { shouldShowFloatingButton } = useFloatingButtonVisibility({
 		floatingButtonShowConfig: floatingButton?.showOption,
 		isChatOpen: isOpen,
 		userHasInteracted: userHasInteractedValue
 	});
 	const effectiveIsOpen = previewChatAlwaysOpen ? true : isOpen;
-	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton;
+	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton && !isCXOpen;
 	const theme = useMemo(() => {
 		if (isUiConfigLoading || !uiConfig) return Theme.STANDARD;
 		return uiConfig?.lookAndFeel?.theme ?? Theme.GLOBAL_CUSTOM;
 	}, [isUiConfigLoading, uiConfig]);
+	useAutoPopup({ autoPopupConfig: floatingChat?.autoPopupConfig });
 	const { trackEvent } = useAmplitude();
 	const hasTrackedEvent = useRef(false);
 	useEffect(() => {
@@ -55,34 +77,42 @@ const FloatingChatWidgetHandler = (props) => {
 			hasTrackedEvent.current = true;
 		}
 	}, [trackEvent, buttonShouldRender]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
-		isOpened: effectiveIsOpen,
-		onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
-		previewMode: !!previewChatAlwaysOpen,
-		children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FloatingChat, {
-			theme,
-			salesAgentData,
-			hardcopyContent,
-			floatingChatConfig: uiConfig?.floatingChat ?? {},
-			lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
-			isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
-			isFloatingChatOpen: effectiveIsOpen,
-			onToggleCXButton: toggle,
-			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
-		}) })
-	}), buttonShouldRender && /* @__PURE__ */ jsx(FloatingButton, {
-		id: FLOATING_BUTTON_ID,
-		variant: floatingButton?.style,
-		mode: floatingButton?.mode,
-		backgroundColor: floatingButton?.backgroundColor,
-		onClick: previewButtonOnly ? () => {} : () => openChat(ChatElementDisplayLocationV3.FLOATING_BUTTON),
-		customIcon: floatingButton?.iconSVGSrc,
-		show: floatingButton?.showOption,
-		location: floatingButton?.position,
-		hasInteractionHappened: userHasInteractedValue,
-		ariaLabel: "Open chat",
-		previewMode: !!previewButtonOnly
-	})] });
+	return /* @__PURE__ */ jsx(CXButtonProvider, {
+		provider: cxProvider,
+		enabled: customerServiceIntegration?.enabled ?? false,
+		suppressMerchantButton: customerServiceIntegration?.suppressMerchantButton ?? false,
+		onSwitchToAgent: () => setIsCXOpen(true),
+		onCXClose: () => setIsCXOpen(false),
+		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
+			isOpened: effectiveIsOpen,
+			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
+			previewMode: !!previewChatAlwaysOpen,
+			children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FloatingChat, {
+				theme,
+				salesAgentData,
+				hardcopyContent,
+				floatingChatConfig: uiConfig?.floatingChat ?? {},
+				lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+				isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+				isFloatingChatOpen: effectiveIsOpen,
+				onToggleCXButton: toggle,
+				debugBar: /* @__PURE__ */ jsx(DebugBar, {}),
+				onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
+			}) })
+		}), buttonShouldRender && /* @__PURE__ */ jsx(FloatingButton, {
+			id: FLOATING_BUTTON_ID,
+			variant: floatingButton?.style,
+			mode: floatingButton?.mode,
+			backgroundColor: floatingButton?.backgroundColor,
+			onClick: previewButtonOnly ? () => {} : () => openChat(ChatElementDisplayLocationV3.FLOATING_BUTTON),
+			customIcon: floatingButton?.iconSVGSrc,
+			show: floatingButton?.showOption,
+			location: floatingButton?.position,
+			hasInteractionHappened: userHasInteractedValue,
+			ariaLabel: "Open chat",
+			previewMode: !!previewButtonOnly
+		})] })
+	}, cxProvider);
 };
 const FloatingChatWidgetWithBaseWidget = withBaseWidget(FloatingChatWidgetHandler);
 const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen } = {}) => {

package/dist/widgets/FloatingChatWidget/hooks/useAutoPopup.cjs

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+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 __envive_ai_react_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
+
+//#region src/widgets/FloatingChatWidget/hooks/useAutoPopup.ts
+const useAutoPopup = ({ autoPopupConfig }) => {
+	const { isOpen, openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const { featureFlagService } = (0, __envive_ai_react_hooks_contexts_featureFlagServiceContext.useFeatureFlagService)();
+	const hasBeenOpenedRef = (0, react.useRef)(false);
+	const autoPopupTimerRef = (0, react.useRef)(null);
+	const isReferrerBasedPromptEnabled = (0, react.useMemo)(() => featureFlagService.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsReferrerBasedPromptEnabled), [featureFlagService]);
+	(0, react.useEffect)(() => {
+		if (!hasBeenOpenedRef.current && isOpen) hasBeenOpenedRef.current = true;
+	}, [isOpen]);
+	const openChatSafely = (0, react.useCallback)((triggerLocation) => {
+		if (!hasBeenOpenedRef.current) {
+			hasBeenOpenedRef.current = true;
+			openChat(triggerLocation);
+		}
+	}, [openChat]);
+	(0, react.useEffect)(() => {
+		const cleanup = () => {
+			if (autoPopupTimerRef.current) clearTimeout(autoPopupTimerRef.current);
+		};
+		if (!autoPopupConfig || hasBeenOpenedRef.current) return cleanup;
+		for (const trigger of autoPopupConfig.triggers) {
+			if (trigger.trigger.type === "referrer") {
+				if (!isReferrerBasedPromptEnabled) break;
+				const utmSource = new URLSearchParams(window.location.search).get("utm_source");
+				if (trigger.trigger.referrers.includes(utmSource)) autoPopupTimerRef.current = setTimeout(() => {
+					openChatSafely(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.REFERRER_BASED_PROMPT);
+				}, trigger.delay);
+			}
+			if (trigger.trigger.type === "automatic") autoPopupTimerRef.current = setTimeout(() => {
+				openChatSafely(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.AUTOMATIC_PROMPT);
+			}, trigger.delay);
+		}
+		return cleanup;
+	}, [
+		autoPopupConfig,
+		isOpen,
+		isReferrerBasedPromptEnabled,
+		openChatSafely
+	]);
+};
+
+//#endregion
+exports.useAutoPopup = useAutoPopup;