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

package/dist/widgets/FloatingChatWidget/hooks/useAutoPopup.js

@@ -0,0 +1,49 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3, FeatureGates } from "@envive-ai/react-hooks/application/models";
+import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
+
+//#region src/widgets/FloatingChatWidget/hooks/useAutoPopup.ts
+const useAutoPopup = ({ autoPopupConfig }) => {
+	const { isOpen, openChat } = useChatToggle();
+	const { featureFlagService } = useFeatureFlagService();
+	const hasBeenOpenedRef = useRef(false);
+	const autoPopupTimerRef = useRef(null);
+	const isReferrerBasedPromptEnabled = useMemo(() => featureFlagService.isFeatureGateEnabled(FeatureGates.IsReferrerBasedPromptEnabled), [featureFlagService]);
+	useEffect(() => {
+		if (!hasBeenOpenedRef.current && isOpen) hasBeenOpenedRef.current = true;
+	}, [isOpen]);
+	const openChatSafely = useCallback((triggerLocation) => {
+		if (!hasBeenOpenedRef.current) {
+			hasBeenOpenedRef.current = true;
+			openChat(triggerLocation);
+		}
+	}, [openChat]);
+	useEffect(() => {
+		const cleanup = () => {
+			if (autoPopupTimerRef.current) clearTimeout(autoPopupTimerRef.current);
+		};
+		if (!autoPopupConfig || hasBeenOpenedRef.current) return cleanup;
+		for (const trigger of autoPopupConfig.triggers) {
+			if (trigger.trigger.type === "referrer") {
+				if (!isReferrerBasedPromptEnabled) break;
+				const utmSource = new URLSearchParams(window.location.search).get("utm_source");
+				if (trigger.trigger.referrers.includes(utmSource)) autoPopupTimerRef.current = setTimeout(() => {
+					openChatSafely(ChatElementDisplayLocationV3.REFERRER_BASED_PROMPT);
+				}, trigger.delay);
+			}
+			if (trigger.trigger.type === "automatic") autoPopupTimerRef.current = setTimeout(() => {
+				openChatSafely(ChatElementDisplayLocationV3.AUTOMATIC_PROMPT);
+			}, trigger.delay);
+		}
+		return cleanup;
+	}, [
+		autoPopupConfig,
+		isOpen,
+		isReferrerBasedPromptEnabled,
+		openChatSafely
+	]);
+};
+
+//#endregion
+export { useAutoPopup };

package/dist/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.cjs

@@ -2,15 +2,18 @@ const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs
 let react = require("react");
 let jotai = require("jotai");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
 let __envive_ai_react_hooks_atoms_org = require("@envive-ai/react-hooks/atoms/org");
 
 //#region src/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.ts
 const useFloatingButtonVisibility = ({ floatingButtonShowConfig = __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.ALWAYS, isChatOpen, userHasInteracted }) => {
 	const featureFlagService = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_org.featureFlagServiceAtom);
+	const [variantInfo] = (0, jotai.useAtom)(__envive_ai_react_hooks_atoms_app.variantInfoAtom);
+	const internalfloatingButtonShowConfig = variantInfo.floatingButtonOverride ?? floatingButtonShowConfig;
 	const isSalesAgentEnabled = (0, react.useMemo)(() => featureFlagService?.featureFlagService?.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsSalesAgentEnabled), [featureFlagService]);
 	return {
-		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (floatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.ALWAYS || floatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.POST_INTERACTION && userHasInteracted),
+		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (internalfloatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.ALWAYS || internalfloatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.POST_INTERACTION && userHasInteracted),
 		isSalesAgentEnabled
 	};
 };

package/dist/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.js

@@ -1,15 +1,18 @@
 import { useMemo } from "react";
-import { useAtomValue } from "jotai";
+import { useAtom, useAtomValue } from "jotai";
 import { FeatureGates } from "@envive-ai/react-hooks/application/models";
+import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 import { FloatingButtonShow } from "@envive-ai/react-toolkit-v3/FloatingButton";
 import { featureFlagServiceAtom } from "@envive-ai/react-hooks/atoms/org";
 
 //#region src/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.ts
 const useFloatingButtonVisibility = ({ floatingButtonShowConfig = FloatingButtonShow.ALWAYS, isChatOpen, userHasInteracted }) => {
 	const featureFlagService = useAtomValue(featureFlagServiceAtom);
+	const [variantInfo] = useAtom(variantInfoAtom);
+	const internalfloatingButtonShowConfig = variantInfo.floatingButtonOverride ?? floatingButtonShowConfig;
 	const isSalesAgentEnabled = useMemo(() => featureFlagService?.featureFlagService?.isFeatureGateEnabled(FeatureGates.IsSalesAgentEnabled), [featureFlagService]);
 	return {
-		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (floatingButtonShowConfig === FloatingButtonShow.ALWAYS || floatingButtonShowConfig === FloatingButtonShow.POST_INTERACTION && userHasInteracted),
+		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (internalfloatingButtonShowConfig === FloatingButtonShow.ALWAYS || internalfloatingButtonShowConfig === FloatingButtonShow.POST_INTERACTION && userHasInteracted),
 		isSalesAgentEnabled
 	};
 };

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+require('../../hocs/withBaseWidget/index.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_toolkit_v3_FullPageSalesAgent = require("@envive-ai/react-toolkit-v3/FullPageSalesAgent");
+
+//#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.tsx
+const FullPageSalesAgentHandler = ({ uiConfig, hardcopyContent, widgetConfig }) => {
+	const { headerContainer, autoHeight } = widgetConfig || {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_FullPageSalesAgent.FullPageSalesAgent, {
+		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.STANDARD,
+		floatingChatConfig: uiConfig?.floatingChat ?? {},
+		lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+		hardcopyContent,
+		headerContainer,
+		autoHeight
+	});
+};
+const FullPageSalesAgentBaseWidget = require_withBaseWidget.withBaseWidget(FullPageSalesAgentHandler);
+const FullPageSalesAgentWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FullPageSalesAgentBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.FullPageSalesAgentV3
+	});
+};
+FullPageSalesAgentWidget.displayName = "FullPageSalesAgentWidget";
+
+//#endregion
+exports.FullPageSalesAgentWidget = FullPageSalesAgentWidget;

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

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

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

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

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.js

