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

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime2.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
@@ -9,7 +9,7 @@ declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
     previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime6.JSX.Element;
+  }?: FloatingChatWidgetProps): react_jsx_runtime14.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -7,7 +7,8 @@ import { CustomerServiceType } from "../../CXIntegration/types.js";
 import { FLOATING_BUTTON_ID } from "./constants.js";
 import { useUnifiedCXButton } from "../../CXIntegration/hooks/useUnifiedCXButton.js";
 import { useFloatingButtonVisibility } from "./hooks/useFloatingButtonVisibility.js";
-import { Suspense, lazy, useEffect, useMemo, useRef } from "react";
+import { useAutoPopup } from "./hooks/useAutoPopup.js";
+import { Suspense, lazy, useEffect, useMemo, useRef, useState } from "react";
 import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
@@ -19,29 +20,49 @@ import { FloatingButton } from "@envive-ai/react-toolkit-v3/FloatingButton";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
 const FloatingChat = lazy(async () => ({ default: (await import("@envive-ai/react-toolkit-v3/FloatingChat")).FloatingChat }));
+/**
+* Wrapper component that isolates the useUnifiedCXButton hook call.
+* Provider implementations use different React hooks internally, so the
+* provider value must be stable across renders. Use a `key` prop based on
+* provider to force a clean remount when the provider changes.
+*/
+const CXButtonProvider = ({ provider, enabled, suppressMerchantButton, onSwitchToAgent, onCXClose, children }) => {
+	const { isSwitchEnabled, toggle } = useUnifiedCXButton({
+		provider,
+		enabled,
+		suppressMerchantButton,
+		onSwitchToAgent,
+		onCXClose
+	}) ?? {};
+	return /* @__PURE__ */ jsx(Fragment, { children: children({
+		isSwitchEnabled,
+		toggle
+	}) });
+};
 const FloatingChatWidgetHandler = (props) => {
 	const { previewButtonOnly, previewChatAlwaysOpen } = props;
 	const salesAgentData = useSalesAgent();
 	const { userHasInteractedValue } = useGetWidgetStatus_default();
 	const { uiConfig, isUiConfigLoading, hardcopyContent } = props;
-	const { isSwitchEnabled, toggle } = useUnifiedCXButton({
-		provider: CustomerServiceType.unsupported,
-		enabled: false,
-		suppressMerchantButton: false
-	}) ?? {};
-	const { floatingButton } = uiConfig ?? {};
+	const { customerServiceIntegration, floatingButton, floatingChat } = uiConfig ?? {};
+	const cxProvider = customerServiceIntegration?.provider ?? CustomerServiceType.unsupported;
 	const { isOpen, openChat, closeChat } = useChatToggle();
+	const [isCXOpen, setIsCXOpen] = useState(false);
+	useEffect(() => {
+		if (isOpen) setIsCXOpen(false);
+	}, [isOpen]);
 	const { shouldShowFloatingButton } = useFloatingButtonVisibility({
 		floatingButtonShowConfig: floatingButton?.showOption,
 		isChatOpen: isOpen,
 		userHasInteracted: userHasInteractedValue
 	});
 	const effectiveIsOpen = previewChatAlwaysOpen ? true : isOpen;
-	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton;
+	const buttonShouldRender = previewButtonOnly ? true : !effectiveIsOpen && shouldShowFloatingButton && !isCXOpen;
 	const theme = useMemo(() => {
 		if (isUiConfigLoading || !uiConfig) return Theme.STANDARD;
 		return uiConfig?.lookAndFeel?.theme ?? Theme.GLOBAL_CUSTOM;
 	}, [isUiConfigLoading, uiConfig]);
+	useAutoPopup({ autoPopupConfig: floatingChat?.autoPopupConfig });
 	const { trackEvent } = useAmplitude();
 	const hasTrackedEvent = useRef(false);
 	useEffect(() => {
@@ -56,35 +77,42 @@ const FloatingChatWidgetHandler = (props) => {
 			hasTrackedEvent.current = true;
 		}
 	}, [trackEvent, buttonShouldRender]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
-		isOpened: effectiveIsOpen,
-		onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
-		previewMode: !!previewChatAlwaysOpen,
-		children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FloatingChat, {
-			theme,
-			salesAgentData,
-			hardcopyContent,
-			floatingChatConfig: uiConfig?.floatingChat ?? {},
-			lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
-			isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
-			isFloatingChatOpen: effectiveIsOpen,
-			onToggleCXButton: toggle,
-			debugBar: /* @__PURE__ */ jsx(DebugBar, {}),
-			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
-		}) })
-	}), buttonShouldRender && /* @__PURE__ */ jsx(FloatingButton, {
-		id: FLOATING_BUTTON_ID,
-		variant: floatingButton?.style,
-		mode: floatingButton?.mode,
-		backgroundColor: floatingButton?.backgroundColor,
-		onClick: previewButtonOnly ? () => {} : () => openChat(ChatElementDisplayLocationV3.FLOATING_BUTTON),
-		customIcon: floatingButton?.iconSVGSrc,
-		show: floatingButton?.showOption,
-		location: floatingButton?.position,
-		hasInteractionHappened: userHasInteractedValue,
-		ariaLabel: "Open chat",
-		previewMode: !!previewButtonOnly
-	})] });
+	return /* @__PURE__ */ jsx(CXButtonProvider, {
+		provider: cxProvider,
+		enabled: customerServiceIntegration?.enabled ?? false,
+		suppressMerchantButton: customerServiceIntegration?.suppressMerchantButton ?? false,
+		onSwitchToAgent: () => setIsCXOpen(true),
+		onCXClose: () => setIsCXOpen(false),
+		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
+			isOpened: effectiveIsOpen,
+			onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY),
+			previewMode: !!previewChatAlwaysOpen,
+			children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FloatingChat, {
+				theme,
+				salesAgentData,
+				hardcopyContent,
+				floatingChatConfig: uiConfig?.floatingChat ?? {},
+				lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
+				isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+				isFloatingChatOpen: effectiveIsOpen,
+				onToggleCXButton: toggle,
+				debugBar: /* @__PURE__ */ jsx(DebugBar, {}),
+				onClose: previewChatAlwaysOpen ? () => {} : () => closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_CLOSE_BUTTON)
+			}) })
+		}), buttonShouldRender && /* @__PURE__ */ jsx(FloatingButton, {
+			id: FLOATING_BUTTON_ID,
+			variant: floatingButton?.style,
+			mode: floatingButton?.mode,
+			backgroundColor: floatingButton?.backgroundColor,
+			onClick: previewButtonOnly ? () => {} : () => openChat(ChatElementDisplayLocationV3.FLOATING_BUTTON),
+			customIcon: floatingButton?.iconSVGSrc,
+			show: floatingButton?.showOption,
+			location: floatingButton?.position,
+			hasInteractionHappened: userHasInteractedValue,
+			ariaLabel: "Open chat",
+			previewMode: !!previewButtonOnly
+		})] })
+	}, cxProvider);
 };
 const FloatingChatWidgetWithBaseWidget = withBaseWidget(FloatingChatWidgetHandler);
 const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen } = {}) => {

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

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+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_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
+
+//#region src/widgets/FloatingChatWidget/hooks/useAutoPopup.ts
+const useAutoPopup = ({ autoPopupConfig }) => {
+	const { isOpen, openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const { featureFlagService } = (0, __envive_ai_react_hooks_contexts_featureFlagServiceContext.useFeatureFlagService)();
+	const hasBeenOpenedRef = (0, react.useRef)(false);
+	const autoPopupTimerRef = (0, react.useRef)(null);
+	const isReferrerBasedPromptEnabled = (0, react.useMemo)(() => featureFlagService.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsReferrerBasedPromptEnabled), [featureFlagService]);
+	(0, react.useEffect)(() => {
+		if (!hasBeenOpenedRef.current && isOpen) hasBeenOpenedRef.current = true;
+	}, [isOpen]);
+	const openChatSafely = (0, react.useCallback)((triggerLocation) => {
+		if (!hasBeenOpenedRef.current) {
+			hasBeenOpenedRef.current = true;
+			openChat(triggerLocation);
+		}
+	}, [openChat]);
+	(0, react.useEffect)(() => {
+		const cleanup = () => {
+			if (autoPopupTimerRef.current) clearTimeout(autoPopupTimerRef.current);
+		};
+		if (!autoPopupConfig || hasBeenOpenedRef.current) return cleanup;
+		for (const trigger of autoPopupConfig.triggers) {
+			if (trigger.trigger.type === "referrer") {
+				if (!isReferrerBasedPromptEnabled) break;
+				const utmSource = new URLSearchParams(window.location.search).get("utm_source");
+				if (trigger.trigger.referrers.includes(utmSource)) autoPopupTimerRef.current = setTimeout(() => {
+					openChatSafely(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.REFERRER_BASED_PROMPT);
+				}, trigger.delay);
+			}
+			if (trigger.trigger.type === "automatic") autoPopupTimerRef.current = setTimeout(() => {
+				openChatSafely(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.AUTOMATIC_PROMPT);
+			}, trigger.delay);
+		}
+		return cleanup;
+	}, [
+		autoPopupConfig,
+		isOpen,
+		isReferrerBasedPromptEnabled,
+		openChatSafely
+	]);
+};
+
+//#endregion
+exports.useAutoPopup = useAutoPopup;

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

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

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

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

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

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

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

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

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

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.cjs

@@ -39,7 +39,7 @@ const PromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.NONE : promptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	(0, react.useEffect)(() => {
 		trackEvent({

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

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

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

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.js

@@ -38,7 +38,7 @@ const PromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? AnimationSpeed.NONE : promptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = useAmplitude();
 	useEffect(() => {
 		trackEvent({

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.cjs

@@ -11,21 +11,21 @@ let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-
 //#region src/widgets/SocialProofFlowWidget/SocialProofFlowWidget.tsx
 const SocialProofFlowWidget = ({ widgetConfigId }) => {
 	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = require_useGetWidgetStatus.default();
-	if (userHasInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget, {
+	if (userHasInteractedValue && isLoadingValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
 	});
-	if (userHasNotInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SocialProofWidget.SocialProofWidgetWithBaseWidget, {
+	if (userHasInteractedValue && isProductComparisonValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.SocialProofV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
 	});
-	if (isLoadingValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
+	if (userHasInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
 	});
-	if (isProductComparisonValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget, {
+	if (userHasNotInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SocialProofWidget.SocialProofWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.SocialProofV3
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
 };

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

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

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

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.js

@@ -10,21 +10,21 @@ import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoadi
 //#region src/widgets/SocialProofFlowWidget/SocialProofFlowWidget.tsx
 const SocialProofFlowWidget = ({ widgetConfigId }) => {
 	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = useGetWidgetStatus_default();
-	if (userHasInteractedValue) return /* @__PURE__ */ jsx(ChatPreviewWidgetWithBaseWidget, {
+	if (userHasInteractedValue && isLoadingValue) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: WidgetTypeV3.ChatPreviewV3
+		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
 	});
-	if (userHasNotInteractedValue) return /* @__PURE__ */ jsx(SocialProofWidgetWithBaseWidget, {
+	if (userHasInteractedValue && isProductComparisonValue) return /* @__PURE__ */ jsx(ChatPreviewComparisonWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: WidgetTypeV3.SocialProofV3
+		widgetType: WidgetTypeV3.ChatPreviewComparisonV3
 	});
-	if (isLoadingValue) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
+	if (userHasInteractedValue) return /* @__PURE__ */ jsx(ChatPreviewWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
+		widgetType: WidgetTypeV3.ChatPreviewV3
 	});
-	if (isProductComparisonValue) return /* @__PURE__ */ jsx(ChatPreviewComparisonWidgetWithBaseWidget, {
+	if (userHasNotInteractedValue) return /* @__PURE__ */ jsx(SocialProofWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: WidgetTypeV3.ChatPreviewComparisonV3
+		widgetType: WidgetTypeV3.SocialProofV3
 	});
 	return /* @__PURE__ */ jsx(ChatPreviewLoading, { fullIsLoading: true });
 };

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

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.cjs

@@ -35,7 +35,7 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = titledPromptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = titledPromptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = titledPromptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel.AnimationSpeed.FAST : titledPromptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel.AnimationSpeed.NONE : titledPromptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	(0, react.useEffect)(() => {
 		trackEvent({

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

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

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

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -34,7 +34,7 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 	const boldFirstButton = titledPromptCarouselWidgetConfig?.boldFirstButton;
 	const promptButtonType = titledPromptCarouselWidgetConfig?.promptButtonType;
 	const promptCarouselRows = titledPromptCarouselWidgetConfig?.promptCarouselRows;
-	const animationSpeed = isLoading ? AnimationSpeed.FAST : titledPromptCarouselWidgetConfig?.animationSpeed;
+	const animationSpeed = isLoading ? AnimationSpeed.NONE : titledPromptCarouselWidgetConfig?.animationSpeed;
 	const { trackEvent } = useAmplitude();
 	useEffect(() => {
 		trackEvent({

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.cjs

@@ -11,21 +11,21 @@ let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-
 //#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.tsx
 const TypingAnimationFlowWidget = ({ widgetConfigId }) => {
 	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = require_useGetWidgetStatus.default();
-	if (userHasInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget, {
+	if (userHasInteractedValue && isLoadingValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
 	});
-	if (userHasNotInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TypingAnimationWidget.TypingAnimationWithBaseWidget, {
+	if (userHasInteractedValue && isProductComparisonValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.TypingAnimationV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
 	});
-	if (isLoadingValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
+	if (userHasInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
 	});
-	if (isProductComparisonValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget, {
+	if (userHasNotInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TypingAnimationWidget.TypingAnimationWithBaseWidget, {
 		widgetConfigId,
-		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.TypingAnimationV3
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
 };

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

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

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

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