@envive-ai/react-widgets-v3 0.3.19 → 0.3.20

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

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

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps, WithBaseWidgetOptions } from "./types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime12.JSX.Element;
+  (props: P): react_jsx_runtime19.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_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts
 declare const ChatPreviewComparisonWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime4.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime14.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewComparisonWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewComparisonWidgetProps {
 declare const ChatPreviewComparisonWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime4.JSX.Element;
+  }: ChatPreviewComparisonWidgetProps): react_jsx_runtime14.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime7 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_runtime7.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_runtime7.JSX.Element;
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime10.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_runtime10.JSX.Element;
 //#endregion
 export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

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

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

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.cjs

@@ -3,26 +3,59 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let framer_motion = require("framer-motion");
+let __envive_ai_react_toolkit_v3_utils_useCheckIsMobile = require("@envive-ai/react-toolkit-v3/utils/useCheckIsMobile");
 
 //#region src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx
-const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId, previewMode = false }) => {
+const ANIMATION_DURATION = .3;
+const useOverlayAnimations = ({ previewMode, isMobile }) => {
+	if (previewMode) return {
+		overlayExitAnimation: {
+			opacity: 0,
+			x: 0
+		},
+		overlayAnimation: {
+			opacity: 1,
+			x: 0
+		}
+	};
+	if (isMobile) return {
+		overlayExitAnimation: { opacity: 0 },
+		overlayAnimation: { opacity: 1 }
+	};
+	return {
+		overlayExitAnimation: {
+			opacity: 0,
+			x: 512
+		},
+		overlayAnimation: {
+			opacity: 1,
+			x: 0
+		}
+	};
+};
+const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId, previewMode = false, isResultsModalOpen = false }) => {
+	const { isMobile } = (0, __envive_ai_react_toolkit_v3_utils_useCheckIsMobile.useCheckIsMobile)();
+	const { overlayExitAnimation, overlayAnimation } = useOverlayAnimations({
+		previewMode,
+		isMobile
+	});
 	const overlayClasses = (0, classnames.default)(previewMode ? "envive-tw-absolute" : "envive-tw-fixed", "envive-tw-top-0", "envive-tw-left-0", previewMode ? "envive-tw-h-full" : "envive-tw-h-screen", "envive-tw-w-full", "envive-tw-z-[2147483647]", className);
-	const backdropClasses = (0, classnames.default)("envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-bg-black", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
+	const backdropClasses = (0, classnames.default)("envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", isMobile ? "envive-tw-bg-black" : "", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
 	const overlayContentClasses = (0, classnames.default)("envive-tw-relative", "envive-tw-flex", "envive-tw-justify-end", "envive-tw-items-stretch", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-pointer-events-auto", "envive-tw-cursor-pointer", "envive-tw-z-10");
-	const chatWrapper = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpened && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: isOpened && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
 		className: overlayClasses,
 		style: { top: "0px" },
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: { duration: .3 },
+		transition: { duration: ANIMATION_DURATION },
 		"data-testid": dataTestId,
 		children: [!previewMode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
 			className: backdropClasses,
 			initial: { opacity: 0 },
 			animate: { opacity: .5 },
 			exit: { opacity: 0 },
-			transition: { duration: .3 },
+			transition: { duration: ANIMATION_DURATION },
 			"aria-label": "Close chat"
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: overlayContentClasses,
@@ -35,22 +68,14 @@ const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestI
 			tabIndex: 0,
 			"aria-label": "Close floating chat",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-				initial: {
-					opacity: 0,
-					x: previewMode ? 0 : 512
-				},
-				animate: {
-					opacity: 1,
-					x: 0
-				},
-				exit: {
-					opacity: 0,
-					x: previewMode ? 0 : 512
-				},
-				transition: { duration: .3 },
+				initial: overlayExitAnimation,
+				animate: overlayAnimation,
+				exit: overlayExitAnimation,
+				transition: { duration: ANIMATION_DURATION },
 				style: {
 					height: previewMode ? "100%" : "100dvh",
-					cursor: "default"
+					cursor: "default",
+					margin: isResultsModalOpen ? "0 auto" : "0"
 				},
 				className: "envive-tw-shadow-md",
 				onClick: (e) => e.stopPropagation(),
@@ -58,8 +83,6 @@ const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestI
 			})
 		})]
 	}, "floating-chat-overlay") });
