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

package/dist/CXIntegration/hooks/useUnifiedCXButton.cjs

@@ -6,11 +6,12 @@ let jotai = require("jotai");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 
 //#region src/CXIntegration/hooks/useUnifiedCXButton.ts
-const useUnifiedCXButton = ({ enabled = false, provider = require_types.CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent }) => {
+const useUnifiedCXButton = ({ enabled = false, provider = require_types.CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent, onCXClose }) => {
 	const { isSupported } = (0, __envive_ai_react_hooks_contexts_pageContext.usePage)();
 	const hasParsedVariantInfo = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.hasParsedVariantInfoAtom);
 	const selectedCustomerService = require_functions.findCustomerServiceImpl(provider)({
 		onSwitchToAgent,
+		onCXClose,
 		suppressMerchantButton
 	});
 	if (!enabled) return void 0;

package/dist/CXIntegration/hooks/useUnifiedCXButton.js

@@ -5,11 +5,12 @@ import { useAtomValue } from "jotai";
 import { hasParsedVariantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 
 //#region src/CXIntegration/hooks/useUnifiedCXButton.ts
-const useUnifiedCXButton = ({ enabled = false, provider = CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent }) => {
+const useUnifiedCXButton = ({ enabled = false, provider = CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent, onCXClose }) => {
 	const { isSupported } = usePage();
 	const hasParsedVariantInfo = useAtomValue(hasParsedVariantInfoAtom);
 	const selectedCustomerService = findCustomerServiceImpl(provider)({
 		onSwitchToAgent,
+		onCXClose,
 		suppressMerchantButton
 	});
 	if (!enabled) return void 0;

package/dist/CXIntegration/implementations/useGladlyUnifiedCXButton.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/useGladlyUnifiedCXButton.ts
 const useGladlyUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const gladlyButton = document.querySelector("[data-aid*=\"gladlyChatChatButton\"]");
+	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 (gladlyButton && gladlyButton instanceof HTMLElement) gladlyButton.click();
 	};
 	const isGladlyButtonEnabled = () => {

package/dist/CXIntegration/implementations/useGladlyUnifiedCXButton.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/useGladlyUnifiedCXButton.ts
 const useGladlyUnifiedCXButton = ({ onSwitchToAgent }) => {
 	const gladlyButton = document.querySelector("[data-aid*=\"gladlyChatChatButton\"]");
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (gladlyButton && gladlyButton instanceof HTMLElement) gladlyButton.click();
 	};
 	const isGladlyButtonEnabled = () => {

package/dist/CXIntegration/implementations/useGorgiasUnifiedCXButton.cjs

@@ -7,7 +7,7 @@ let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-ho
 const CHAT_WINDOW_ID = "chat-window";
 const CHAT_BUTTON_ID = "chat-button";
 const GORGIAS_BUTTON_SELECTOR = "id|chat-button @ id|gorgias-chat-messenger-button";
-const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatWindow = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(CHAT_WINDOW_ID));
 	const chatButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(CHAT_BUTTON_ID));
 	const trigger = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR));
@@ -16,7 +16,7 @@ const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		onSwitchToAgent();
 		chatButton.show();
 		trigger.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isSwitchEnabled = () => !!__envive_ai_react_hooks_application_utils.SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
 	chatButton.onAdd(() => {
@@ -26,19 +26,20 @@ const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		}
 	});
 	chatWindow.onAdd((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const chatWindowDisplay = window.getComputedStyle(el).getPropertyValue("display");
 			const chatButtonDisplay = chatButton.targetNode?.style.display;
 			if (chatWindowDisplay === "block" && chatButtonDisplay === "none") {
-				chatButton.show();
+				if (suppressMerchantButton) chatButton.show();
 				enviveFloatingButton.hide();
 			}
 		}
 	});
 	chatWindow.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			if (window.getComputedStyle(el).getPropertyValue("display") === "none") {
-				chatButton.hide();
+				onCXClose?.();
+				if (suppressMerchantButton) chatButton.hide();
 				enviveFloatingButton.show();
 			}
 		}

package/dist/CXIntegration/implementations/useGorgiasUnifiedCXButton.js

@@ -6,7 +6,7 @@ import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver
 const CHAT_WINDOW_ID = "chat-window";
 const CHAT_BUTTON_ID = "chat-button";
 const GORGIAS_BUTTON_SELECTOR = "id|chat-button @ id|gorgias-chat-messenger-button";
-const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatWindow = useElementObserver(SelectorFactory.id(CHAT_WINDOW_ID));
 	const chatButton = useElementObserver(SelectorFactory.id(CHAT_BUTTON_ID));
 	const trigger = useElementObserver(SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR));
