@envive-ai/react-widgets-v3 0.3.15-beta.0 → 0.3.15

package/dist/widgets/SocialProofWidget/SocialProofWidget.cjs

@@ -8,21 +8,25 @@ let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/c
 let jotai = require("jotai");
 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_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_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
+let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_toolkit_v3_SocialProof = require("@envive-ai/react-toolkit-v3/SocialProof");
+let __envive_ai_react_hooks_hooks_ProductImageUrl = require("@envive-ai/react-hooks/hooks/ProductImageUrl");
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
 const SocialProofWidgetHandler = (props) => {
 	const setChatPreviewLoadingData = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_widget.chatPreviewLoadingDataAtom);
 	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
-	const lastAssistantMessage = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.lastAssistantMessageAtom);
 	const variantInfo = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.variantInfoAtom);
+	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
+	const { onClick: onSuggestionClick, onHover, onDrag, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = (0, __envive_ai_react_toolkit_v3_PromptCarousel.usePromptCarouselAnalytics)(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.SOCIAL_PROOF, (text) => text);
 	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
 	const socialProofWidgetConfig = widgetConfig;
 	const id = widgetConfig?.contentId;
@@ -50,7 +54,7 @@ const SocialProofWidgetHandler = (props) => {
 	};
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
-	const dynamicImageUrl = require_functions.getProductImageUrl(lastAssistantMessage);
+	const dynamicImageUrl = (0, __envive_ai_react_hooks_hooks_ProductImageUrl.useProductImageUrl)(variantInfo.variant === __envive_ai_react_hooks_application_models.VariantTypeEnum.Pdp ? variantInfo.productId : void 0);
 	const images = socialProofWidgetConfig?.kind !== __envive_ai_react_toolkit_v3_SocialProof.WidgetKind.DYNAMIC ? socialProofWidgetConfig?.images : [{
 		src: dynamicImageUrl,
 		alt: "Product Image"
@@ -82,17 +86,53 @@ const SocialProofWidgetHandler = (props) => {
 			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.SUGGESTION_CLICKED,
+				widget_interaction_data: { suggestion_clicked: { suggestion_id: text } }
+			}
+		});
 	}, [onTypedMessageSubmitted, openChat]);
