@envive-ai/react-widgets-v3 0.3.2

package/dist/CXIntegration/hooks/useUnifiedCXButton.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_types = require('../types.cjs');
+const require_functions = require('../utils/functions.cjs');
+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 supportedEvent = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.supportedEventAtom);
+	const hasParsedVariantInfo = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.hasParsedVariantInfoAtom);
+	const selectedCustomerService = require_functions.findCustomerServiceImpl(provider)({
+		onSwitchToAgent,
+		suppressMerchantButton
+	});
+	if (!enabled) return void 0;
+	if (suppressMerchantButton) {
+		if (!(hasParsedVariantInfo && supportedEvent?.supported)) return void 0;
+	}
+	return selectedCustomerService;
+};
+
+//#endregion
+exports.useUnifiedCXButton = useUnifiedCXButton;

package/dist/CXIntegration/hooks/useUnifiedCXButton.js

@@ -0,0 +1,22 @@
+import { CustomerServiceType } from "../types.js";
+import { findCustomerServiceImpl } from "../utils/functions.js";
+import { useAtomValue } from "jotai";
+import { hasParsedVariantInfoAtom, supportedEventAtom } from "@envive-ai/react-hooks/atoms/app";
+
+//#region src/CXIntegration/hooks/useUnifiedCXButton.ts
+const useUnifiedCXButton = ({ enabled = false, provider = CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent }) => {
+	const supportedEvent = useAtomValue(supportedEventAtom);
+	const hasParsedVariantInfo = useAtomValue(hasParsedVariantInfoAtom);
+	const selectedCustomerService = findCustomerServiceImpl(provider)({
+		onSwitchToAgent,
+		suppressMerchantButton
+	});
+	if (!enabled) return void 0;
+	if (suppressMerchantButton) {
+		if (!(hasParsedVariantInfo && supportedEvent?.supported)) return void 0;
+	}
+	return selectedCustomerService;
+};
+
+//#endregion
+export { useUnifiedCXButton };

package/dist/CXIntegration/implementations/useDefaultUnifiedCXButton.cjs

@@ -0,0 +1,11 @@
+
+//#region src/CXIntegration/implementations/useDefaultUnifiedCXButton.ts
+const useDefaultUnifiedCXButton = () => {
+	return {
+		toggle: () => {},
+		isSwitchEnabled: () => false
+	};
+};
+
+//#endregion
+exports.useDefaultUnifiedCXButton = useDefaultUnifiedCXButton;

package/dist/CXIntegration/implementations/useDefaultUnifiedCXButton.js

@@ -0,0 +1,10 @@
+//#region src/CXIntegration/implementations/useDefaultUnifiedCXButton.ts
+const useDefaultUnifiedCXButton = () => {
+	return {
+		toggle: () => {},
+		isSwitchEnabled: () => false
+	};
+};
+
+//#endregion
+export { useDefaultUnifiedCXButton };

package/dist/CXIntegration/implementations/useGladlyUnifiedCXButton.cjs

@@ -0,0 +1,20 @@
+
+//#region src/CXIntegration/implementations/useGladlyUnifiedCXButton.ts
+const useGladlyUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const gladlyButton = document.querySelector("[data-aid*=\"gladlyChatChatButton\"]");
+	const toggle = () => {
+		onSwitchToAgent();
+		if (gladlyButton && gladlyButton instanceof HTMLElement) gladlyButton.click();
+	};
+	const isGladlyButtonEnabled = () => {
+		return !!document.getElementById("gladlyChat_container");
+	};
+	const isSwitchEnabled = () => isGladlyButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useGladlyUnifiedCXButton = useGladlyUnifiedCXButton;

package/dist/CXIntegration/implementations/useGladlyUnifiedCXButton.js

@@ -0,0 +1,19 @@
+//#region src/CXIntegration/implementations/useGladlyUnifiedCXButton.ts
+const useGladlyUnifiedCXButton = ({ onSwitchToAgent }) => {
+	const gladlyButton = document.querySelector("[data-aid*=\"gladlyChatChatButton\"]");
+	const toggle = () => {
+		onSwitchToAgent();
+		if (gladlyButton && gladlyButton instanceof HTMLElement) gladlyButton.click();
+	};
+	const isGladlyButtonEnabled = () => {
+		return !!document.getElementById("gladlyChat_container");
+	};
+	const isSwitchEnabled = () => isGladlyButtonEnabled();
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useGladlyUnifiedCXButton };

package/dist/CXIntegration/implementations/useGorgiasUnifiedCXButton.cjs