@@ -15,7 +15,7 @@ const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		onSwitchToAgent();
 		chatButton.show();
 		trigger.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isSwitchEnabled = () => !!SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
 	chatButton.onAdd(() => {
@@ -25,19 +25,20 @@ const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		}
 	});
 	chatWindow.onAdd((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const chatWindowDisplay = window.getComputedStyle(el).getPropertyValue("display");
 			const chatButtonDisplay = chatButton.targetNode?.style.display;
 			if (chatWindowDisplay === "block" && chatButtonDisplay === "none") {
-				chatButton.show();
+				if (suppressMerchantButton) chatButton.show();
 				enviveFloatingButton.hide();
 			}
 		}
 	});
 	chatWindow.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			if (window.getComputedStyle(el).getPropertyValue("display") === "none") {
-				chatButton.hide();
+				onCXClose?.();
+				if (suppressMerchantButton) chatButton.hide();
 				enviveFloatingButton.show();
 			}
 		}

package/dist/CXIntegration/implementations/useGrooveUnifiedCXButton.cjs

@@ -5,13 +5,13 @@ 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/useGrooveUnifiedCXButton.ts
-const useGrooveUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useGrooveUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const grooveChatContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query("div[id*=\"groove-container\"]"));
 	const windowGrooveWidget = window.groove?.widget;
 	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
 	const previousIsOpenRef = (0, react.useRef)(void 0);
 	const toggle = () => {
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		onSwitchToAgent();
 		if (windowGrooveWidget) windowGrooveWidget.open();
 	};
@@ -19,20 +19,19 @@ const useGrooveUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) =
 	const isSwitchEnabled = () => isGrooveWidgetEnabled();
 	const hideEnviveFloatingButton = () => {
 		enviveFloatingButton.hide();
-		if (windowGrooveWidget) windowGrooveWidget.open();
+		if (suppressMerchantButton && windowGrooveWidget) windowGrooveWidget.open();
 	};
 	const showEnviveFloatingButton = () => {
+		onCXClose?.();
 		enviveFloatingButton.show();
-		if (windowGrooveWidget) windowGrooveWidget.close();
+		if (suppressMerchantButton && windowGrooveWidget) windowGrooveWidget.close();
 	};
 	grooveChatContainer.onChange(() => {
-		if (suppressMerchantButton) {
-			const isOpen = windowGrooveWidget?.shim.isOpen;
-			if (isOpen !== previousIsOpenRef.current) {
-				previousIsOpenRef.current = isOpen;
-				if (isOpen) hideEnviveFloatingButton();
-				else showEnviveFloatingButton();
-			}
+		const isOpen = windowGrooveWidget?.shim.isOpen;
+		if (isOpen !== previousIsOpenRef.current) {
+			previousIsOpenRef.current = isOpen;
+			if (isOpen) hideEnviveFloatingButton();
+			else showEnviveFloatingButton();
 		}
 	});
 	return {

package/dist/CXIntegration/implementations/useGrooveUnifiedCXButton.js

@@ -4,13 +4,13 @@ import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
 import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
 
 //#region src/CXIntegration/implementations/useGrooveUnifiedCXButton.ts
-const useGrooveUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useGrooveUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const grooveChatContainer = useElementObserver(SelectorFactory.query("div[id*=\"groove-container\"]"));
 	const windowGrooveWidget = window.groove?.widget;
 	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const previousIsOpenRef = useRef(void 0);
 	const toggle = () => {
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		onSwitchToAgent();
 		if (windowGrooveWidget) windowGrooveWidget.open();
 	};
@@ -18,20 +18,19 @@ const useGrooveUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) =
 	const isSwitchEnabled = () => isGrooveWidgetEnabled();
 	const hideEnviveFloatingButton = () => {
 		enviveFloatingButton.hide();
-		if (windowGrooveWidget) windowGrooveWidget.open();
+		if (suppressMerchantButton && windowGrooveWidget) windowGrooveWidget.open();
 	};
 	const showEnviveFloatingButton = () => {
+		onCXClose?.();
 		enviveFloatingButton.show();
-		if (windowGrooveWidget) windowGrooveWidget.close();
+		if (suppressMerchantButton && windowGrooveWidget) windowGrooveWidget.close();
 	};
 	grooveChatContainer.onChange(() => {
-		if (suppressMerchantButton) {
-			const isOpen = windowGrooveWidget?.shim.isOpen;
-			if (isOpen !== previousIsOpenRef.current) {
-				previousIsOpenRef.current = isOpen;
-				if (isOpen) hideEnviveFloatingButton();
-				else showEnviveFloatingButton();
-			}
+		const isOpen = windowGrooveWidget?.shim.isOpen;
+		if (isOpen !== previousIsOpenRef.current) {
+			previousIsOpenRef.current = isOpen;
+			if (isOpen) hideEnviveFloatingButton();
+			else showEnviveFloatingButton();
 		}
 	});
 	return {

package/dist/CXIntegration/implementations/useKustomerUnifiedCXButton.cjs

@@ -4,14 +4,14 @@ 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/useKustomerUnifiedCXButton.ts
-const useKustomerUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useKustomerUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const kustomerButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ query|div[role=\"button\"]"));
 	const kustomerNotification = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ query|div[class^=\"unread__unread\"]"));
 	const kustomerWidgetRoot = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ id|root"));
 	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();
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		kustomerButton.show();
 		kustomerButton.fire("click");
 	};
