@envive-ai/react-widgets-v3 0.3.11 → 0.3.13

package/dist/CXIntegration/implementations/useShopifyChatUnifiedCXButton.js

@@ -3,12 +3,12 @@ import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
 import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
 
 //#region src/CXIntegration/implementations/useShopifyChatUnifiedCXButton.ts
-const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const shopifyChatContainer = useElementObserver(SelectorFactory.id("ShopifyChat"));
 	const shopifyButton = useElementObserver(SelectorFactory.chain("id|ShopifyChat @ query|.chat-app > button"));
 	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const toggle = () => {
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		shopifyButton.show();
 		onSwitchToAgent();
 		shopifyButton.fire("click");
@@ -17,30 +17,27 @@ const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton
 		return !!shopifyButton;
 	};
 	const isSwitchEnabled = () => isShopifyButtonEnabled();
-	const hideEnviveFloatingButton = () => {
-		enviveFloatingButton.hide();
-		shopifyButton.show();
-	};
-	const showEnviveFloatingButton = () => {
-		enviveFloatingButton.show();
-		shopifyButton.hide();
-		shopifyChatContainer.hide();
-	};
 	const handleChatStateChange = async (isOpen) => {
 		if (isOpen) {
-			hideEnviveFloatingButton();
+			enviveFloatingButton.hide();
+			if (suppressMerchantButton) shopifyButton.show();
 			return;
 		}
-		showEnviveFloatingButton();
+		onCXClose?.();
+		enviveFloatingButton.show();
+		if (suppressMerchantButton) {
+			shopifyButton.hide();
+			shopifyChatContainer.hide();
+		}
 	};
 	shopifyButton.onAdd(() => {
-		if (suppressMerchantButton) handleChatStateChange(shopifyChatContainer.targetNode?.getAttribute("is-open") === "true");
+		handleChatStateChange(shopifyChatContainer.targetNode?.getAttribute("is-open") === "true");
 	});
 	shopifyChatContainer.onAdd((el) => {
-		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+		handleChatStateChange(el?.getAttribute("is-open") === "true");
 	});
 	shopifyChatContainer.onChange((el) => {
-		if (suppressMerchantButton) handleChatStateChange(el?.getAttribute("is-open") === "true");
+		handleChatStateChange(el?.getAttribute("is-open") === "true");
 	});
 	return {
 		toggle,

package/dist/CXIntegration/implementations/useTidioUnifiedCXButton.cjs

@@ -1,9 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/application/utils");
+let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-hooks/hooks/ElementObserver");
 
 //#region src/CXIntegration/implementations/useTidioUnifiedCXButton.ts
 const useTidioUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const tidioButton = window.tidioChatApi;
+	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (tidioButton) tidioButton.open();
 	};
 	const isTidioButtonEnabled = () => !!document.getElementById("tidio-chat-iframe");

package/dist/CXIntegration/implementations/useTidioUnifiedCXButton.js

@@ -1,8 +1,14 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
 //#region src/CXIntegration/implementations/useTidioUnifiedCXButton.ts
 const useTidioUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const tidioButton = window.tidioChatApi;
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (tidioButton) tidioButton.open();
 	};
 	const isTidioButtonEnabled = () => !!document.getElementById("tidio-chat-iframe");

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.cjs

@@ -4,16 +4,16 @@ let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/
 let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-hooks/hooks/ElementObserver");
 
 //#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
-const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
-	const zendeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|launcher @ query|button"));
+const useZendeskUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
+	const zendeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("query|iframe#launcher @ query|button"));
 	const zendeskAlternativeIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|webWidget"));
 	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