@@ -0,0 +1,30 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import "../../hocs/withBaseWidget/index.js";
+import { jsx } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { FullPageSalesAgent } from "@envive-ai/react-toolkit-v3/FullPageSalesAgent";
+
+//#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.tsx
+const FullPageSalesAgentHandler = ({ uiConfig, hardcopyContent, widgetConfig }) => {
+	const { headerContainer, autoHeight } = widgetConfig || {};
+	return /* @__PURE__ */ jsx(FullPageSalesAgent, {
+		theme: Theme.STANDARD,
+		floatingChatConfig: uiConfig?.floatingChat ?? {},
+		lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+		hardcopyContent,
+		headerContainer,
+		autoHeight
+	});
+};
+const FullPageSalesAgentBaseWidget = withBaseWidget(FullPageSalesAgentHandler);
+const FullPageSalesAgentWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(FullPageSalesAgentBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.FullPageSalesAgentV3
+	});
+};
+FullPageSalesAgentWidget.displayName = "FullPageSalesAgentWidget";
+
+//#endregion
+export { FullPageSalesAgentWidget };

package/dist/widgets/FullPageSalesAgentWidget/index.cjs

@@ -0,0 +1,3 @@
+const require_FullPageSalesAgentWidget = require('./FullPageSalesAgentWidget.cjs');
+
+exports.FullPageSalesAgentWidget = require_FullPageSalesAgentWidget.FullPageSalesAgentWidget;

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

@@ -0,0 +1,2 @@
+import { FullPageSalesAgentWidget } from "./FullPageSalesAgentWidget.cjs";
+export { FullPageSalesAgentWidget };

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

@@ -0,0 +1,2 @@
+import { FullPageSalesAgentWidget } from "./FullPageSalesAgentWidget.js";
+export { FullPageSalesAgentWidget };

package/dist/widgets/FullPageSalesAgentWidget/index.js

@@ -0,0 +1,3 @@
+import { FullPageSalesAgentWidget } from "./FullPageSalesAgentWidget.js";
+
+export { FullPageSalesAgentWidget };

package/dist/widgets/ProductCardWidget/ProductCardWidget.cjs

@@ -5,10 +5,10 @@ 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");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
 let __envive_ai_react_toolkit_v3_ProductCard = require("@envive-ai/react-toolkit-v3/ProductCard");
 