+	const handlePrimaryButtonHover = (0, react.useCallback)((text) => {
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.WIDGET_HOVERED,
+				widget_interaction_data: { suggestion_hovered: { suggestion_id: text } }
+			}
+		});
+	}, []);
 	const handleSecondaryButtonClick = (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.SOCIAL_PROOF_SECONDARY_BUTTON
 		});
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
+		onSuggestionClick(text);
 	}, [onTypedMessageSubmitted, openChat]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
 	setChatPreviewLoadingData({
@@ -141,7 +181,14 @@ const SocialProofWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePrimaryButtonClick,
+			handlePrimaryButtonHover,
 			handleSecondaryButtonClick,
+			handleSecondaryButtonHover: onHover,
+			handleSecondaryButtonDrag: onDrag,
+			handleSecondaryButtonMouseDown: onMouseDown,
+			handleSecondaryButtonMouseUp: onMouseUp,
+			handleSecondaryButtonTouchStart: onTouchStart,
+			handleSecondaryButtonTouchEnd: onTouchEnd,
 			handleTextFieldClick
 		}
 	});

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.d.ts
 declare const SocialProofWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime10.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 interface SocialProofWidgetProps {
@@ -12,7 +12,7 @@ interface SocialProofWidgetProps {
 declare const SocialProofWidget: {
   ({
     widgetConfigId
-  }: SocialProofWidgetProps): react_jsx_runtime10.JSX.Element;
+  }: SocialProofWidgetProps): react_jsx_runtime12.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_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.d.ts
 declare const SocialProofWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 interface SocialProofWidgetProps {
@@ -12,7 +12,7 @@ interface SocialProofWidgetProps {
 declare const SocialProofWidget: {
   ({
     widgetConfigId
-  }: SocialProofWidgetProps): react_jsx_runtime3.JSX.Element;
+  }: SocialProofWidgetProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/SocialProofWidget/SocialProofWidget.js

@@ -1,5 +1,5 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
-import { getProductImageUrl, getStringIdForText } from "../utils/functions.js";
+import { getStringIdForText } from "../utils/functions.js";
 import { useCallback, useEffect, useMemo } from "react";
 import { EnviveMetricsEventName, SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
@@ -7,21 +7,25 @@ import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue, useSetAtom } from "jotai";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-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 { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
 import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
+import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
+import { usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { PageVariant, SocialProof, WidgetKind } from "@envive-ai/react-toolkit-v3/SocialProof";
+import { useProductImageUrl } from "@envive-ai/react-hooks/hooks/ProductImageUrl";
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
 const SocialProofWidgetHandler = (props) => {
 	const setChatPreviewLoadingData = useSetAtom(chatPreviewLoadingDataAtom);
 	const { onTypedMessageSubmitted } = useSalesAgent();
 	const { openChat } = useChatToggle();
-	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
 	const variantInfo = useAtomValue(variantInfoAtom);
+	const { trackWidgetInteraction } = useWidgetInteraction();
+	const { onClick: onSuggestionClick, onHover, onDrag, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.SOCIAL_PROOF, (text) => text);
 	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
 	const socialProofWidgetConfig = widgetConfig;
 	const id = widgetConfig?.contentId;
@@ -49,7 +53,7 @@ const SocialProofWidgetHandler = (props) => {
 	};
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
-	const dynamicImageUrl = getProductImageUrl(lastAssistantMessage);
+	const dynamicImageUrl = useProductImageUrl(variantInfo.variant === VariantTypeEnum.Pdp ? variantInfo.productId : void 0);
 	const images = socialProofWidgetConfig?.kind !== WidgetKind.DYNAMIC ? socialProofWidgetConfig?.images : [{
 		src: dynamicImageUrl,
 		alt: "Product Image"
@@ -81,17 +85,53 @@ const SocialProofWidgetHandler = (props) => {
 			displayLocation: ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: WidgetInteractionType.SUGGESTION_CLICKED,
+				widget_interaction_data: { suggestion_clicked: { suggestion_id: text } }
+			}
+		});
 	}, [onTypedMessageSubmitted, openChat]);
+	const handlePrimaryButtonHover = useCallback((text) => {
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: WidgetInteractionType.WIDGET_HOVERED,
+				widget_interaction_data: { suggestion_hovered: { suggestion_id: text } }
+			}
+		});
+	}, []);
 	const handleSecondaryButtonClick = 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.SOCIAL_PROOF_SECONDARY_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
+		onSuggestionClick(text);
 	}, [onTypedMessageSubmitted, openChat]);
 	const handleTextFieldClick = useCallback(() => {
 		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.SOCIAL_PROOF,
+				widget_interaction: WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
 	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoading, { fullIsLoading: true });
 	setChatPreviewLoadingData({
@@ -140,7 +180,14 @@ const SocialProofWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePrimaryButtonClick,
+			handlePrimaryButtonHover,
 			handleSecondaryButtonClick,
+			handleSecondaryButtonHover: onHover,
+			handleSecondaryButtonDrag: onDrag,
+			handleSecondaryButtonMouseDown: onMouseDown,
+			handleSecondaryButtonMouseUp: onMouseUp,
+			handleSecondaryButtonTouchStart: onTouchStart,
+			handleSecondaryButtonTouchEnd: onTouchEnd,
 			handleTextFieldClick
 		}
 	});

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.cjs

@@ -9,6 +9,7 @@ let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/c
 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_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
 let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
 let __envive_ai_react_toolkit_v3_TitledPromptCarousel = require("@envive-ai/react-toolkit-v3/TitledPromptCarousel");
 
@@ -25,6 +26,7 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const { hardcopyContent, widgetConfig, isLoading, widgetConfigId } = props;
+	const { onClick, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = (0, __envive_ai_react_toolkit_v3_PromptCarousel.usePromptCarouselAnalytics)(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.EMBEDDED_WIDGET, (text) => text);
 	const hardCopyTitleLabel = hardcopyContent?.values?.titleLabel;
 	const titleLabel = isLoading ? mockTitleLabel : hardCopyTitleLabel;
 	const titleAriaLabel = hardcopyContent?.values?.titleAriaLabel;
@@ -73,7 +75,14 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 				displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL
 			});
 			openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
+			onClick(text);
 		}, [onTypedMessageSubmitted, openChat]),
