npm - @envive-ai/react-widgets-v3 - Versions diffs - 0.3.10 → 0.3.12 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (266) hide show

package/dist/CXIntegration/hooks/useUnifiedCXButton.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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");