-	if (previewMode) return chatWrapper;
-	return chatWrapper;
 };
 FloatingChatOverlay.displayName = "FloatingChatOverlay";
 

package/dist/widgets/FloatingChatWidget/FloatingChatOverlay.js

@@ -1,26 +1,59 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
+import { useCheckIsMobile } from "@envive-ai/react-toolkit-v3/utils/useCheckIsMobile";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx
-const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId, previewMode = false }) => {
+const ANIMATION_DURATION = .3;
+const useOverlayAnimations = ({ previewMode, isMobile }) => {
+	if (previewMode) return {
+		overlayExitAnimation: {
+			opacity: 0,
+			x: 0
+		},
+		overlayAnimation: {
+			opacity: 1,
+			x: 0
+		}
+	};
+	if (isMobile) return {
+		overlayExitAnimation: { opacity: 0 },
+		overlayAnimation: { opacity: 1 }
+	};
+	return {
+		overlayExitAnimation: {
+			opacity: 0,
+			x: 512
+		},
+		overlayAnimation: {
+			opacity: 1,
+			x: 0
+		}
+	};
+};
+const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestId, previewMode = false, isResultsModalOpen = false }) => {
+	const { isMobile } = useCheckIsMobile();
+	const { overlayExitAnimation, overlayAnimation } = useOverlayAnimations({
+		previewMode,
+		isMobile
+	});
 	const overlayClasses = classNames(previewMode ? "envive-tw-absolute" : "envive-tw-fixed", "envive-tw-top-0", "envive-tw-left-0", previewMode ? "envive-tw-h-full" : "envive-tw-h-screen", "envive-tw-w-full", "envive-tw-z-[2147483647]", className);
-	const backdropClasses = classNames("envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-bg-black", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
+	const backdropClasses = classNames("envive-tw-absolute", "envive-tw-top-0", "envive-tw-left-0", "envive-tw-h-full", "envive-tw-w-full", isMobile ? "envive-tw-bg-black" : "", "envive-tw-opacity-50", "envive-tw-pointer-events-none", "envive-tw-z-0");
 	const overlayContentClasses = classNames("envive-tw-relative", "envive-tw-flex", "envive-tw-justify-end", "envive-tw-items-stretch", "envive-tw-h-full", "envive-tw-w-full", "envive-tw-pointer-events-auto", "envive-tw-cursor-pointer", "envive-tw-z-10");
-	const chatWrapper = /* @__PURE__ */ jsx(AnimatePresence, { children: isOpened && /* @__PURE__ */ jsxs(motion.div, {
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpened && /* @__PURE__ */ jsxs(motion.div, {
 		className: overlayClasses,
 		style: { top: "0px" },
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: { duration: .3 },
+		transition: { duration: ANIMATION_DURATION },
 		"data-testid": dataTestId,
 		children: [!previewMode && /* @__PURE__ */ jsx(motion.div, {
 			className: backdropClasses,
 			initial: { opacity: 0 },
 			animate: { opacity: .5 },
 			exit: { opacity: 0 },
-			transition: { duration: .3 },
+			transition: { duration: ANIMATION_DURATION },
 			"aria-label": "Close chat"
 		}), /* @__PURE__ */ jsx("div", {
 			className: overlayContentClasses,
@@ -33,22 +66,14 @@ const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestI
 			tabIndex: 0,
 			"aria-label": "Close floating chat",
 			children: /* @__PURE__ */ jsx(motion.div, {
-				initial: {
-					opacity: 0,
-					x: previewMode ? 0 : 512
-				},
-				animate: {
-					opacity: 1,
-					x: 0
-				},
-				exit: {
-					opacity: 0,
-					x: previewMode ? 0 : 512
-				},
-				transition: { duration: .3 },
+				initial: overlayExitAnimation,
+				animate: overlayAnimation,
+				exit: overlayExitAnimation,
+				transition: { duration: ANIMATION_DURATION },
 				style: {
 					height: previewMode ? "100%" : "100dvh",
-					cursor: "default"
+					cursor: "default",
+					margin: isResultsModalOpen ? "0 auto" : "0"
 				},
 				className: "envive-tw-shadow-md",
 				onClick: (e) => e.stopPropagation(),
@@ -56,8 +81,6 @@ const FloatingChatOverlay = ({ children, isOpened, onClose, className, dataTestI
 			})
 		})]
 	}, "floating-chat-overlay") });
-	if (previewMode) return chatWrapper;
-	return chatWrapper;
 };
 FloatingChatOverlay.displayName = "FloatingChatOverlay";
 

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -52,6 +52,7 @@ const FloatingChatWidgetHandler = (props) => {
 	const cxProvider = customerServiceIntegration?.provider ?? require_types.CustomerServiceType.unsupported;
 	const { isOpen, openChat, closeChat, onHover } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const [isCXOpen, setIsCXOpen] = (0, react.useState)(false);
+	const [isResultsModalOpen, setIsResultsModalOpen] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
 		if (isOpen) setIsCXOpen(false);
 	}, [isOpen]);
@@ -97,14 +98,16 @@ const FloatingChatWidgetHandler = (props) => {
 		suppressMerchantButton: customerServiceIntegration?.suppressMerchantButton ?? false,
 		onSwitchToAgent: () => setIsCXOpen(true),
 		onCXClose: () => setIsCXOpen(false),
-		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FloatingChatOverlay.FloatingChatOverlay, {
+		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!previewButtonOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FloatingChatOverlay.FloatingChatOverlay, {
 			isOpened: effectiveIsOpen,
+			isResultsModalOpen,
 			onClose: previewChatAlwaysOpen ? () => {} : () => {
 				closeChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY);
 				handleClose({ collapse_source: "body_click" });
 			},
 			previewMode: !!previewChatAlwaysOpen,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingChat, {
+				setIsResultsModalOpen,
 				theme,
 				salesAgentData,
 				hardcopyContent,

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

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

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -51,6 +51,7 @@ const FloatingChatWidgetHandler = (props) => {
 	const cxProvider = customerServiceIntegration?.provider ?? CustomerServiceType.unsupported;
 	const { isOpen, openChat, closeChat, onHover } = useChatToggle();
 	const [isCXOpen, setIsCXOpen] = useState(false);
+	const [isResultsModalOpen, setIsResultsModalOpen] = useState(false);
 	useEffect(() => {
 		if (isOpen) setIsCXOpen(false);
 	}, [isOpen]);
@@ -96,14 +97,16 @@ const FloatingChatWidgetHandler = (props) => {
 		suppressMerchantButton: customerServiceIntegration?.suppressMerchantButton ?? false,
 		onSwitchToAgent: () => setIsCXOpen(true),
 		onCXClose: () => setIsCXOpen(false),
-		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
+		children: ({ isSwitchEnabled, toggle }) => /* @__PURE__ */ jsxs(Fragment, { children: [!previewButtonOnly && /* @__PURE__ */ jsx(FloatingChatOverlay, {
 			isOpened: effectiveIsOpen,
+			isResultsModalOpen,
 			onClose: previewChatAlwaysOpen ? () => {} : () => {
 				closeChat(ChatElementDisplayLocationV3.FLOATING_CHAT_OVERLAY);
 				handleClose({ collapse_source: "body_click" });
 			},
 			previewMode: !!previewChatAlwaysOpen,
 			children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FloatingChat, {
+				setIsResultsModalOpen,
 				theme,
 				salesAgentData,
 				hardcopyContent,

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime11.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime17 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_runtime17.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_runtime17.JSX.Element;
+  }: SocialProofWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

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

package/src/widgets/FloatingChatWidget/FloatingChatOverlay.tsx

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classNames from 'classnames';
+import { useCheckIsMobile } from '@envive-ai/react-toolkit-v3/utils/useCheckIsMobile';
 
 export interface FloatingChatOverlayProps {
   children?: ReactNode;
@@ -9,8 +10,36 @@ export interface FloatingChatOverlayProps {
   className?: string;
   dataTestId?: string;
   previewMode?: boolean;
+  isResultsModalOpen?: boolean;
 }
 
+const ANIMATION_DURATION = 0.3;
+
+const useOverlayAnimations = ({
+  previewMode,
+  isMobile,
+}: {
+  previewMode: boolean;
+  isMobile: boolean;
+}) => {
+  if (previewMode) {
+    return {
+      overlayExitAnimation: { opacity: 0, x: 0 },
+      overlayAnimation: { opacity: 1, x: 0 },
+    };
+  }
+  if (isMobile) {
+    return {
+      overlayExitAnimation: { opacity: 0 },
+      overlayAnimation: { opacity: 1 },
+    };
+  }
+  return {
+    overlayExitAnimation: { opacity: 0, x: 512 },
+    overlayAnimation: { opacity: 1, x: 0 },
+  };
+};
+
 export const FloatingChatOverlay = ({
   children,
   isOpened,
@@ -18,7 +47,14 @@ export const FloatingChatOverlay = ({
   className,
   dataTestId,
   previewMode = false,
+  isResultsModalOpen = false,
 }: FloatingChatOverlayProps) => {
+  const { isMobile } = useCheckIsMobile();
+  const { overlayExitAnimation, overlayAnimation } = useOverlayAnimations({
+    previewMode,
+    isMobile,
+  });
+
   const overlayClasses = classNames(
     previewMode ? 'envive-tw-absolute' : 'envive-tw-fixed',
     'envive-tw-top-0',
@@ -35,7 +71,7 @@ export const FloatingChatOverlay = ({
     'envive-tw-left-0',
     'envive-tw-h-full',
     'envive-tw-w-full',
-    'envive-tw-bg-black',
+    isMobile ? 'envive-tw-bg-black' : '',
     'envive-tw-opacity-50',
     'envive-tw-pointer-events-none',
     'envive-tw-z-0',
@@ -63,7 +99,7 @@ export const FloatingChatOverlay = ({
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
           exit={{ opacity: 0 }}
-          transition={{ duration: 0.3 }}
+          transition={{ duration: ANIMATION_DURATION }}
           data-testid={dataTestId}
         >
           {!previewMode && (
@@ -72,7 +108,7 @@ export const FloatingChatOverlay = ({
               initial={{ opacity: 0 }}
               animate={{ opacity: 0.5 }}
               exit={{ opacity: 0 }}
-              transition={{ duration: 0.3 }}
+              transition={{ duration: ANIMATION_DURATION }}
               aria-label="Close chat"
             />
           )}
@@ -90,11 +126,15 @@ export const FloatingChatOverlay = ({
             aria-label="Close floating chat"
           >
             <motion.div
-              initial={{ opacity: 0, x: previewMode ? 0 : 512 }}
-              animate={{ opacity: 1, x: 0 }}
-              exit={{ opacity: 0, x: previewMode ? 0 : 512 }}
-              transition={{ duration: 0.3 }}
-              style={{ height: previewMode ? '100%' : '100dvh', cursor: 'default' }}
+              initial={overlayExitAnimation}
+              animate={overlayAnimation}
+              exit={overlayExitAnimation}
+              transition={{ duration: ANIMATION_DURATION }}
+              style={{
+                height: previewMode ? '100%' : '100dvh',
+                cursor: 'default',
+                margin: isResultsModalOpen ? '0 auto' : '0',
+              }}
               className="envive-tw-shadow-md"
               onClick={e => e.stopPropagation()}
             >
@@ -106,11 +146,6 @@ export const FloatingChatOverlay = ({
     </AnimatePresence>
   );
 
-  // In preview mode, render inline. Otherwise use portal to body
-  if (previewMode) {
-    return chatWrapper;
-  }
-
   return chatWrapper;
 };
 

package/src/widgets/FloatingChatWidget/FloatingChatWidget.tsx

@@ -96,6 +96,7 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
   const { isOpen, openChat, closeChat, onHover } = useChatToggle();
 
   const [isCXOpen, setIsCXOpen] = useState(false);
+  const [isResultsModalOpen, setIsResultsModalOpen] = useState(false);
 
   // Reset CX open state when the envive widget is reopened
   useEffect(() => {
@@ -166,9 +167,10 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
       {({ isSwitchEnabled, toggle }) => (
         <>
           {/* Render chat when always open preview OR when normally open */}
-          {(previewChatAlwaysOpen || effectiveIsOpen) && !previewButtonOnly && (
+          {!previewButtonOnly && (
             <FloatingChatOverlay
               isOpened={effectiveIsOpen}
+              isResultsModalOpen={isResultsModalOpen}
               onClose={
                 previewChatAlwaysOpen
                   ? () => {}
@@ -183,6 +185,7 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
             >
               <Suspense>
                 <FloatingChat
+                  setIsResultsModalOpen={setIsResultsModalOpen}
                   theme={theme}
                   salesAgentData={salesAgentData}
                   hardcopyContent={hardcopyContent}