+		handleButtonDrag: onDrag,
+		handleButtonHover: onHover,
+		handleButtonMouseDown: onMouseDown,
+		handleButtonMouseUp: onMouseUp,
+		handleButtonTouchStart: onTouchStart,
+		handleButtonTouchEnd: onTouchEnd,
 		promptButtonTexts: buttonTexts,
 		promptCarouselAriaLabel
 	});

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 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_runtime19.JSX.Element;
+  }: TitledPromptCarouselWidgetProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -8,7 +8,8 @@ import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
-import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { WidgetInteractionComponent } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
+import { AnimationSpeed, usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { TitledPromptCarousel } from "@envive-ai/react-toolkit-v3/TitledPromptCarousel";
 
 //#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.tsx
@@ -24,6 +25,7 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = useSalesAgent();
 	const { openChat } = useChatToggle();
 	const { hardcopyContent, widgetConfig, isLoading, widgetConfigId } = props;
+	const { onClick, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.EMBEDDED_WIDGET, (text) => text);
 	const hardCopyTitleLabel = hardcopyContent?.values?.titleLabel;
 	const titleLabel = isLoading ? mockTitleLabel : hardCopyTitleLabel;
 	const titleAriaLabel = hardcopyContent?.values?.titleAriaLabel;
@@ -72,7 +74,14 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 				displayLocation: ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL
 			});
 			openChat(ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
+			onClick(text);
 		}, [onTypedMessageSubmitted, openChat]),
+		handleButtonDrag: onDrag,
+		handleButtonHover: onHover,
+		handleButtonMouseDown: onMouseDown,
+		handleButtonMouseUp: onMouseUp,
+		handleButtonTouchStart: onTouchStart,
+		handleButtonTouchEnd: onTouchEnd,
 		promptButtonTexts: buttonTexts,
 		promptCarouselAriaLabel
 	});

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime1.JSX.Element;
 //#endregion
 
 //#endregion

package/dist/widgets/dist/SearchZeroState/SearchZeroStateWidget.d.cts

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

package/dist/widgets/dist/SearchZeroState/types.d.cts

@@ -1,4 +1,4 @@
-import { SearchEntryPointWidgetConfig } from "../packages/hooks/dist/contexts/types.cjs";
+import { SearchEntryPointWidgetConfig, SearchInputVariant } from "@envive-ai/react-hooks/contexts/types";
 
 //#region ../widgets/dist/SearchZeroState/types.d.ts
 //#region src/SearchZeroState/types.d.ts