@@ -26,13 +26,16 @@ const useKustomerUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		if (suppressMerchantButton) kustomerNotification.hide();
 	});
 	kustomerWidgetRoot.onChange(async (el) => {
-		if (suppressMerchantButton) {
-			for (const child of el?.children || []) if ([...child.classList].some((cls) => cls.includes("widget__widgetWrapper"))) {
-				enviveFloatingButton.hide();
+		for (const child of el?.children || []) if ([...child.classList].some((cls) => cls.includes("widget__widgetWrapper"))) {
+			enviveFloatingButton.hide();
+			if (suppressMerchantButton) {
 				kustomerButton.show();
 				kustomerNotification.show();
-			} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
-				enviveFloatingButton.show();
+			}
+		} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
+			onCXClose?.();
+			enviveFloatingButton.show();
+			if (suppressMerchantButton) {
 				kustomerButton.hide();
 				kustomerNotification.hide();
 			}

package/dist/CXIntegration/implementations/useKustomerUnifiedCXButton.js

@@ -3,14 +3,14 @@ import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
 import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
 
 //#region src/CXIntegration/implementations/useKustomerUnifiedCXButton.ts
-const useKustomerUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useKustomerUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const kustomerButton = useElementObserver(SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ query|div[role=\"button\"]"));
 	const kustomerNotification = useElementObserver(SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ query|div[class^=\"unread__unread\"]"));
 	const kustomerWidgetRoot = useElementObserver(SelectorFactory.chain("id|kustomer-ui-sdk-iframe @ id|root"));
 	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 	const toggle = () => {
 		onSwitchToAgent();
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		kustomerButton.show();
 		kustomerButton.fire("click");
 	};
@@ -25,13 +25,16 @@ const useKustomerUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton })
 		if (suppressMerchantButton) kustomerNotification.hide();
 	});
 	kustomerWidgetRoot.onChange(async (el) => {
-		if (suppressMerchantButton) {
-			for (const child of el?.children || []) if ([...child.classList].some((cls) => cls.includes("widget__widgetWrapper"))) {
-				enviveFloatingButton.hide();
+		for (const child of el?.children || []) if ([...child.classList].some((cls) => cls.includes("widget__widgetWrapper"))) {
+			enviveFloatingButton.hide();
+			if (suppressMerchantButton) {
 				kustomerButton.show();
 				kustomerNotification.show();
-			} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
-				enviveFloatingButton.show();
+			}
+		} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
+			onCXClose?.();
+			enviveFloatingButton.show();
+			if (suppressMerchantButton) {
 				kustomerButton.hide();
 				kustomerNotification.hide();
 			}

package/dist/CXIntegration/implementations/useReDoUnifiedCXButton.cjs

@@ -9,7 +9,7 @@ const TIMEOUT = 700;
 const REDO_CHAT_CONTAINER_SELECTOR = "redo-chat-widget";
 const REDO_CHAT_MODAL_SELECTOR = "id|redo-chat-widget @ query|div > div";
 const REDO_BUTTON_SELECTOR = "id|redo-chat-widget @ query|div[data-target=supp-chat-bubble]";
-const useReDoUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useReDoUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(REDO_CHAT_CONTAINER_SELECTOR));
 	const chatModal = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain(REDO_CHAT_MODAL_SELECTOR));
 	const chatButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain(REDO_BUTTON_SELECTOR));
@@ -19,7 +19,7 @@ const useReDoUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) =>
 		onSwitchToAgent();
 		chatButton.show();
 		chatButton.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isReDoButtonEnabled = () => !!__envive_ai_react_hooks_application_utils.SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();
 	const isSwitchEnabled = () => isReDoButtonEnabled();

package/dist/CXIntegration/implementations/useReDoUnifiedCXButton.js

@@ -8,7 +8,7 @@ const TIMEOUT = 700;
 const REDO_CHAT_CONTAINER_SELECTOR = "redo-chat-widget";
 const REDO_CHAT_MODAL_SELECTOR = "id|redo-chat-widget @ query|div > div";
 const REDO_BUTTON_SELECTOR = "id|redo-chat-widget @ query|div[data-target=supp-chat-bubble]";
