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

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/types.cjs

@@ -11,6 +11,8 @@ 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,8 @@ 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,8 @@ 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');
 
@@ -24,6 +26,8 @@ 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,8 @@ 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";
 
@@ -24,6 +26,8 @@ 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_runtime17 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_runtime17.JSX.Element;
+  (props: P): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime11.JSX.Element;
+  (props: P): react_jsx_runtime15.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_runtime0 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_runtime0.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_runtime2 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_runtime2.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_runtime3 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_runtime3.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_runtime7 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_runtime7.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_runtime7.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_runtime9 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_runtime9.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_runtime9.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_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

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime13.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime14.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts
 
@@ -8,7 +8,7 @@ interface FullPageSalesAgentBaseWidgetProps {
 declare const FullPageSalesAgentWidget: {
   ({
     widgetConfigId
-  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime11.JSX.Element;
+  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts
 
@@ -8,7 +8,7 @@ interface FullPageSalesAgentBaseWidgetProps {
 declare const FullPageSalesAgentWidget: {
   ({
     widgetConfigId
-  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime12.JSX.Element;
+  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime5.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ProductCardWidget/ProductCardWidget.cjs

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.cjs');
+const require_functions = require('../utils/functions.cjs');
 let react = require("react");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -50,14 +51,29 @@ const ProductCardWidgetHandler = (props) => {
 			}
 		});
 	}, [trackEvent, widgetConfigId]);
-	const handleSelect = (0, react.useCallback)((prompt) => {
+	const handleSelect = (0, react.useCallback)((text) => {
+		const rawValues = hardcopyContent?.rawValues;
+		const stringId = require_functions.getStringIdForText(rawValues, text);
+		trackEvent({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetTextClicked,
+			eventProps: {
+				response_id: hardcopyContent?.responseId,
+				string_id: stringId,
+				text
+			}
+		});
 		onTypedMessageSubmitted({
-			query: prompt,
+			query: text,
 			userTyped: false,
 			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [
+		hardcopyContent,
+		onTypedMessageSubmitted,
+		openChat,
+		trackEvent
+	]);
 	const handleInputClick = (0, react.useCallback)(() => {
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PRODUCT_CARD_TEXT_FIELD);
 	}, [openChat]);

package/dist/widgets/ProductCardWidget/ProductCardWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/ProductCardWidget/ProductCardWidget.d.ts
 interface ProductCardWidgetProps {
@@ -7,7 +7,7 @@ interface ProductCardWidgetProps {
 declare const ProductCardWidget: {
   ({
     widgetConfigId
-  }: ProductCardWidgetProps): react_jsx_runtime14.JSX.Element;
+  }: ProductCardWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion