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

package/dist/CXIntegration/implementations/useEightByEightUnifiedCXButton.cjs

@@ -0,0 +1,54 @@
+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/useEightByEightUnifiedCXButton.ts
+const EIGHT_BY_EIGHT_BUBBLE_SELECTOR = "div[id^=\"__8x8-chat-button-container-script\"]";
+const EIGHT_BY_EIGHT_BUTTON_SELECTOR = `${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="online"], ${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="offline"]`;
+const EIGHT_BY_EIGHT_CHAT_WINDOW_SELECTOR = "div.__8x8Chat-Container";
+const useEightByEightUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
+	const eightByEightBubble = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query(EIGHT_BY_EIGHT_BUBBLE_SELECTOR));
+	const eightByEightChatWindow = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query(EIGHT_BY_EIGHT_CHAT_WINDOW_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 isEightByEightEnabled = () => !!document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+	const toggle = () => {
+		const button = document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+		if (!button) return;
+		onSwitchToAgent();
+		enviveFloatingButton.hide();
+		button.click();
+	};
+	const isSwitchEnabled = () => isEightByEightEnabled();
+	eightByEightBubble.onAdd((el) => {
+		if (suppressMerchantButton && el) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	eightByEightBubble.onChange((el) => {
+		if (!el || !suppressMerchantButton) return;
+		if (window.getComputedStyle(el).getPropertyValue("display") !== "none") eightByEightBubble.hide();
+	});
+	eightByEightChatWindow.onChange((el) => {
+		if (!el) return;
+		const rect = el.getBoundingClientRect();
+		if (rect.width > 50 && rect.height > 50) {
+			enviveFloatingButton.hide();
+			return;
+		}
+		onCXClose?.();
+		if (suppressMerchantButton) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	eightByEightChatWindow.onRemove(() => {
+		onCXClose?.();
+		if (suppressMerchantButton) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useEightByEightUnifiedCXButton = useEightByEightUnifiedCXButton;

package/dist/CXIntegration/implementations/useEightByEightUnifiedCXButton.js

@@ -0,0 +1,53 @@
+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/useEightByEightUnifiedCXButton.ts
+const EIGHT_BY_EIGHT_BUBBLE_SELECTOR = "div[id^=\"__8x8-chat-button-container-script\"]";
+const EIGHT_BY_EIGHT_BUTTON_SELECTOR = `${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="online"], ${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="offline"]`;
+const EIGHT_BY_EIGHT_CHAT_WINDOW_SELECTOR = "div.__8x8Chat-Container";
+const useEightByEightUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
+	const eightByEightBubble = useElementObserver(SelectorFactory.query(EIGHT_BY_EIGHT_BUBBLE_SELECTOR));
+	const eightByEightChatWindow = useElementObserver(SelectorFactory.query(EIGHT_BY_EIGHT_CHAT_WINDOW_SELECTOR));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const isEightByEightEnabled = () => !!document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+	const toggle = () => {
+		const button = document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+		if (!button) return;
+		onSwitchToAgent();
+		enviveFloatingButton.hide();
+		button.click();
+	};
+	const isSwitchEnabled = () => isEightByEightEnabled();
+	eightByEightBubble.onAdd((el) => {
+		if (suppressMerchantButton && el) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	eightByEightBubble.onChange((el) => {
+		if (!el || !suppressMerchantButton) return;
+		if (window.getComputedStyle(el).getPropertyValue("display") !== "none") eightByEightBubble.hide();
+	});
+	eightByEightChatWindow.onChange((el) => {
+		if (!el) return;
+		const rect = el.getBoundingClientRect();
+		if (rect.width > 50 && rect.height > 50) {
+			enviveFloatingButton.hide();
+			return;
+		}
+		onCXClose?.();
+		if (suppressMerchantButton) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	eightByEightChatWindow.onRemove(() => {
+		onCXClose?.();
+		if (suppressMerchantButton) eightByEightBubble.hide();
+		enviveFloatingButton.show();
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useEightByEightUnifiedCXButton };

package/dist/CXIntegration/implementations/useHelpScoutUnifiedCXButton.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/useHelpScoutUnifiedCXButton.ts
+const BEACON_CONTAINER_ID = "beacon-container";
+const useHelpScoutUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const beaconContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(BEACON_CONTAINER_ID));
+	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 (typeof window.Beacon !== "undefined") window.Beacon("open");
+		else {
+			const fabButton = document.getElementById(BEACON_CONTAINER_ID)?.querySelector(".BeaconFabButtonFrame");
+			if (fabButton) {
+				fabButton.style.display = "";
+				fabButton.click();
+			}
+		}
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isHelpScoutButtonEnabled = () => {
+		const beaconContainerEl = document.getElementById("beacon-container");
+		if (!beaconContainerEl) return false;
+		const fabButton = beaconContainerEl.querySelector(".BeaconFabButtonFrame");
+		const hasBeaconAPI = typeof window.Beacon !== "undefined";
+		return !!(fabButton || hasBeaconAPI);
+	};
+	const isSwitchEnabled = () => isHelpScoutButtonEnabled();
+	beaconContainer.onAdd(() => {
+		if (suppressMerchantButton) {
+			const fabButton = document.getElementById(BEACON_CONTAINER_ID)?.querySelector(".BeaconFabButtonFrame");
+			if (fabButton) fabButton.style.display = "none";
+			enviveFloatingButton.show();
+		}
+	});
+	beaconContainer.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const beaconWidget = el.querySelector(".BeaconContainer");
+			const fabButton = el.querySelector(".BeaconFabButtonFrame");
+			if (beaconWidget && fabButton) {
+				const { classList } = beaconWidget;
+				if (classList.contains("BeaconContainer-enter-done") || classList.contains("BeaconContainer-enter-active")) {
+					fabButton.style.display = "";
+					enviveFloatingButton.hide();
+				}
+				if (classList.contains("BeaconContainer-exit") || classList.contains("BeaconContainer-exit-active")) {
+					fabButton.style.display = "none";
+					enviveFloatingButton.show();
+				}
+			}
+		}
+	});
+	beaconContainer.onRemove(() => {
+		if (suppressMerchantButton) enviveFloatingButton.show();
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useHelpScoutUnifiedCXButton = useHelpScoutUnifiedCXButton;

package/dist/CXIntegration/implementations/useHelpScoutUnifiedCXButton.js

@@ -0,0 +1,64 @@
+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/useHelpScoutUnifiedCXButton.ts
+const BEACON_CONTAINER_ID = "beacon-container";
+const useHelpScoutUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const beaconContainer = useElementObserver(SelectorFactory.id(BEACON_CONTAINER_ID));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		onSwitchToAgent();
+		if (typeof window.Beacon !== "undefined") window.Beacon("open");
+		else {
+			const fabButton = document.getElementById(BEACON_CONTAINER_ID)?.querySelector(".BeaconFabButtonFrame");
+			if (fabButton) {
+				fabButton.style.display = "";
+				fabButton.click();
+			}
+		}
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+	};
+	const isHelpScoutButtonEnabled = () => {
+		const beaconContainerEl = document.getElementById("beacon-container");
+		if (!beaconContainerEl) return false;
+		const fabButton = beaconContainerEl.querySelector(".BeaconFabButtonFrame");
+		const hasBeaconAPI = typeof window.Beacon !== "undefined";
+		return !!(fabButton || hasBeaconAPI);
+	};
+	const isSwitchEnabled = () => isHelpScoutButtonEnabled();
+	beaconContainer.onAdd(() => {
+		if (suppressMerchantButton) {
+			const fabButton = document.getElementById(BEACON_CONTAINER_ID)?.querySelector(".BeaconFabButtonFrame");
+			if (fabButton) fabButton.style.display = "none";
+			enviveFloatingButton.show();
+		}
+	});
+	beaconContainer.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const beaconWidget = el.querySelector(".BeaconContainer");
+			const fabButton = el.querySelector(".BeaconFabButtonFrame");
+			if (beaconWidget && fabButton) {
+				const { classList } = beaconWidget;
+				if (classList.contains("BeaconContainer-enter-done") || classList.contains("BeaconContainer-enter-active")) {
+					fabButton.style.display = "";
+					enviveFloatingButton.hide();
+				}
+				if (classList.contains("BeaconContainer-exit") || classList.contains("BeaconContainer-exit-active")) {
+					fabButton.style.display = "none";
+					enviveFloatingButton.show();
+				}
+			}
+		}
+	});
+	beaconContainer.onRemove(() => {
+		if (suppressMerchantButton) enviveFloatingButton.show();
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useHelpScoutUnifiedCXButton };

package/dist/CXIntegration/implementations/useTalkdeskUnifiedCXButton.cjs

@@ -0,0 +1,64 @@
+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/useTalkdeskUnifiedCXButton.ts
+const useTalkdeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const talkdeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("talkdesk-chat-widget-trigger"));
+	const talkdeskWidget = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("talkdesk-chat-widget"));
+	const talkdeskContainer = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("tdWebchat"));
+	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();
+		talkdeskButton.show();
+		talkdeskButton.fire("click");
+	};
+	const isTalkdeskButtonEnabled = () => {
+		if (!document.getElementById("tdWebchat")) return false;
+		return !!document.getElementById("talkdesk-chat-widget-trigger");
+	};
+	const isSwitchEnabled = () => isTalkdeskButtonEnabled();
+	talkdeskButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	talkdeskWidget.onAdd((el) => {
+		if (el && suppressMerchantButton) if (el.getAttribute("aria-hidden") === "false") {
+			talkdeskButton.show();
+			enviveFloatingButton.hide();
+		} else {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	talkdeskWidget.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const ariaHidden = el.getAttribute("aria-hidden");
+			if (ariaHidden === "false") {
+				talkdeskButton.show();
+				enviveFloatingButton.hide();
+			}
+			if (ariaHidden === "true") {
+				talkdeskButton.hide();
+				enviveFloatingButton.show();
+			}
+		}
+	});
+	talkdeskContainer.onRemove(() => {
+		if (suppressMerchantButton) {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+exports.useTalkdeskUnifiedCXButton = useTalkdeskUnifiedCXButton;

package/dist/CXIntegration/implementations/useTalkdeskUnifiedCXButton.js

@@ -0,0 +1,63 @@
+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/useTalkdeskUnifiedCXButton.ts
+const useTalkdeskUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton }) => {
+	const talkdeskButton = useElementObserver(SelectorFactory.id("talkdesk-chat-widget-trigger"));
+	const talkdeskWidget = useElementObserver(SelectorFactory.id("talkdesk-chat-widget"));
+	const talkdeskContainer = useElementObserver(SelectorFactory.id("tdWebchat"));
+	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+	const toggle = () => {
+		onSwitchToAgent();
+		if (suppressMerchantButton) enviveFloatingButton.hide();
+		talkdeskButton.show();
+		talkdeskButton.fire("click");
+	};
+	const isTalkdeskButtonEnabled = () => {
+		if (!document.getElementById("tdWebchat")) return false;
+		return !!document.getElementById("talkdesk-chat-widget-trigger");
+	};
+	const isSwitchEnabled = () => isTalkdeskButtonEnabled();
+	talkdeskButton.onAdd(() => {
+		if (suppressMerchantButton) {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	talkdeskWidget.onAdd((el) => {
+		if (el && suppressMerchantButton) if (el.getAttribute("aria-hidden") === "false") {
+			talkdeskButton.show();
+			enviveFloatingButton.hide();
+		} else {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	talkdeskWidget.onChange((el) => {
+		if (el && suppressMerchantButton) {
+			const ariaHidden = el.getAttribute("aria-hidden");
+			if (ariaHidden === "false") {
+				talkdeskButton.show();
+				enviveFloatingButton.hide();
+			}
+			if (ariaHidden === "true") {
+				talkdeskButton.hide();
+				enviveFloatingButton.show();
+			}
+		}
+	});
+	talkdeskContainer.onRemove(() => {
+		if (suppressMerchantButton) {
+			talkdeskButton.hide();
+			enviveFloatingButton.show();
+		}
+	});
+	return {
+		toggle,
+		isSwitchEnabled
+	};
+};
+
+//#endregion
+export { useTalkdeskUnifiedCXButton };

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.cjs

@@ -5,10 +5,10 @@ let __envive_ai_react_hooks_hooks_ElementObserver = require("@envive-ai/react-ho
 
 //#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
 const useZendeskUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
-	const zendeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|launcher @ query|button"));
+	const zendeskButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("query|iframe#launcher @ query|button"));
 	const zendeskAlternativeIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.chain("id|webWidget"));
 	const enviveFloatingButton = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id(require_constants.FLOATING_BUTTON_ID));
-	const zendeskIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.id("launcher"));
+	const zendeskIframe = (0, __envive_ai_react_hooks_hooks_ElementObserver.useElementObserver)(__envive_ai_react_hooks_application_utils.SelectorFactory.query("iframe#launcher"));
 	const toggle = () => {
 		zendeskIframe.hide();
 		onSwitchToAgent();

package/dist/CXIntegration/implementations/useZendeskUnifiedCXButton.js

@@ -4,10 +4,10 @@ import { useElementObserver } from "@envive-ai/react-hooks/hooks/ElementObserver
 
 //#region src/CXIntegration/implementations/useZendeskUnifiedCXButton.ts
 const useZendeskUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton }) => {
-	const zendeskButton = useElementObserver(SelectorFactory.chain("id|launcher @ query|button"));
+	const zendeskButton = useElementObserver(SelectorFactory.chain("query|iframe#launcher @ query|button"));
 	const zendeskAlternativeIframe = useElementObserver(SelectorFactory.chain("id|webWidget"));
 	const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
-	const zendeskIframe = useElementObserver(SelectorFactory.id("launcher"));
+	const zendeskIframe = useElementObserver(SelectorFactory.query("iframe#launcher"));
 	const toggle = () => {
 		zendeskIframe.hide();
 		onSwitchToAgent();

package/dist/CXIntegration/types.cjs

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

package/dist/CXIntegration/types.js

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

package/dist/CXIntegration/utils/functions.cjs

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

package/dist/CXIntegration/utils/functions.js

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

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

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

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

@@ -1,5 +1,5 @@
 import { SearchResultsEntryPointWidgetConfig } from "./types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { SearchResultsHocProps } from "@envive-ai/react-hooks/hooks/Search";
 
 //#region ../widgets/dist/SearchResults/SearchResults.d.ts
@@ -7,7 +7,7 @@ import { SearchResultsHocProps } from "@envive-ai/react-hooks/hooks/Search";
 interface SearchResultsProps extends SearchResultsHocProps {
   widgetConfig: SearchResultsEntryPointWidgetConfig;
 }
-declare const SearchResults: (props: Omit<SearchResultsProps, string | number | symbol>) => react_jsx_runtime0.JSX.Element;
+declare const SearchResults: (props: Omit<SearchResultsProps, string | number | symbol>) => react_jsx_runtime1.JSX.Element;
 //#endregion
 
 //#endregion

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

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

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

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

package/dist/packages/widgets/dist/SuggestionBar/SuggestionBar.d.ts

@@ -1,5 +1,5 @@
 import { SuggestionBarLocationForMetrics } from "./types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
 import { Message } from "postcss";
 
@@ -30,7 +30,7 @@ declare function SuggestionBar({
   buttonBorderRadius,
   handleReply,
   dataTestId
-}: Readonly<SuggestionBarProps>): react_jsx_runtime2.JSX.Element;
+}: Readonly<SuggestionBarProps>): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#endregion
 export { SuggestionBar };

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

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

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

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

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

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

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

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

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

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