@envive-ai/react-widgets-v3 0.3.56 → 0.3.58

package/dist/debug/GenericSelect.cjs

@@ -1,9 +1,12 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let __envive_ai_react_hooks_application_logging = require("@envive-ai/react-hooks/application/logging");
+__envive_ai_react_hooks_application_logging = require_rolldown_runtime.__toESM(__envive_ai_react_hooks_application_logging);
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/debug/GenericSelect.tsx
+const logger = new __envive_ai_react_hooks_application_logging.default("GenericSelect");
 const dictionaries = { priority: {
 	p0: { label: "Urgent" },
 	p1: { label: "High" },
@@ -114,7 +117,7 @@ function GenericSelect({ type, selectedKey, onSelect, buttonStyle = {}, menuStyl
 		};
 	}, [isOpen]);
 	if (!dictionary) {
-		console.error(`Invalid type "${type}".`);
+		logger.logError(`Invalid type "${type}".`, void 0);
 		return null;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/dist/debug/GenericSelect.js

@@ -1,7 +1,9 @@
 import React, { useRef, useState } from "react";
+import Logger from "@envive-ai/react-hooks/application/logging";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/debug/GenericSelect.tsx
+const logger = new Logger("GenericSelect");
 const dictionaries = { priority: {
 	p0: { label: "Urgent" },
 	p1: { label: "High" },
@@ -112,7 +114,7 @@ function GenericSelect({ type, selectedKey, onSelect, buttonStyle = {}, menuStyl
 		};
 	}, [isOpen]);
 	if (!dictionary) {
-		console.error(`Invalid type "${type}".`);
+		logger.logError(`Invalid type "${type}".`, void 0);
 		return null;
 	}
 	return /* @__PURE__ */ jsxs("div", {

package/dist/debug/chatEmbed.cjs

@@ -3,10 +3,10 @@ const require_MessageContent = require('./MessageContent.cjs');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let jotai = require("jotai");
 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 React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { chatAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { useAtomValue } from "jotai";
 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

@@ -4,10 +4,12 @@ const require_IconCloseVariant = require('../packages/icons/dist/IconCloseVarian
 const require_GenericSelect = require('./GenericSelect.cjs');
 const require_chatEmbed = require('./chatEmbed.cjs');
 let react = require("react");
+let __envive_ai_react_hooks_application_logging = require("@envive-ai/react-hooks/application/logging");
+__envive_ai_react_hooks_application_logging = require_rolldown_runtime.__toESM(__envive_ai_react_hooks_application_logging);
 let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
 let jotai = require("jotai");
 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);
@@ -18,6 +20,7 @@ let __envive_ai_react_hooks_application_utils = require("@envive-ai/react-hooks/
 
 //#region src/debug/reportIssue.tsx
 var import_dist = require_index.default;
+const logger = new __envive_ai_react_hooks_application_logging.default("reportIssue");
 const messageContent = (m) => {
 	if (m.type === __envive_ai_react_hooks_application_models.MessageType.Text) return m.metadata.content;
 	if (m.type === __envive_ai_react_hooks_application_models.MessageType.Product) return `PRODUCT ID: ${m.metadata?.id}`;
@@ -39,7 +42,7 @@ const ReportHeader = ({ onClose }) => {
 		try {
 			await navigator.clipboard.writeText(userId);
 		} catch (err) {
-			console.error("Failed to copy to clipboard:", err);
+			logger.logError("Failed to copy to clipboard", err);
 		}
 	}, [userId]);
 	const headerTitleClassnames = (0, classnames.default)({
@@ -431,11 +434,11 @@ const ReportIssue = () => {
 				turn_info: turnInfo,
 				report_type: reportType
 			};
-			console.info("Submitting report", request);
+			logger.logInfo("Submitting report", request);
 			await __envive_ai_react_hooks_application_commerce_api.default.reportSession(request);
 			onClose();
 		} catch (error) {
-			console.error("Error sending report", error);
+			logger.logError("Error sending report", error);
 			setErrorMessage("There was an error sending the report. Please try again or contact Envive Support.");
 		} finally {
 			setIsReporting(false);

package/dist/debug/reportIssue.js

@@ -2,10 +2,11 @@ import { IconCloseVariant_default } from "../packages/icons/dist/IconCloseVarian
 import { GenericSelect } from "./GenericSelect.js";
 import chatEmbed_default from "./chatEmbed.js";
 import { useCallback, useEffect, useState } from "react";
+import Logger from "@envive-ai/react-hooks/application/logging";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { useAtomValue } from "jotai";
 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";
@@ -14,6 +15,7 @@ import { orgShortNameAtom } from "@envive-ai/react-hooks/atoms/envive/enviveConf
 import { StringUtils, validateEmail } from "@envive-ai/react-hooks/application/utils";
 
 //#region src/debug/reportIssue.tsx
+const logger = new Logger("reportIssue");
 const messageContent = (m) => {
 	if (m.type === MessageType.Text) return m.metadata.content;
 	if (m.type === MessageType.Product) return `PRODUCT ID: ${m.metadata?.id}`;
@@ -35,7 +37,7 @@ const ReportHeader = ({ onClose }) => {
 		try {
 			await navigator.clipboard.writeText(userId);
 		} catch (err) {
-			console.error("Failed to copy to clipboard:", err);
+			logger.logError("Failed to copy to clipboard", err);
 		}
 	}, [userId]);
 	const headerTitleClassnames = classNames({
@@ -427,11 +429,11 @@ const ReportIssue = () => {
 				turn_info: turnInfo,
 				report_type: reportType
 			};
-			console.info("Submitting report", request);
+			logger.logInfo("Submitting report", request);
 			await CommerceApiClient.reportSession(request);
 			onClose();
 		} catch (error) {
-			console.error("Error sending report", error);
+			logger.logError("Error sending report", error);
 			setErrorMessage("There was an error sending the report. Please try again or contact Envive Support.");
 		} finally {
 			setIsReporting(false);

package/dist/hocs/withBaseWidget/withBaseWidget.cjs

@@ -1,5 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 let react = require("react");
+let __envive_ai_react_hooks_application_logging = require("@envive-ai/react-hooks/application/logging");
+__envive_ai_react_hooks_application_logging = require_rolldown_runtime.__toESM(__envive_ai_react_hooks_application_logging);
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
 let __envive_ai_react_hooks_contexts_hardcopyContext = require("@envive-ai/react-hooks/contexts/hardcopyContext");
@@ -9,6 +11,8 @@ let __envive_ai_react_hooks_contexts_uiConfigContext = require("@envive-ai/react
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/hocs/withBaseWidget/withBaseWidget.tsx
+const logger = new __envive_ai_react_hooks_application_logging.default("withBaseWidget");
+const WIDGET_LOADING_WATCHDOG_MS = 5e3;
 function withBaseWidget(Widget, options) {
 	const WrappedWidget = (props) => {
 		const { widgetConfigId, widgetType } = props;
@@ -22,7 +26,11 @@ function withBaseWidget(Widget, options) {
 		const { getWidgetConfig, isLoading: isWidgetConfigLoading } = (0, __envive_ai_react_hooks_contexts_widgetConfigContext.useWidgetConfig)();
 		const [uiConfig, setUiConfig] = (0, react.useState)(void 0);
 		const { getUiConfig, isLoading: isUiConfigLoading } = (0, __envive_ai_react_hooks_contexts_uiConfigContext.useUiConfig)();
-		const isLoading = isHardcopyLoading || isPageLoading || isWidgetConfigLoading || isUiConfigLoading;
+		const [hardcopySettled, setHardcopySettled] = (0, react.useState)(false);
+		const [widgetConfigSettled, setWidgetConfigSettled] = (0, react.useState)(false);
+		const [uiConfigSettled, setUiConfigSettled] = (0, react.useState)(false);
+		const ownRequestsSettled = hardcopySettled && widgetConfigSettled && uiConfigSettled;
+		const isLoading = !ownRequestsSettled && (isHardcopyLoading || isPageLoading || isWidgetConfigLoading || isUiConfigLoading);
 		const { isVisible } = (0, __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent.useTrackComponentVisibleEvent)(widgetRef, {
 			widget_config_id: widgetConfigId,
 			widget_type: widgetType,
@@ -36,13 +44,43 @@ function withBaseWidget(Widget, options) {
 			widgetConfigId,
 			widgetType
 		]);
+		const settledStateRef = (0, react.useRef)({
+			hardcopy: false,
+			widgetConfig: false,
+			uiConfig: false
+		});
+		settledStateRef.current = {
+			hardcopy: hardcopySettled,
+			widgetConfig: widgetConfigSettled,
+			uiConfig: uiConfigSettled
+		};
+		(0, react.useEffect)(() => {
+			if (!startLoading || ownRequestsSettled) return;
+			const timer = setTimeout(() => {
+				const settled = settledStateRef.current;
+				logger.logError(`Widget still loading ${WIDGET_LOADING_WATCHDOG_MS}ms after fetches started`, void 0, {
+					widget_type: widgetType,
+					widget_config_id: widgetConfigId,
+					pending_requests: Object.entries(settled).filter(([, isSettled]) => !isSettled).map(([name]) => name),
+					connection_type: navigator.connection?.effectiveType
+				});
+			}, WIDGET_LOADING_WATCHDOG_MS);
+			return () => clearTimeout(timer);
+		}, [
+			startLoading,
+			ownRequestsSettled,
+			widgetConfigId,
+			widgetType
+		]);
 		(0, react.useEffect)(() => {
 			if (!startLoading || hardcopyFetchedRef.current) return;
 			hardcopyFetchedRef.current = true;
 			getHardcopy({
 				widgetType,
 				userEvent
-			}).then(setHardcopyContent).catch(() => {});
+			}).then(setHardcopyContent).catch(() => {}).finally(() => {
+				setHardcopySettled(true);
+			});
 		}, [
 			startLoading,
 			widgetType,
@@ -52,7 +90,9 @@ function withBaseWidget(Widget, options) {
 		]);
 		(0, react.useEffect)(() => {
 			if (!startLoading) return;
-			getUiConfig().then(setUiConfig).catch(() => {});
+			getUiConfig().then(setUiConfig).catch(() => {}).finally(() => {
+				setUiConfigSettled(true);
+			});
 		}, [
 			startLoading,
 			getUiConfig,
@@ -64,7 +104,9 @@ function withBaseWidget(Widget, options) {
 			getWidgetConfig({
 				widgetConfigId,
 				widgetType
-			}).then(setWidgetConfig).catch(() => {});
+			}).then(setWidgetConfig).catch(() => {}).finally(() => {
+				setWidgetConfigSettled(true);
+			});
 		}, [
 			startLoading,
 			widgetConfigId,

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime6 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_runtime8.JSX.Element;
+  (props: P): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/hocs/withBaseWidget/withBaseWidget.js

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from "react";
+import Logger from "@envive-ai/react-hooks/application/logging";
 import { useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
 import { useHardcopy } from "@envive-ai/react-hooks/contexts/hardcopyContext";
@@ -8,6 +9,8 @@ import { useUiConfig } from "@envive-ai/react-hooks/contexts/uiConfigContext";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/hocs/withBaseWidget/withBaseWidget.tsx
+const logger = new Logger("withBaseWidget");
+const WIDGET_LOADING_WATCHDOG_MS = 5e3;
 function withBaseWidget(Widget, options) {
 	const WrappedWidget = (props) => {
 		const { widgetConfigId, widgetType } = props;
@@ -21,7 +24,11 @@ function withBaseWidget(Widget, options) {
 		const { getWidgetConfig, isLoading: isWidgetConfigLoading } = useWidgetConfig();
 		const [uiConfig, setUiConfig] = useState(void 0);
 		const { getUiConfig, isLoading: isUiConfigLoading } = useUiConfig();
-		const isLoading = isHardcopyLoading || isPageLoading || isWidgetConfigLoading || isUiConfigLoading;
+		const [hardcopySettled, setHardcopySettled] = useState(false);
+		const [widgetConfigSettled, setWidgetConfigSettled] = useState(false);
+		const [uiConfigSettled, setUiConfigSettled] = useState(false);
+		const ownRequestsSettled = hardcopySettled && widgetConfigSettled && uiConfigSettled;
+		const isLoading = !ownRequestsSettled && (isHardcopyLoading || isPageLoading || isWidgetConfigLoading || isUiConfigLoading);
 		const { isVisible } = useTrackComponentVisibleEvent(widgetRef, {
 			widget_config_id: widgetConfigId,
 			widget_type: widgetType,
@@ -35,13 +42,43 @@ function withBaseWidget(Widget, options) {
 			widgetConfigId,
 			widgetType
 		]);
+		const settledStateRef = useRef({
+			hardcopy: false,
+			widgetConfig: false,
+			uiConfig: false
+		});
+		settledStateRef.current = {
+			hardcopy: hardcopySettled,
+			widgetConfig: widgetConfigSettled,
+			uiConfig: uiConfigSettled
+		};
+		useEffect(() => {
+			if (!startLoading || ownRequestsSettled) return;
+			const timer = setTimeout(() => {
+				const settled = settledStateRef.current;
+				logger.logError(`Widget still loading ${WIDGET_LOADING_WATCHDOG_MS}ms after fetches started`, void 0, {
+					widget_type: widgetType,
+					widget_config_id: widgetConfigId,
+					pending_requests: Object.entries(settled).filter(([, isSettled]) => !isSettled).map(([name]) => name),
+					connection_type: navigator.connection?.effectiveType
+				});
+			}, WIDGET_LOADING_WATCHDOG_MS);
+			return () => clearTimeout(timer);
+		}, [
+			startLoading,
+			ownRequestsSettled,
+			widgetConfigId,
+			widgetType
+		]);
 		useEffect(() => {
 			if (!startLoading || hardcopyFetchedRef.current) return;
 			hardcopyFetchedRef.current = true;
 			getHardcopy({
 				widgetType,
 				userEvent
-			}).then(setHardcopyContent).catch(() => {});
+			}).then(setHardcopyContent).catch(() => {}).finally(() => {
+				setHardcopySettled(true);
+			});
 		}, [
 			startLoading,
 			widgetType,
@@ -51,7 +88,9 @@ function withBaseWidget(Widget, options) {
 		]);
 		useEffect(() => {
 			if (!startLoading) return;
-			getUiConfig().then(setUiConfig).catch(() => {});
+			getUiConfig().then(setUiConfig).catch(() => {}).finally(() => {
+				setUiConfigSettled(true);
+			});
 		}, [
 			startLoading,
 			getUiConfig,
@@ -63,7 +102,9 @@ function withBaseWidget(Widget, options) {
 			getWidgetConfig({
 				widgetConfigId,
 				widgetType
-			}).then(setWidgetConfig).catch(() => {});
+			}).then(setWidgetConfig).catch(() => {}).finally(() => {
+				setWidgetConfigSettled(true);
+			});
 		}, [
 			startLoading,
 			widgetConfigId,

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

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_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/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs

@@ -5,19 +5,19 @@ const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/Ch
 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_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let jotai = require("jotai");
 let __envive_ai_react_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
 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_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_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_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
 let __envive_ai_react_toolkit_v3_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
+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");
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {

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

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

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js

@@ -4,19 +4,19 @@ import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWid
 import { useCallback, useMemo } from "react";
 import { EnviveMetricsEventName } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { useAtomValue } from "jotai";
 import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
 import { ChatElementDisplayLocationV3, FeatureGates, 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 { 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 { 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 { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
 import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
+import { usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
 const ChatPreviewComparisonWidgetHandler = (props) => {

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

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.cjs

@@ -5,17 +5,17 @@ const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/Ch
 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_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 let jotai = require("jotai");
 let __envive_ai_react_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
 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_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 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_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

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.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_runtime1 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime0.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime1.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime0.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime1.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_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime13.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime13.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -4,17 +4,17 @@ import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWid
 import { useCallback, useMemo } from "react";
 import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { useAtomValue } from "jotai";
 import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
 import { ChatElementDisplayLocationV3, FeatureGates } 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 { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 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 { 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