@@ -53,7 +53,8 @@ const ProductCardWidgetHandler = (props) => {
 	const handleSelect = (0, react.useCallback)((prompt) => {
 		onTypedMessageSubmitted({
 			query: prompt,
-			userTyped: false
+			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]);

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime13.JSX.Element;
+  }: ProductCardWidgetProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ProductCardWidget/ProductCardWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ProductCardWidget/ProductCardWidget.js

@@ -4,10 +4,10 @@ import { useCallback, useEffect } from "react";
 import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { PromptButtonVariant } from "@envive-ai/react-toolkit-v3/PromptButton/types";
 import { ProductCard } from "@envive-ai/react-toolkit-v3/ProductCard";
 
@@ -52,7 +52,8 @@ const ProductCardWidgetHandler = (props) => {
 	const handleSelect = useCallback((prompt) => {
 		onTypedMessageSubmitted({
 			query: prompt,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.cjs

@@ -6,11 +6,11 @@ let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/reac
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let jotai = require("jotai");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 let __envive_ai_react_toolkit_v3_PromptButtonCarouselWithImage = require("@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage");
 
@@ -39,7 +39,8 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 	const handlePromptButtonClick = (0, react.useCallback)((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.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_runtime8 from "react/jsx-runtime";
 
 //#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts
 declare const PromptButtonCarouselWithImageWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime7.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 interface PromptButtonCarouselWithImageWidgetProps {
@@ -12,7 +12,7 @@ interface PromptButtonCarouselWithImageWidgetProps {
 declare const PromptButtonCarouselWithImageWidget: {
   ({
     widgetConfigId
-  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime7.JSX.Element;
+  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts

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

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.js

@@ -5,11 +5,11 @@ import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/con
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue } from "jotai";
-import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 import { lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 import { PromptButtonCarouselWithImage } from "@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage";
 
@@ -38,7 +38,8 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 	const handlePromptButtonClick = useCallback((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.cjs

@@ -5,14 +5,22 @@ 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");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_toolkit_v3_PromptCarousel_types_types = require("@envive-ai/react-toolkit-v3/PromptCarousel/types/types");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_toolkit_v3_PromptCarousel_types_types = require("@envive-ai/react-toolkit-v3/PromptCarousel/types/types");
 let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
 
 //#region src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx
+/** Finds the string_id (id) from raw widget text values for the given display text */
+function getStringIdForText(rawValues, text) {
+	if (!rawValues) return void 0;
+	for (const raw of Object.values(rawValues)) {
+		const found = (Array.isArray(raw) ? raw : [raw]).find((s) => s.value === text);
+		if (found) return found.id;
+	}
+}
 const mockButtonTexts = [
 	"Loading button 1",
 	"Loading button 2",
@@ -31,7 +39,7 @@ const PromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.NONE : promptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	(0, react.useEffect)(() => {
 		trackEvent({
@@ -43,12 +51,28 @@ const PromptCarouselWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handleButtonClick = (0, react.useCallback)((text) => {
+		const rawValues = hardcopyContent?.rawValues;
+		const stringId = getStringIdForText(rawValues, text);
+		trackEvent({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetTextClicked,
+			eventProps: {
+				response_id: hardcopyContent?.responseId,
+				string_id: stringId,
+				text
+			}
+		});
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_CAROUSEL
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [
+		trackEvent,
+		hardcopyContent,
+		onTypedMessageSubmitted,
+		openChat
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptCarousel.PromptCarousel, {
 		...props,
 		id,

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.cts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.ts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.js

@@ -1,17 +1,25 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
 import { useCallback, useEffect } from "react";
-import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { EnviveMetricsEventName, SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel/types/types";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel/types/types";
 import { PromptCarousel } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 
 //#region src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx
+/** Finds the string_id (id) from raw widget text values for the given display text */
+function getStringIdForText(rawValues, text) {
+	if (!rawValues) return void 0;
+	for (const raw of Object.values(rawValues)) {
+		const found = (Array.isArray(raw) ? raw : [raw]).find((s) => s.value === text);
+		if (found) return found.id;
+	}
+}
 const mockButtonTexts = [
 	"Loading button 1",
 	"Loading button 2",
@@ -30,7 +38,7 @@ const PromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? AnimationSpeed.NONE : promptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = useAmplitude();
 	useEffect(() => {
 		trackEvent({
@@ -42,12 +50,28 @@ const PromptCarouselWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handleButtonClick = useCallback((text) => {
+		const rawValues = hardcopyContent?.rawValues;
+		const stringId = getStringIdForText(rawValues, text);
+		trackEvent({
+			eventName: EnviveMetricsEventName.WidgetTextClicked,
+			eventProps: {
+				response_id: hardcopyContent?.responseId,
+				string_id: stringId,
+				text
+			}
+		});
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.PROMPT_CAROUSEL
 		});
 		openChat(ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [
+		trackEvent,
+		hardcopyContent,
+		onTypedMessageSubmitted,
+		openChat
+	]);
 	return /* @__PURE__ */ jsx(PromptCarousel, {
 		...props,
 		id,

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.d.cts

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.d.ts

@@ -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/SocialProofFlowWidget/SocialProofFlowWidget.d.ts
 interface SocialProofFlowWidgetProps {
@@ -7,7 +7,7 @@ interface SocialProofFlowWidgetProps {
 declare const SocialProofFlowWidget: {
   ({
     widgetConfigId
-  }: SocialProofFlowWidgetProps): react_jsx_runtime11.JSX.Element;
+  }: SocialProofFlowWidgetProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/SocialProofWidget/SocialProofWidget.cjs

@@ -6,14 +6,14 @@ let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/reac
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let jotai = require("jotai");
-let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
-let __envive_ai_react_hooks_atoms_widget = require("@envive-ai/react-hooks/atoms/widget");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
-let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
+let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
+let __envive_ai_react_hooks_atoms_widget = require("@envive-ai/react-hooks/atoms/widget");
 let __envive_ai_react_toolkit_v3_SocialProof = require("@envive-ai/react-toolkit-v3/SocialProof");
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
@@ -68,14 +68,16 @@ const SocialProofWidgetHandler = (props) => {
 	const handlePrimaryButtonClick = (0, react.useCallback)((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);
 	const handleSecondaryButtonClick = (0, react.useCallback)((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);

package/dist/widgets/SocialProofWidget/SocialProofWidget.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_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.d.ts
 declare const SocialProofWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime9.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 interface SocialProofWidgetProps {
@@ -12,7 +12,7 @@ interface SocialProofWidgetProps {
 declare const SocialProofWidget: {
   ({
     widgetConfigId
-  }: SocialProofWidgetProps): react_jsx_runtime9.JSX.Element;
+  }: SocialProofWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion