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

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

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

package/dist/widgets/ProductCardWidget/ProductCardWidget.js

@@ -1,7 +1,8 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import { getStringIdForText } from "../utils/functions.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 { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
@@ -49,14 +50,29 @@ const ProductCardWidgetHandler = (props) => {
 			}
 		});
 	}, [trackEvent, widgetConfigId]);
-	const handleSelect = useCallback((prompt) => {
+	const handleSelect = 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: prompt,
+			query: text,
 			userTyped: false,
 			displayLocation: ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.PRODUCT_CARD_PROMPT_BUTTON);
-	}, [onTypedMessageSubmitted, openChat]);
+	}, [
+		hardcopyContent,
+		onTypedMessageSubmitted,
+		openChat,
+		trackEvent
+	]);
 	const handleInputClick = useCallback(() => {
 		openChat(ChatElementDisplayLocationV3.PRODUCT_CARD_TEXT_FIELD);
 	}, [openChat]);

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.cjs

@@ -37,6 +37,16 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handlePromptButtonClick = (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: text,
 			userTyped: false,

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.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_runtime1 from "react/jsx-runtime";
 
 //#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts
 declare const PromptButtonCarouselWithImageWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime4.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime1.JSX.Element;
   displayName: string;
 };
 interface PromptButtonCarouselWithImageWidgetProps {
@@ -12,7 +12,7 @@ interface PromptButtonCarouselWithImageWidgetProps {
 declare const PromptButtonCarouselWithImageWidget: {
   ({
     widgetConfigId
-  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime4.JSX.Element;
+  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime1.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts
 declare const PromptButtonCarouselWithImageWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime2.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 interface PromptButtonCarouselWithImageWidgetProps {
@@ -12,7 +12,7 @@ interface PromptButtonCarouselWithImageWidgetProps {
 declare const PromptButtonCarouselWithImageWidget: {
   ({
     widgetConfigId
-  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime2.JSX.Element;
+  }: PromptButtonCarouselWithImageWidgetProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.js

@@ -1,7 +1,7 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
-import { getRecentProductImageUrls } from "../utils/functions.js";
+import { getRecentProductImageUrls, getStringIdForText } from "../utils/functions.js";
 import { useCallback, useEffect, useMemo } 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 { useAtomValue } from "jotai";
@@ -36,6 +36,16 @@ const PromptButtonCarouselWithImageWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handlePromptButtonClick = 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,

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.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");
@@ -13,14 +14,6 @@ let __envive_ai_react_toolkit_v3_PromptCarousel_types_types = require("@envive-a
 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",
@@ -52,7 +45,7 @@ const PromptCarouselWidgetHandler = (props) => {
 	}, [trackEvent, widgetConfigId]);
 	const handleButtonClick = (0, react.useCallback)((text) => {
 		const rawValues = hardcopyContent?.rawValues;
-		const stringId = getStringIdForText(rawValues, text);
+		const stringId = require_functions.getStringIdForText(rawValues, text);
 		trackEvent({
 			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetTextClicked,
 			eventProps: {

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

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

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

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.js

@@ -1,5 +1,6 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import { getStringIdForText } from "../utils/functions.js";
 import { useCallback, useEffect } from "react";
 import { EnviveMetricsEventName, SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
@@ -12,14 +13,6 @@ import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel/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",

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

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

package/dist/widgets/SocialProofWidget/SocialProofWidget.cjs

@@ -66,6 +66,16 @@ const SocialProofWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handlePrimaryButtonClick = (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: text,
 			userTyped: false,

package/dist/widgets/SocialProofWidget/SocialProofWidget.d.cts

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

package/dist/widgets/SocialProofWidget/SocialProofWidget.d.ts

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

package/dist/widgets/SocialProofWidget/SocialProofWidget.js

@@ -1,7 +1,7 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
-import { getProductImageUrl } from "../utils/functions.js";
+import { getProductImageUrl, getStringIdForText } from "../utils/functions.js";
 import { useCallback, useEffect, useMemo } 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 { useAtomValue, useSetAtom } from "jotai";
@@ -65,6 +65,16 @@ const SocialProofWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handlePrimaryButtonClick = 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,

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.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");
@@ -56,6 +57,16 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 		promptCarouselRows,
 		animationSpeed,
 		handleButtonClick: (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: text,
 				userTyped: false,

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.cts

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.ts

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -1,7 +1,8 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import { getStringIdForText } from "../utils/functions.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 { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
@@ -55,6 +56,16 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 		promptCarouselRows,
 		animationSpeed,
 		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,

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.cts

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

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.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");
@@ -28,7 +29,7 @@ const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const onToggle = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_chatState.chatOnToggleAtom);
-	const { hardcopyContent, widgetConfig, isLoading, widgetConfigId } = props;
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
 	const headlineText = hardcopyContent?.values?.headlineText || "";
 	const animatedTextSequence = hardcopyContent?.values?.animatedTextSequence || [];
@@ -43,6 +44,8 @@ const TypingAnimationWidgetHandler = (props) => {
 	const promptButtonType = typingAnimationWidgetConfig?.promptButtonType || __envive_ai_react_toolkit_v3_PromptButton_types.PromptButtonVariant.LIGHT;
 	const promptCarouselRows = typingAnimationWidgetConfig?.promptCarouselRows || __envive_ai_react_toolkit_v3_PromptCarousel.PromptCarouselRows.ALWAYS_ONE;
 	const showTextField = typingAnimationWidgetConfig?.showTextField !== false;
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	(0, react.useEffect)(() => {
 		trackEvent({
@@ -54,13 +57,28 @@ const TypingAnimationWidgetHandler = (props) => {
 		});
 	}, [trackEvent, widgetConfigId]);
 	const handleButtonClick = (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: text,
 			userTyped: false,
 			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
 		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
-	}, [onTypedMessageSubmitted, onToggle]);
+	}, [
+		hardcopyContent,
+		trackEvent,
+		onTypedMessageSubmitted,
+		onToggle
+	]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
 		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onToggle]);
@@ -72,7 +90,9 @@ const TypingAnimationWidgetHandler = (props) => {
 			animatedTextSequence: isLoading ? mockAnimatedTextSequence : animatedTextSequence,
 			promptButtonTexts: buttonTexts,
 			hintText: isLoading ? mockHintText : hintText,
-			textFieldAriaLabel
+			textFieldAriaLabel,
+			logoSrc: logoSrc ?? void 0,
+			hideLogo: hideLogo ?? false
 		},
 		widgetStyleProps: {
 			widgetVariant,

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.cts

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.ts

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.js

@@ -1,7 +1,8 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
+import { getStringIdForText } from "../utils/functions.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 { useSetAtom } from "jotai";
@@ -27,7 +28,7 @@ const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = useSalesAgent();
 	const onToggle = useSetAtom(chatOnToggleAtom);
-	const { hardcopyContent, widgetConfig, isLoading, widgetConfigId } = props;
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
 	const headlineText = hardcopyContent?.values?.headlineText || "";
 	const animatedTextSequence = hardcopyContent?.values?.animatedTextSequence || [];
@@ -42,6 +43,8 @@ const TypingAnimationWidgetHandler = (props) => {
 	const promptButtonType = typingAnimationWidgetConfig?.promptButtonType || PromptButtonVariant.LIGHT;
 	const promptCarouselRows = typingAnimationWidgetConfig?.promptCarouselRows || PromptCarouselRows.ALWAYS_ONE;
 	const showTextField = typingAnimationWidgetConfig?.showTextField !== false;
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
 	const { trackEvent } = useAmplitude();
 	useEffect(() => {
 		trackEvent({
@@ -53,13 +56,28 @@ const TypingAnimationWidgetHandler = (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,
 			displayLocation: ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
 		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
-	}, [onTypedMessageSubmitted, onToggle]);
+	}, [
+		hardcopyContent,
+		trackEvent,
+		onTypedMessageSubmitted,
+		onToggle
+	]);
 	const handleTextFieldClick = useCallback(() => {
 		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onToggle]);
@@ -71,7 +89,9 @@ const TypingAnimationWidgetHandler = (props) => {
 			animatedTextSequence: isLoading ? mockAnimatedTextSequence : animatedTextSequence,
 			promptButtonTexts: buttonTexts,
 			hintText: isLoading ? mockHintText : hintText,
-			textFieldAriaLabel
+			textFieldAriaLabel,
+			logoSrc: logoSrc ?? void 0,
+			hideLogo: hideLogo ?? false
 		},
 		widgetStyleProps: {
 			widgetVariant,

package/dist/widgets/dist/SearchResults/SearchResults.d.cts

@@ -1,5 +1,5 @@
 import { SearchResultsEntryPointWidgetConfig } from "./types.cjs";
-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