@@ -10,4 +10,4 @@ interface SearchZeroStateProps {
 //#endregion
 
 //#endregion
-export { SearchZeroStateProps };
+export { type SearchEntryPointWidgetConfig, type SearchInputVariant, SearchZeroStateProps };

package/dist/widgets/dist/SuggestionBar/SuggestionBar.d.cts

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

package/dist/widgets/dist/SuggestionButtonContainer/types.d.cts

@@ -1,8 +1,7 @@
-import { TestProps } from "../packages/hooks/dist/types/test-types.cjs";
-import { SuggestionButtonVariant } from "../packages/hooks/dist/contexts/types.cjs";
+import { SuggestionButtonVariant } from "@envive-ai/react-hooks/contexts/types";
+import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region ../widgets/dist/SuggestionButtonContainer/types.d.ts
-
 //#region src/SuggestionButtonContainer/types.d.ts
 interface SuggestionButtonContainerProps extends TestProps {
   buttonVariation: SuggestionButtonVariant;

package/dist/widgets/utils/functions.cjs

@@ -4,19 +4,6 @@ let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks
 let __envive_ai_react_hooks_atoms_atomStore = require("@envive-ai/react-hooks/atoms/atomStore");
 
 //#region src/widgets/utils/functions.ts
-const getProductImageUrl = (lastAssistantMessage) => {
-	const productImageUrls = lastAssistantMessage != null ? lastAssistantMessage.reduce((acc, msg) => {
-		if (msg.type === __envive_ai_react_hooks_application_models.MessageType.Product && msg.metadata) {
-			if (msg.metadata.imageUrls?.length) return [...acc, ...msg.metadata.imageUrls];
-			if (msg.metadata.imageUrl) return [...acc, msg.metadata.imageUrl];
-		}
-		return acc;
-	}, []) : [];
-	return (() => {
-		const productImageUrlIndex = 1;
-		return productImageUrls.length > 0 && productImageUrlIndex > productImageUrls.length - 1 ? productImageUrls[productImageUrls.length - 1] : productImageUrls[productImageUrlIndex];
-	})();
-};
 const getRecentProductImageUrls = (lastMessages, currentProductId) => {
 	const productMessages = lastMessages.filter((message) => message.type === __envive_ai_react_hooks_application_models.MessageType.Product && message.metadata?.imageUrl).map((m) => m);
 	return [...productMessages.filter((m) => m.metadata?.id === currentProductId), ...productMessages.filter((m) => m.metadata?.id !== currentProductId)].map((m) => m.metadata.imageUrl);
@@ -55,7 +42,6 @@ const getStringIdForText = (rawValues, text) => {
 
 //#endregion
 exports.getMessageText = getMessageText;
-exports.getProductImageUrl = getProductImageUrl;
 exports.getRecentProductImageUrls = getRecentProductImageUrls;
 exports.getStringIdForText = getStringIdForText;
 exports.isLoading = isLoading;

package/dist/widgets/utils/functions.js

@@ -3,19 +3,6 @@ import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/mod
 import { getAtomStore } from "@envive-ai/react-hooks/atoms/atomStore";
 
 //#region src/widgets/utils/functions.ts
-const getProductImageUrl = (lastAssistantMessage) => {
-	const productImageUrls = lastAssistantMessage != null ? lastAssistantMessage.reduce((acc, msg) => {
-		if (msg.type === MessageType.Product && msg.metadata) {
-			if (msg.metadata.imageUrls?.length) return [...acc, ...msg.metadata.imageUrls];
-			if (msg.metadata.imageUrl) return [...acc, msg.metadata.imageUrl];
-		}
-		return acc;
-	}, []) : [];
-	return (() => {
-		const productImageUrlIndex = 1;
-		return productImageUrls.length > 0 && productImageUrlIndex > productImageUrls.length - 1 ? productImageUrls[productImageUrls.length - 1] : productImageUrls[productImageUrlIndex];
-	})();
-};
 const getRecentProductImageUrls = (lastMessages, currentProductId) => {
 	const productMessages = lastMessages.filter((message) => message.type === MessageType.Product && message.metadata?.imageUrl).map((m) => m);
 	return [...productMessages.filter((m) => m.metadata?.id === currentProductId), ...productMessages.filter((m) => m.metadata?.id !== currentProductId)].map((m) => m.metadata.imageUrl);
@@ -53,4 +40,4 @@ const getStringIdForText = (rawValues, text) => {
 };
 
 //#endregion
-export { getMessageText, getProductImageUrl, getRecentProductImageUrls, getStringIdForText, isLoading, isProductComparison, userHasInteracted, userHasNotInteracted };
+export { getMessageText, getRecentProductImageUrls, getStringIdForText, isLoading, isProductComparison, userHasInteracted, userHasNotInteracted };

package/dist/widgets-v2/SearchZeroState/index.d.cts

@@ -1,5 +1,4 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../../widgets/dist/packages/hooks/dist/contexts/types.cjs";
-import { SearchZeroStateProps } from "../../widgets/dist/SearchZeroState/types.cjs";
+import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "../../widgets/dist/SearchZeroState/types.cjs";
 import { SearchZeroState } from "../../widgets/dist/SearchZeroState/SearchZeroState.cjs";
 import { SearchZeroStateWidget } from "../../widgets/dist/SearchZeroState/SearchZeroStateWidget.cjs";
 export { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroState, SearchZeroStateProps, SearchZeroStateWidget };

package/dist/widgets-v2/SearchZeroState/index.d.ts

@@ -1,5 +1,4 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant } from "../../packages/widgets/dist/packages/hooks/dist/contexts/types.js";
-import { SearchZeroStateProps } from "../../packages/widgets/dist/SearchZeroState/types.js";
+import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "../../packages/widgets/dist/SearchZeroState/types.js";
 import { SearchZeroState } from "../../packages/widgets/dist/SearchZeroState/SearchZeroState.js";
 import { SearchZeroStateWidget } from "../../packages/widgets/dist/SearchZeroState/SearchZeroStateWidget.js";
 import "../../packages/widgets/dist/SearchZeroState/index.js";

package/dist/widgets-v2/SuggestionButtonContainer/index.d.ts

@@ -1,4 +1,3 @@
 import { SuggestionButtonContainerProps } from "../../packages/widgets/dist/SuggestionButtonContainer/types.js";
 import { SuggestionButtonContainer } from "../../packages/widgets/dist/SuggestionButtonContainer/SuggestionButtonContainer.js";
-import "../../packages/widgets/dist/SuggestionButtonContainer/index.js";
 export { SuggestionButtonContainer, SuggestionButtonContainerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-widgets-v3",
-  "version": "0.3.15-beta.0",
+  "version": "0.3.15",
   "description": "React widget library v3 for Envive services.",
   "keywords": [
     "react",

package/src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { createPortal } from 'react-dom';
 import { AnimatePresence, motion } from 'framer-motion';
 import classNames from 'classnames';
 
@@ -112,11 +111,6 @@ export const FloatingChatOverlay = ({
     return chatWrapper;
   }
 
-  // Render using portal to body to ensure it's on top of everything
-  if (typeof document !== 'undefined') {
-    return createPortal(chatWrapper, document.body);
-  }
-
   return chatWrapper;
 };