-	const zendeskIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("launcher"));
+	const zendeskIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query("iframe#launcher"));
 	const toggle = () => {
 		zendeskIframe.hide();
 		onSwitchToAgent();
 		zendeskButton.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isZendeskButtonEnabled = () => {
 		return !!(document?.getElementById("launcher"))?.contentWindow?.document?.querySelector("button");
@@ -26,19 +26,21 @@ const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		}
 	});
 	zendeskButton.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const ariaLabel = el.getAttribute("aria-label");
 			if (ariaLabel === "Open messaging window") {
+				onCXClose?.();
 				enviveFloatingButton.show();
-				zendeskIframe.hide();
+				if (suppressMerchantButton) zendeskIframe.hide();
 			}
 			if (ariaLabel === "Close messaging window") {
 				enviveFloatingButton.hide();
-				zendeskIframe.show();
+				if (suppressMerchantButton) zendeskIframe.show();
 			}
 		}
 	});
 	zendeskAlternativeIframe.onRemove(() => {
+		onCXClose?.();
 		if (suppressMerchantButton) {
 			enviveFloatingButton.show();
 			zendeskIframe.hide();

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.js

@@ -3,16 +3,16 @@ import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
 import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
 
 //#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
-const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
-	const zendeskButton = useElementObserver(SelectorFactory.chain("id|launcher @ query|button"));
+const useZendeskUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
+	const zendeskButton = useElementObserver(SelectorFactory.chain("query|iframe#launcher @ query|button"));
 	const zendeskAlternativeIframe = useElementObserver(SelectorFactory.chain("id|webWidget"));
 	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
-	const zendeskIframe = useElementObserver(SelectorFactory.id("launcher"));
+	const zendeskIframe = useElementObserver(SelectorFactory.query("iframe#launcher"));
 	const toggle = () => {
 		zendeskIframe.hide();
 		onSwitchToAgent();
 		zendeskButton.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isZendeskButtonEnabled = () => {
 		return !!(document?.getElementById("launcher"))?.contentWindow?.document?.querySelector("button");
@@ -25,19 +25,21 @@ const useZendeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		}
 	});
 	zendeskButton.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const ariaLabel = el.getAttribute("aria-label");
 			if (ariaLabel === "Open messaging window") {
+				onCXClose?.();
 				enviveFloatingButton.show();
-				zendeskIframe.hide();
+				if (suppressMerchantButton) zendeskIframe.hide();
 			}
 			if (ariaLabel === "Close messaging window") {
 				enviveFloatingButton.hide();
-				zendeskIframe.show();
+				if (suppressMerchantButton) zendeskIframe.show();
 			}
 		}
 	});
 	zendeskAlternativeIframe.onRemove(() => {
+		onCXClose?.();
 		if (suppressMerchantButton) {
 			enviveFloatingButton.show();
 			zendeskIframe.hide();

package/dist/CXIntegration/implementations/useZowieUnifiedCXButton.cjs

@@ -1,9 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/application/utils");
+let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-hooks/hooks/ElementObserver");
 
 //#region src/CXIntegration/implementations/useZowieUnifiedCXButton.ts
 const useZowieUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const zowieButton = window?.Zowie;
+	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (zowieButton) zowieButton?.open();
 	};
 	const isZowieButtonEnabled = () => !!zowieButton;

package/dist/CXIntegration/implementations/useZowieUnifiedCXButton.js

@@ -1,8 +1,14 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
 //#region src/CXIntegration/implementations/useZowieUnifiedCXButton.ts
 const useZowieUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const zowieButton = window?.Zowie;
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (zowieButton) zowieButton?.open();
 	};
 	const isZowieButtonEnabled = () => !!zowieButton;

package/dist/CXIntegration/types.cjs

@@ -11,6 +11,7 @@ let CustomerServiceType = /* @__PURE__ */ function(CustomerServiceType$1) {
 	CustomerServiceType$1["gladly"] = "gladly";
 	CustomerServiceType$1["richpanel"] = "richpanel";
 	CustomerServiceType$1["zendesk"] = "zendesk";
+	CustomerServiceType$1["eightByEight"] = "8x8";
 	CustomerServiceType$1["unsupported"] = "unsupported";
 	return CustomerServiceType$1;
 }({});

package/dist/CXIntegration/types.js

@@ -10,6 +10,7 @@ let CustomerServiceType = /* @__PURE__ */ function(CustomerServiceType$1) {
 	CustomerServiceType$1["gladly"] = "gladly";
 	CustomerServiceType$1["richpanel"] = "richpanel";
 	CustomerServiceType$1["zendesk"] = "zendesk";
+	CustomerServiceType$1["eightByEight"] = "8x8";
 	CustomerServiceType$1["unsupported"] = "unsupported";
 	return CustomerServiceType$1;
 }({});

package/dist/CXIntegration/utils/functions.cjs

@@ -9,6 +9,7 @@ const require_useReDoUnifiedCXButton = require('../implementations/useReDoUnifie
 const require_useRichpanelUnifiedCXButton = require('../implementations/useRichpanelUnifiedCXButton.cjs');
 const require_useZendeskUnifiedCXButton = require('../implementations/useZendeskUnifiedCXButton.cjs');
 const require_useKustomerUnifiedCXButton = require('../implementations/useKustomerUnifiedCXButton.cjs');
+const require_useEightByEightUnifiedCXButton = require('../implementations/useEightByEightUnifiedCXButton.cjs');
 const require_useDefaultUnifiedCXButton = require('../implementations/useDefaultUnifiedCXButton.cjs');
 
 //#region src/CXIntegration/utils/functions.ts
@@ -23,6 +24,7 @@ const findCustomerServiceImpl = (provider) => {
 	if (provider === require_types.CustomerServiceType.redo) return require_useReDoUnifiedCXButton.useReDoUnifiedCXButton;
 	if (provider === require_types.CustomerServiceType.richpanel) return require_useRichpanelUnifiedCXButton.useRichpanelUnifiedCXButton;
 	if (provider === require_types.CustomerServiceType.zendesk) return require_useZendeskUnifiedCXButton.useZendeskUnifiedCXButton;
+	if (provider === require_types.CustomerServiceType.eightByEight) return require_useEightByEightUnifiedCXButton.useEightByEightUnifiedCXButton;
 	return require_useDefaultUnifiedCXButton.useDefaultUnifiedCXButton;
 };
 

package/dist/CXIntegration/utils/functions.js

@@ -9,6 +9,7 @@ import { useReDoUnifiedCXButton } from "../implementations/useReDoUnifiedCXButto
 import { useRichpanelUnifiedCXButton } from "../implementations/useRichpanelUnifiedCXButton.js";
 import { useZendeskUnifiedCXButton } from "../implementations/useZendeskUnifiedCXButton.js";
 import { useKustomerUnifiedCXButton } from "../implementations/useKustomerUnifiedCXButton.js";
+import { useEightByEightUnifiedCXButton } from "../implementations/useEightByEightUnifiedCXButton.js";
 import { useDefaultUnifiedCXButton } from "../implementations/useDefaultUnifiedCXButton.js";
 
 //#region src/CXIntegration/utils/functions.ts
@@ -23,6 +24,7 @@ const findCustomerServiceImpl = (provider) => {
 	if (provider === CustomerServiceType.redo) return useReDoUnifiedCXButton;
 	if (provider === CustomerServiceType.richpanel) return useRichpanelUnifiedCXButton;
 	if (provider === CustomerServiceType.zendesk) return useZendeskUnifiedCXButton;
+	if (provider === CustomerServiceType.eightByEight) return useEightByEightUnifiedCXButton;
 	return useDefaultUnifiedCXButton;
 };
 

package/dist/debug/debugBar.cjs

@@ -6,7 +6,6 @@ let __envive_ai_react_hooks_hooks_SystemSettingsContext = require("@envive-ai/re
 //#region src/debug/debugBar.tsx
 const DebugBar = () => {
 	const { showDebugBar } = (0, __envive_ai_react_hooks_hooks_SystemSettingsContext.useSystemSettingsContext)();
-	console.log("=== showDebugBar ===", showDebugBar);
 	if (!showDebugBar) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "envive-tw-flex envive-tw-items-center envive-tw-p-[4px]",

package/dist/debug/debugBar.js

@@ -5,7 +5,6 @@ import { useSystemSettingsContext } from "@envive-ai/react-hooks/hooks/SystemSet
 //#region src/debug/debugBar.tsx
 const DebugBar = () => {
 	const { showDebugBar } = useSystemSettingsContext();
-	console.log("=== showDebugBar ===", showDebugBar);
 	if (!showDebugBar) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "envive-tw-flex envive-tw-items-center envive-tw-p-[4px]",

package/dist/hocs/withBaseWidget/withBaseWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/hocs/withBaseWidget/withBaseWidget.d.ts
 declare function withBaseWidget<P extends BaseWidgetProps>(Widget: React.ComponentType<P>, options?: WithBaseWidgetOptions): {
-  (props: P): react_jsx_runtime1.JSX.Element;
+  (props: P): react_jsx_runtime17.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/hocs/withBaseWidget/withBaseWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/hocs/withBaseWidget/withBaseWidget.d.ts
 declare function withBaseWidget<P extends BaseWidgetProps>(Widget: React.ComponentType<P>, options?: WithBaseWidgetOptions): {
-  (props: P): react_jsx_runtime1.JSX.Element;
+  (props: P): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/node_modules/@spiffy-ai/commerce-api-client/dist/models/UrlResolvingRequest.cjs

@@ -40,6 +40,8 @@ var require_UrlResolvingRequest = /* @__PURE__ */ require_rolldown_runtime.__com
 		return {
 			"context": (0, Context_1.ContextFromJSON)(json["context"]),
 			"feature_gates": json["feature_gates"],
+			"org_base_config_version": json["org_base_config_version"] == null ? void 0 : json["org_base_config_version"],
+			"override_config_version": json["override_config_version"] == null ? void 0 : json["override_config_version"],
 			"url": json["url"]
 		};
 	}
@@ -51,6 +53,8 @@ var require_UrlResolvingRequest = /* @__PURE__ */ require_rolldown_runtime.__com
 		return {
 			"context": (0, Context_1.ContextToJSON)(value["context"]),
 			"feature_gates": value["feature_gates"],
+			"org_base_config_version": value["org_base_config_version"],
+			"override_config_version": value["override_config_version"],
 			"url": value["url"]
 		};
 	}

package/dist/node_modules/@spiffy-ai/commerce-api-client/dist/models/WidgetTextRequest.cjs

@@ -44,6 +44,7 @@ var require_WidgetTextRequest = /* @__PURE__ */ require_rolldown_runtime.__commo
 			"feature_flags": json["feature_flags"] == null ? void 0 : json["feature_flags"],
 			"id": json["id"] == null ? void 0 : json["id"],
 			"language": json["language"],
+			"org_base_config_version": json["org_base_config_version"] == null ? void 0 : json["org_base_config_version"],
 			"url": json["url"],
 			"widget_type": (0, WidgetType_1.WidgetTypeFromJSON)(json["widget_type"])
 		};
@@ -58,6 +59,7 @@ var require_WidgetTextRequest = /* @__PURE__ */ require_rolldown_runtime.__commo
 			"feature_flags": value["feature_flags"],
 			"id": value["id"],
 			"language": value["language"],
+			"org_base_config_version": value["org_base_config_version"],
 			"url": value["url"],
 			"widget_type": (0, WidgetType_1.WidgetTypeToJSON)(value["widget_type"])
 		};

package/dist/packages/widgets/dist/SearchResults/SearchResultsWidget.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region ../widgets/dist/SearchResults/SearchResultsWidget.d.ts
 //#region src/SearchResults/SearchResultsWidget.d.ts
-declare const SearchResultsWidget: () => react_jsx_runtime2.JSX.Element;
+declare const SearchResultsWidget: () => react_jsx_runtime0.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/packages/widgets/dist/SearchZeroState/SearchZeroStateWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region ../widgets/dist/SearchZeroState/SearchZeroStateWidget.d.ts
 //#region src/SearchZeroState/SearchZeroStateWidget.d.ts
@@ -11,7 +11,7 @@ declare const SearchZeroStateWidget: ({
   initialIsOpen,
   widgetConfigId,
   entryPointRef
-}: SearchZeroStateWidgetProps) => react_jsx_runtime0.JSX.Element;
+}: SearchZeroStateWidgetProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 
 //#endregion

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime10.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime10.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime7.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/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime9.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_runtime9.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_runtime16 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_runtime16.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_runtime16.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime14 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_runtime14.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_runtime14.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -8,6 +8,7 @@ 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");
@@ -20,29 +21,49 @@ let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-tool
 
 //#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)(() => {
@@ -57,35 +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,
-			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
-	})] });
+	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 } = {}) => {