@envive-ai/react-widgets-v3 0.3.15 → 0.3.17

package/dist/CXIntegration/hooks/useUnifiedCXButton.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_types = require('../types.cjs');
 const require_functions = require('../utils/functions.cjs');
-let __envive_ai_react_hooks_contexts_pageContext = require("@envive-ai/react-hooks/contexts/pageContext");
 let jotai = require("jotai");
+let __envive_ai_react_hooks_contexts_pageContext = require("@envive-ai/react-hooks/contexts/pageContext");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 
 //#region src/CXIntegration/hooks/useUnifiedCXButton.ts

package/dist/CXIntegration/hooks/useUnifiedCXButton.js

@@ -1,7 +1,7 @@
 import { CustomerServiceType } from "../types.js";
 import { findCustomerServiceImpl } from "../utils/functions.js";
-import { usePage } from "@envive-ai/react-hooks/contexts/pageContext";
 import { useAtomValue } from "jotai";
+import { usePage } from "@envive-ai/react-hooks/contexts/pageContext";
 import { hasParsedVariantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
 
 //#region src/CXIntegration/hooks/useUnifiedCXButton.ts

package/dist/debug/chatEmbed.cjs

@@ -1,12 +1,12 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_MessageContent = require('./MessageContent.cjs');
+let jotai = require("jotai");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
-let jotai = require("jotai");
-let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 

package/dist/debug/chatEmbed.js

@@ -1,10 +1,10 @@
 import { MessageContent } from "./MessageContent.js";
+import { useAtomValue } from "jotai";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAtomValue } from "jotai";
-import { chatAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { MessageType } from "@envive-ai/react-hooks/application/models";
 import { PromptCarousel, PromptCarouselRows } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { chatAtom } from "@envive-ai/react-hooks/atoms/chat";
 import classNames from "classnames";
 
 //#region src/debug/chatEmbed.tsx

package/dist/debug/reportIssue.cjs

@@ -3,11 +3,11 @@ const require_index = require('../node_modules/@spiffy-ai/commerce-api-client/di
 const require_IconCloseVariant = require('../packages/icons/dist/IconCloseVariant.cjs');
 const require_GenericSelect = require('./GenericSelect.cjs');
 const require_chatEmbed = require('./chatEmbed.cjs');
+let jotai = require("jotai");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let jotai = require("jotai");
-let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);

package/dist/debug/reportIssue.js

@@ -1,11 +1,11 @@
 import { IconCloseVariant_default } from "../packages/icons/dist/IconCloseVariant.js";
 import { GenericSelect } from "./GenericSelect.js";
 import chatEmbed_default from "./chatEmbed.js";
+import { useAtomValue } from "jotai";
 import { useCallback, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAtomValue } from "jotai";
-import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { MessageType } from "@envive-ai/react-hooks/application/models";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { userIdAtom } from "@envive-ai/react-hooks/atoms/app";
 import { ReportSessionRequestReportPriorityEnum, ReportSessionRequestReportTypeEnum } from "@spiffy-ai/commerce-api-client";
 import classNames from "classnames";

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

@@ -1,7 +1,7 @@
+import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { RefObject } from "react";
 import { SpiffyMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { HardcopyResponse } from "@envive-ai/react-hooks/contexts/hardcopyContext";
-import { OrgUIConfigV3, WidgetConfigV3, WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 
 //#region src/hocs/withBaseWidget/types.d.ts
 interface BaseWidgetProps {

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

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

package/dist/packages/icons/dist/IconCloseVariant.cjs

@@ -1,15 +1,14 @@
-const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
-const require_jsx_runtime$1 = require('./node_modules/react/jsx-runtime.cjs');
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region ../icons/dist/IconCloseVariant.js
-var import_jsx_runtime = /* @__PURE__ */ require_rolldown_runtime.__toESM(require_jsx_runtime$1.require_jsx_runtime());
-const SvgIconCloseVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+const SvgIconCloseVariant = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
 		className: "layer",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "Layer 1" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: "Layer 1" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			d: "m18.98,2.56l-6.76,6.76l-6.76,-6.76l-2.65,2.65l6.76,6.76l-6.76,6.76l2.65,2.65l6.76,-6.76l6.76,6.76l2.65,-2.65l-6.76,-6.76l6.76,-6.76l-2.65,-2.65z",
 			fill: "currentColor",
 			id: "svg_2"

package/dist/packages/icons/dist/IconCloseVariant.js

@@ -1,15 +1,13 @@
-import { __toESM } from "./_virtual/rolldown_runtime.js";
-import { require_jsx_runtime } from "./node_modules/react/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region ../icons/dist/IconCloseVariant.js
-var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime());
-const SvgIconCloseVariant = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+const SvgIconCloseVariant = (props) => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 24 24",
 	xmlns: "http://www.w3.org/2000/svg",
 	...props,
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
+	children: /* @__PURE__ */ jsxs("g", {
 		className: "layer",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "Layer 1" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+		children: [/* @__PURE__ */ jsx("title", { children: "Layer 1" }), /* @__PURE__ */ jsx("path", {
 			d: "m18.98,2.56l-6.76,6.76l-6.76,-6.76l-2.65,2.65l6.76,6.76l-6.76,6.76l2.65,2.65l6.76,-6.76l6.76,6.76l2.65,-2.65l-6.76,-6.76l6.76,-6.76l-2.65,-2.65z",
 			fill: "currentColor",
 			id: "svg_2"

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

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

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs

@@ -2,22 +2,28 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
-let react = require("react");
-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 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_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_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+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_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_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
+let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
+let __envive_ai_react_toolkit_v3_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {
 	const { onSuggestionClicked } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
+	const { onClick: onPromptClicked, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = (0, __envive_ai_react_toolkit_v3_PromptCarousel.usePromptCarouselAnalytics)(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.POST_INTERACTION_COMPARISON, (text) => text);
 	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 productId = variantInfo.variant === __envive_ai_react_hooks_application_models.VariantTypeEnum.Pdp ? variantInfo.productId : void 0;
@@ -42,10 +48,28 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 	const handlePromptButtonClick = (0, react.useCallback)((suggestion) => {
 		onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
+		onPromptClicked(suggestion.id);
 	}, [onSuggestionClicked, openChat]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.POST_INTERACTION_COMPARISON,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
+	const handleLinkClick = (url) => {
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.POST_INTERACTION_COMPARISON,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.LINK_CLICKED,
+				widget_interaction_data: { link_clicked: { url } }
+			}
+		});
+	};
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
@@ -73,6 +97,13 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePromptButtonClick,
+			handlePromptButtonDrag: onDrag,
+			handlePromptButtonHover: onHover,
+			handlePromptButtonMouseDown: onMouseDown,
+			handlePromptButtonMouseUp: onMouseUp,
+			handlePromptButtonTouchStart: onTouchStart,
+			handlePromptButtonTouchEnd: onTouchEnd,
+			handleLinkClick,
 			handleTextFieldClick
 		}
 	});

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

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

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

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

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js

@@ -1,22 +1,28 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import { getMessageText, getRecentProductImageUrls } from "../utils/functions.js";
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
-import { useCallback, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue } from "jotai";
+import { useCallback, useMemo } from "react";
+import { EnviveMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { jsx } from "react/jsx-runtime";
+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 { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
+import { usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
-import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
-import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
+import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
+import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {
 	const { onSuggestionClicked } = useSalesAgent();
 	const { openChat } = useChatToggle();
+	const { trackWidgetInteraction } = useWidgetInteraction();
+	const { onClick: onPromptClicked, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.POST_INTERACTION_COMPARISON, (text) => text);
 	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
 	const variantInfo = useAtomValue(variantInfoAtom);
 	const productId = variantInfo.variant === VariantTypeEnum.Pdp ? variantInfo.productId : void 0;
@@ -41,10 +47,28 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 	const handlePromptButtonClick = useCallback((suggestion) => {
 		onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
+		onPromptClicked(suggestion.id);
 	}, [onSuggestionClicked, openChat]);
 	const handleTextFieldClick = useCallback(() => {
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.POST_INTERACTION_COMPARISON,
+				widget_interaction: WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
+	const handleLinkClick = (url) => {
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.POST_INTERACTION_COMPARISON,
+				widget_interaction: WidgetInteractionType.LINK_CLICKED,
+				widget_interaction_data: { link_clicked: { url } }
+			}
+		});
+	};
 	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
@@ -72,6 +96,13 @@ const ChatPreviewComparisonWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePromptButtonClick,
+			handlePromptButtonDrag: onDrag,
+			handlePromptButtonHover: onHover,
+			handlePromptButtonMouseDown: onMouseDown,
+			handlePromptButtonMouseUp: onMouseUp,
+			handlePromptButtonTouchStart: onTouchStart,
+			handlePromptButtonTouchEnd: onTouchEnd,
+			handleLinkClick,
 			handleTextFieldClick
 		}
 	});

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 const require_PromptCarouselWidget = require('../PromptCarouselWidget/PromptCarouselWidget.cjs');
-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 react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.tsx
 const ChatPreviewLoadingWidgetHandler = (props) => {

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.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_runtime15 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
 declare const ChatPreviewLoadingWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewLoadingWidgetProps {
@@ -11,6 +11,6 @@ interface ChatPreviewLoadingWidgetProps {
 }
 declare const ChatPreviewLoadingWidget: ({
   widgetConfigId
-}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime3.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js

@@ -1,10 +1,10 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import { PromptCarouselWidget } from "../PromptCarouselWidget/PromptCarouselWidget.js";
-import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue } from "jotai";
 import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
 import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.tsx
 const ChatPreviewLoadingWidgetHandler = (props) => {

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.cjs

@@ -2,16 +2,19 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 const require_functions = require('../utils/functions.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let jotai = require("jotai");
 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 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_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+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_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_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_toolkit_v3_ChatPreview = require("@envive-ai/react-toolkit-v3/ChatPreview");
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
@@ -31,6 +34,8 @@ const ChatPreviewWidgetHandler = (props) => {
 		messageText
 	};
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
+	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
+	const { onClick: onPromptClicked, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = (0, __envive_ai_react_toolkit_v3_PromptCarousel.usePromptCarouselAnalytics)(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.CHAT_PREVIEW, (text) => text);
 	(0, react.useEffect)(() => {
 		trackEvent({
 			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.SpiffyMetricsEventName.ChatComponentVisible,
@@ -45,10 +50,28 @@ const ChatPreviewWidgetHandler = (props) => {
 	const handlePromptButtonClick = (0, react.useCallback)((suggestion) => {
 		onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
+		onPromptClicked(suggestion.id);
 	}, [onSuggestionClicked, openChat]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
 		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
+	const handleLinkClick = (url) => {
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.LINK_CLICKED,
+				widget_interaction_data: { link_clicked: { url } }
+			}
+		});
+	};
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
@@ -73,6 +96,13 @@ const ChatPreviewWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePromptButtonClick,
+			handlePromptButtonDrag: onDrag,
+			handlePromptButtonHover: onHover,
+			handlePromptButtonMouseDown: onMouseDown,
+			handlePromptButtonMouseUp: onMouseUp,
+			handlePromptButtonTouchStart: onTouchStart,
+			handlePromptButtonTouchEnd: onTouchEnd,
+			handleLinkClick,
 			handleTextFieldClick
 		}
 	});

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

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

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

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

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -1,16 +1,19 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import { getMessageText } from "../utils/functions.js";
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
-import { useCallback, useEffect, useMemo } 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 { useAtomValue } from "jotai";
+import { useCallback, useEffect, useMemo } from "react";
+import { EnviveMetricsEventName, SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { jsx } from "react/jsx-runtime";
+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 { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
+import { usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { ChatPreview } from "@envive-ai/react-toolkit-v3/ChatPreview";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
@@ -30,6 +33,8 @@ const ChatPreviewWidgetHandler = (props) => {
 		messageText
 	};
 	const { trackEvent } = useAmplitude();
+	const { trackWidgetInteraction } = useWidgetInteraction();
+	const { onClick: onPromptClicked, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.CHAT_PREVIEW, (text) => text);
 	useEffect(() => {
 		trackEvent({
 			eventName: SpiffyMetricsEventName.ChatComponentVisible,
@@ -44,10 +49,28 @@ const ChatPreviewWidgetHandler = (props) => {
 	const handlePromptButtonClick = useCallback((suggestion) => {
 		onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
+		onPromptClicked(suggestion.id);
 	}, [onSuggestionClicked, openChat]);
 	const handleTextFieldClick = useCallback(() => {
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_TEXT_FIELD);
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: WidgetInteractionType.QUERY_INPUT_CLICKED
+			}
+		});
 	}, [openChat]);
+	const handleLinkClick = (url) => {
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: WidgetInteractionType.LINK_CLICKED,
+				widget_interaction_data: { link_clicked: { url } }
+			}
+		});
+	};
 	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
 		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
@@ -72,6 +95,13 @@ const ChatPreviewWidgetHandler = (props) => {
 		widgetContentProps,
 		widgetEventProps: {
 			handlePromptButtonClick,
+			handlePromptButtonDrag: onDrag,
+			handlePromptButtonHover: onHover,
+			handlePromptButtonMouseDown: onMouseDown,
+			handlePromptButtonMouseUp: onMouseUp,
+			handlePromptButtonTouchStart: onTouchStart,
+			handlePromptButtonTouchEnd: onTouchEnd,
+			handleLinkClick,
 			handleTextFieldClick
 		}
 	});

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -9,15 +9,15 @@ const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
 const require_FloatingChatOverlay = require('./FloatingChatOverlay.cjs');
 const require_useFloatingButtonVisibility = require('./hooks/useFloatingButtonVisibility.cjs');
 const require_useAutoPopup = require('./hooks/useAutoPopup.cjs');
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 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_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
+let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
 let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");