@@ -0,0 +1,53 @@
+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/useGorgiasUnifiedCXButton.ts
+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 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));
+	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();
+		chatButton.show();
+		trigger.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isSwitchEnabled = () => !!__envive_ai_react_hooks_application_utils.SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	chatWindow.onAdd((el) => {
+		if (el && suppressMerchantButton) {
+			const chatWindowDisplay = window.getComputedStyle(el).getPropertyValue("display");
+			const chatButtonDisplay = chatButton.targetNode?.style.display;
+			if (chatWindowDisplay === "block" && chatButtonDisplay === "none") {
+				chatButton.show();
+				enviveFloatingButton.hide();
+			}
+		}
+	});
+	chatWindow.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			if (window.getComputedStyle(el).getPropertyValue("display") === "none") {
+				chatButton.hide();
+				enviveFloatingButton.show();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useGorgiasUnifiedCXButton = useGorgiasUnifiedCXButton;

package/dist/CXIntegration/implementations/useGorgiasUnifiedCXButton.js

@@ -0,0 +1,52 @@
+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/useGorgiasUnifiedCXButton.ts
+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 chatWindow = useElementObserver(SelectorFactory.id(CHAT_WINDOW_ID));
+	const chatButton = useElementObserver(SelectorFactory.id(CHAT_BUTTON_ID));
+	const trigger = useElementObserver(SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		onSwitchToAgent();
+		chatButton.show();
+		trigger.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isSwitchEnabled = () => !!SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	chatWindow.onAdd((el) => {
+		if (el && suppressMerchantButton) {
+			const chatWindowDisplay = window.getComputedStyle(el).getPropertyValue("display");
+			const chatButtonDisplay = chatButton.targetNode?.style.display;
+			if (chatWindowDisplay === "block" && chatButtonDisplay === "none") {
+				chatButton.show();
+				enviveFloatingButton.hide();
+			}
+		}
+	});
+	chatWindow.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			if (window.getComputedStyle(el).getPropertyValue("display") === "none") {
+				chatButton.hide();
+				enviveFloatingButton.show();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useGorgiasUnifiedCXButton };

package/dist/CXIntegration/implementations/useGrooveUnifiedCXButton.cjs

@@ -0,0 +1,45 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let react = require("react");
+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/useGrooveUnifiedCXButton.ts
+const useGrooveUnifiedCXButton = ({ onSwitchToAgent, 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();
+		onSwitchToAgent();
+		if (windowGrooveWidget) windowGrooveWidget.open();
+	};
+	const isGrooveWidgetEnabled = () => !!windowGrooveWidget;
+	const isSwitchEnabled = () => isGrooveWidgetEnabled();
+	const hideEnviveFloatingButton = () => {
+		enviveFloatingButton.hide();
+		if (windowGrooveWidget) windowGrooveWidget.open();
+	};
+	const showEnviveFloatingButton = () => {
+		enviveFloatingButton.show();
+		if (windowGrooveWidget) windowGrooveWidget.close();
+	};
+	grooveChatContainer.onChange(() => {
+		if (suppressMerchantButton) {
+			const isOpen = windowGrooveWidget?.shim.isOpen;
+			if (isOpen !== previousIsOpenRef.current) {
+				previousIsOpenRef.current = isOpen;
+				if (isOpen) hideEnviveFloatingButton();
+				else showEnviveFloatingButton();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useGrooveUnifiedCXButton = useGrooveUnifiedCXButton;

package/dist/CXIntegration/implementations/useGrooveUnifiedCXButton.js

@@ -0,0 +1,44 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { useRef } from "react";
+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 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();
+		onSwitchToAgent();
+		if (windowGrooveWidget) windowGrooveWidget.open();
+	};
+	const isGrooveWidgetEnabled = () => !!windowGrooveWidget;
+	const isSwitchEnabled = () => isGrooveWidgetEnabled();
+	const hideEnviveFloatingButton = () => {
+		enviveFloatingButton.hide();
+		if (windowGrooveWidget) windowGrooveWidget.open();
+	};
+	const showEnviveFloatingButton = () => {
+		enviveFloatingButton.show();
+		if (windowGrooveWidget) windowGrooveWidget.close();
+	};
+	grooveChatContainer.onChange(() => {
+		if (suppressMerchantButton) {
+			const isOpen = windowGrooveWidget?.shim.isOpen;
+			if (isOpen !== previousIsOpenRef.current) {
+				previousIsOpenRef.current = isOpen;
+				if (isOpen) hideEnviveFloatingButton();
+				else showEnviveFloatingButton();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useGrooveUnifiedCXButton };

package/dist/CXIntegration/implementations/useKustomerUnifiedCXButton.cjs

@@ -0,0 +1,70 @@
+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/useKustomerUnifiedCXButton.ts
+const useKustomerUnifiedCXButton = ({ onSwitchToAgent, 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();
+		kustomerButton.show();
+		kustomerButton.fire("click");
+	};
+	const isKustomerButtonEnabled = () => {
+		return !!document.getElementById("kustomer-ui-sdk-iframe")?.contentWindow?.document.getElementById("root")?.children?.length;
+	};
+	const isSwitchEnabled = () => isKustomerButtonEnabled();
+	kustomerButton.onAdd(() => {
+		if (suppressMerchantButton) kustomerButton.hide();
+	});
+	kustomerNotification.onAdd(() => {
+		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();
+				kustomerButton.show();
+				kustomerNotification.show();
+			} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
+				enviveFloatingButton.show();
+				kustomerButton.hide();
+				kustomerNotification.hide();
+			}
+		}
+	});
+	const observer = new MutationObserver(() => {
+		const iframe = document.getElementById("kustomer-ui-sdk-iframe");
+		const button = iframe.contentWindow?.document.querySelector("div[role=\"button\"]");
+		const notification = iframe.contentWindow?.document.querySelector("div[class^=\"unread__unread\"]");
+		if (button && suppressMerchantButton) button.setAttribute("style", "display: none;");
+		if (notification && suppressMerchantButton) notification.setAttribute("style", "display: none;");
+	});
+	const kustomerIframe = document.getElementById("kustomer-ui-sdk-iframe");
+	if (kustomerIframe?.contentWindow?.document) observer.observe(kustomerIframe.contentWindow?.document, {
+		childList: true,
+		subtree: true
+	});
+	const removeUnifiedCXButton = () => {
+		kustomerButton.show();
+		kustomerNotification.show();
+		const iframe = document.getElementById("kustomer-ui-sdk-iframe");
+		const button = iframe.contentWindow?.document.querySelector("div[role=\"button\"]");
+		const notification = iframe.contentWindow?.document.querySelector("div[class^=\"unread__unread\"]");
+		if (button) button.setAttribute("style", "display: block;");
+		if (notification) notification.setAttribute("style", "display: block;");
+	};
+	return {
+		toggle,
+		removeUnifiedCXButton,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useKustomerUnifiedCXButton = useKustomerUnifiedCXButton;

package/dist/CXIntegration/implementations/useKustomerUnifiedCXButton.js

@@ -0,0 +1,69 @@
+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/useKustomerUnifiedCXButton.ts
+const useKustomerUnifiedCXButton = ({ onSwitchToAgent, 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();
+		kustomerButton.show();
+		kustomerButton.fire("click");
+	};
+	const isKustomerButtonEnabled = () => {
+		return !!document.getElementById("kustomer-ui-sdk-iframe")?.contentWindow?.document.getElementById("root")?.children?.length;
+	};
+	const isSwitchEnabled = () => isKustomerButtonEnabled();
+	kustomerButton.onAdd(() => {
+		if (suppressMerchantButton) kustomerButton.hide();
+	});
+	kustomerNotification.onAdd(() => {
+		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();
+				kustomerButton.show();
+				kustomerNotification.show();
+			} else if ([...child.classList].some((cls) => cls.includes("chatRootIcon__chatIconWrapper"))) {
+				enviveFloatingButton.show();
+				kustomerButton.hide();
+				kustomerNotification.hide();
+			}
+		}
+	});
+	const observer = new MutationObserver(() => {
+		const iframe = document.getElementById("kustomer-ui-sdk-iframe");
+		const button = iframe.contentWindow?.document.querySelector("div[role=\"button\"]");
+		const notification = iframe.contentWindow?.document.querySelector("div[class^=\"unread__unread\"]");
+		if (button && suppressMerchantButton) button.setAttribute("style", "display: none;");
+		if (notification && suppressMerchantButton) notification.setAttribute("style", "display: none;");
+	});
+	const kustomerIframe = document.getElementById("kustomer-ui-sdk-iframe");
+	if (kustomerIframe?.contentWindow?.document) observer.observe(kustomerIframe.contentWindow?.document, {
+		childList: true,
+		subtree: true
+	});
+	const removeUnifiedCXButton = () => {
+		kustomerButton.show();
+		kustomerNotification.show();
+		const iframe = document.getElementById("kustomer-ui-sdk-iframe");
+		const button = iframe.contentWindow?.document.querySelector("div[role=\"button\"]");
+		const notification = iframe.contentWindow?.document.querySelector("div[class^=\"unread__unread\"]");
+		if (button) button.setAttribute("style", "display: block;");
+		if (notification) notification.setAttribute("style", "display: block;");
+	};
+	return {
+		toggle,
+		removeUnifiedCXButton,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useKustomerUnifiedCXButton };

package/dist/CXIntegration/implementations/useReDoUnifiedCXButton.cjs

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_constants = require('../../widgets/FloatingChatWidget/constants.cjs');
+let react = require("react");
+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/useReDoUnifiedCXButton.ts
+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 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));
+	const applyCSSTimeout = (0, react.useRef)(void 0);
+	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();
+		chatButton.show();
+		chatButton.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isReDoButtonEnabled = () => !!__envive_ai_react_hooks_application_utils.SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();
+	const isSwitchEnabled = () => isReDoButtonEnabled();
+	const hideReDoButtonCSS = (el) => {
+		const shadowRootEl = el?.shadowRoot;
+		if (!shadowRootEl) return;
+		const sheet = new CSSStyleSheet();
+		sheet.replaceSync(`
+      div[data-target=supp-chat-bubble] {
+        display: none;
+      }
+    `);
+		shadowRootEl.adoptedStyleSheets.push(sheet);
+		enviveFloatingButton.show();
+	};
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) hideReDoButtonCSS(chatContainer.targetNode);
+	});
+	chatContainer.onAdd((el) => {
+		if (suppressMerchantButton) hideReDoButtonCSS(el);
+	});
+	chatModal.onChange(() => {
+		if (suppressMerchantButton) {
+			clearTimeout(applyCSSTimeout.current);
+			applyCSSTimeout.current = setTimeout(() => {
+				hideReDoButtonCSS(chatContainer.targetNode);
+			}, TIMEOUT);
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useReDoUnifiedCXButton = useReDoUnifiedCXButton;

package/dist/CXIntegration/implementations/useReDoUnifiedCXButton.js

@@ -0,0 +1,58 @@
+import { FLOATING_BUTTON_ID } from "../../widgets/FloatingChatWidget/constants.js";
+import { useRef } from "react";
+import { SelectorFactory } from "@envive-ai/react-hooks/application/utils";
+import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver";
+
+//#region src/CXIntegration/implementations/useReDoUnifiedCXButton.ts
+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 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));
+	const applyCSSTimeout = useRef(void 0);
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		onSwitchToAgent();
+		chatButton.show();
+		chatButton.fire("click");
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isReDoButtonEnabled = () => !!SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();
+	const isSwitchEnabled = () => isReDoButtonEnabled();
+	const hideReDoButtonCSS = (el) => {
+		const shadowRootEl = el?.shadowRoot;
+		if (!shadowRootEl) return;
+		const sheet = new CSSStyleSheet();
+		sheet.replaceSync(`
+      div[data-target=supp-chat-bubble] {
+        display: none;
+      }
+    `);
+		shadowRootEl.adoptedStyleSheets.push(sheet);
+		enviveFloatingButton.show();
+	};
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) hideReDoButtonCSS(chatContainer.targetNode);
+	});
+	chatContainer.onAdd((el) => {
+		if (suppressMerchantButton) hideReDoButtonCSS(el);
+	});
+	chatModal.onChange(() => {
+		if (suppressMerchantButton) {
+			clearTimeout(applyCSSTimeout.current);
+			applyCSSTimeout.current = setTimeout(() => {
+				hideReDoButtonCSS(chatContainer.targetNode);
+			}, TIMEOUT);
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useReDoUnifiedCXButton };

package/dist/CXIntegration/implementations/useRichpanelUnifiedCXButton.cjs

@@ -0,0 +1,65 @@
+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/useRichpanelUnifiedCXButton.ts
+const useRichpanelUnifiedCXButton = ({ onSwitchToAgent, 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"));
+	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 = () => {
+		chatWindow.show();
+		onSwitchToAgent();
+		if (chatButton) {
+			chatButton.show();
+			chatButton.fire("click");
+			if (suppressMerchantButton) enviveFloatingButton.hide();
+		}
+		if (chatAlternativeButton) {
+			chatAlternativeButton.show();
+			chatAlternativeButton.fire("click");
+			if (suppressMerchantButton) enviveFloatingButton.hide();
+		}
+	};
+	const isRichpanelButtonEnabled = () => {
+		return !!chatButton || !!chatAlternativeButton;
+	};
+	const isSwitchEnabled = () => isRichpanelButtonEnabled();
+	chatButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatButton.hide();
+			chatWindow.hide();
+		}
+		enviveFloatingButton.show();
+	});
+	chatAlternativeButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			chatAlternativeButton.hide();
+			chatWindow.hide();
+		}
+		enviveFloatingButton.show();
+	});
+	chatWindow.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const { classList } = el;
+			if (classList.contains("opened")) {
+				enviveFloatingButton.hide();
+				chatWindow.show();
+			} else if (classList.length === 1 && classList.contains("rp-messenger-container")) {
+				enviveFloatingButton.show();
+				chatButton.hide();
+				chatAlternativeButton.hide();
+				chatWindow.hide();
+			}
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useRichpanelUnifiedCXButton = useRichpanelUnifiedCXButton;