-const useReDoUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useReDoUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatContainer = useElementObserver(SelectorFactory.id(REDO_CHAT_CONTAINER_SELECTOR));
 	const chatModal = useElementObserver(SelectorFactory.chain(REDO_CHAT_MODAL_SELECTOR));
 	const chatButton = useElementObserver(SelectorFactory.chain(REDO_BUTTON_SELECTOR));
@@ -18,7 +18,7 @@ const useReDoUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) =>
 		onSwitchToAgent();
 		chatButton.show();
 		chatButton.fire("click");
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 	};
 	const isReDoButtonEnabled = () => !!SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();
 	const isSwitchEnabled = () => isReDoButtonEnabled();

package/dist/CXIntegration/implementations/useRichpanelUnifiedCXButton.cjs

@@ -4,7 +4,7 @@ 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/useRichpanelUnifiedCXButton.ts
-const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatWindow = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|richpanel_messenger_iframe @ query|.rp-messenger-container"));
 	const chatButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query(".rp-messenger-trigger"));
 	const chatAlternativeButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query(".rp-micro-app-dummy-icon"));
@@ -12,15 +12,14 @@ const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }
 	const toggle = () => {
 		chatWindow.show();
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (chatButton) {
 			chatButton.show();
 			chatButton.fire("click");
-			if (suppressMerchantButton) enviveFloatingButton.hide();
 		}
 		if (chatAlternativeButton) {
 			chatAlternativeButton.show();
 			chatAlternativeButton.fire("click");
-			if (suppressMerchantButton) enviveFloatingButton.hide();
 		}
 	};
 	const isRichpanelButtonEnabled = () => {
@@ -42,16 +41,19 @@ const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }
 		enviveFloatingButton.show();
 	});
 	chatWindow.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const { classList } = el;
 			if (classList.contains("opened")) {
 				enviveFloatingButton.hide();
 				chatWindow.show();
 			} else if (classList.length === 1 && classList.contains("rp-messenger-container")) {
+				onCXClose?.();
 				enviveFloatingButton.show();
-				chatButton.hide();
-				chatAlternativeButton.hide();
-				chatWindow.hide();
+				if (suppressMerchantButton) {
+					chatButton.hide();
+					chatAlternativeButton.hide();
+					chatWindow.hide();
+				}
 			}
 		}
 	});

package/dist/CXIntegration/implementations/useRichpanelUnifiedCXButton.js

@@ -3,7 +3,7 @@ import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
 import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
 
 //#region src/CXIntegration/implementations/useRichpanelUnifiedCXButton.ts
-const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const chatWindow = useElementObserver(SelectorFactory.chain("id|richpanel_messenger_iframe @ query|.rp-messenger-container"));
 	const chatButton = useElementObserver(SelectorFactory.query(".rp-messenger-trigger"));
 	const chatAlternativeButton = useElementObserver(SelectorFactory.query(".rp-micro-app-dummy-icon"));
@@ -11,15 +11,14 @@ const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }
 	const toggle = () => {
 		chatWindow.show();
 		onSwitchToAgent();
+		enviveFloatingButton.hide();
 		if (chatButton) {
 			chatButton.show();
 			chatButton.fire("click");
-			if (suppressMerchantButton) enviveFloatingButton.hide();
 		}
 		if (chatAlternativeButton) {
 			chatAlternativeButton.show();
 			chatAlternativeButton.fire("click");
-			if (suppressMerchantButton) enviveFloatingButton.hide();
 		}
 	};
 	const isRichpanelButtonEnabled = () => {
@@ -41,16 +40,19 @@ const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }
 		enviveFloatingButton.show();
 	});
 	chatWindow.onChange((el) => {
-		if (el && suppressMerchantButton) {
+		if (el) {
 			const { classList } = el;
 			if (classList.contains("opened")) {
 				enviveFloatingButton.hide();
 				chatWindow.show();
 			} else if (classList.length === 1 && classList.contains("rp-messenger-container")) {
+				onCXClose?.();
 				enviveFloatingButton.show();
-				chatButton.hide();
-				chatAlternativeButton.hide();
-				chatWindow.hide();
+				if (suppressMerchantButton) {
+					chatButton.hide();
+					chatAlternativeButton.hide();
+					chatWindow.hide();
+				}
 			}
 		}
 	});

package/dist/CXIntegration/implementations/useShopifyChatUnifiedCXButton.cjs

@@ -4,12 +4,12 @@ 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/useShopifyChatUnifiedCXButton.ts
-const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+const useShopifyChatUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
 	const shopifyChatContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("ShopifyChat"));
 	const shopifyButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|ShopifyChat @ query|.chat-app > button"));
 	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 = () => {
-		if (suppressMerchantButton) enviveFloatingButton.hide();
+		enviveFloatingButton.hide();
 		shopifyButton.show();
 		onSwitchToAgent();
 		shopifyButton.fire("click");
@@ -18,30 +18,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/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");