@envive-ai/react-widgets-v3 0.3.23 → 0.3.25

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

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -1,15 +1,15 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
 import { getStringIdForText } from "../utils/functions.js";
-import { useCallback } from "react";
-import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
-import { jsx } from "react/jsx-runtime";
-import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 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 { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { WidgetInteractionComponent } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
 import { AnimationSpeed, usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
 import { TitledPromptCarousel } from "@envive-ai/react-toolkit-v3/TitledPromptCarousel";
 
 //#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.tsx

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.cjs

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
 const require_ChatPreviewComparisonWidget = require('../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs');
-const require_ChatPreviewWidget = require('../ChatPreviewWidget/ChatPreviewWidget.cjs');
 const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
+const require_ChatPreviewWidget = require('../ChatPreviewWidget/ChatPreviewWidget.cjs');
 const require_TypingAnimationWidget = require('../TypingAnimationWidget/TypingAnimationWidget.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
 
 //#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.tsx

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

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

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

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

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.js

@@ -1,10 +1,10 @@
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
 import { ChatPreviewComparisonWidgetWithBaseWidget } from "../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js";
-import { ChatPreviewWidgetWithBaseWidget } from "../ChatPreviewWidget/ChatPreviewWidget.js";
 import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
+import { ChatPreviewWidgetWithBaseWidget } from "../ChatPreviewWidget/ChatPreviewWidget.js";
 import { TypingAnimationWithBaseWidget } from "../TypingAnimationWidget/TypingAnimationWidget.js";
-import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { jsx } from "react/jsx-runtime";
 import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
 
 //#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.tsx

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.cjs

@@ -2,18 +2,17 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.cjs');
 const require_functions = require('../utils/functions.cjs');
-let react = require("react");
-let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
-let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let jotai = require("jotai");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
 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_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
+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_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
-let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
 let __envive_ai_react_toolkit_v3_TypingAnimation = require("@envive-ai/react-toolkit-v3/TypingAnimation");
 let __envive_ai_react_toolkit_v3_WidgetWrapper = require("@envive-ai/react-toolkit-v3/WidgetWrapper");
@@ -31,7 +30,7 @@ const mockAnimatedTextSequence = ["..."];
 const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
-	const onToggle = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_chatState.chatOnToggleAtom);
+	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const { hardcopyContent, widgetConfig, uiConfig, isLoading } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
 	const headlineText = hardcopyContent?.values?.headlineText || "";
@@ -74,16 +73,16 @@ const TypingAnimationWidgetHandler = (props) => {
 			userTyped: false,
 			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
-		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
 		onPromptClicked(text);
 	}, [
 		hardcopyContent,
 		trackEvent,
 		onTypedMessageSubmitted,
-		onToggle
+		openChat
 	]);
 	const handleTextFieldClick = (0, react.useCallback)(() => {
-		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
 		trackWidgetInteraction({
 			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
 			trigger: {
@@ -91,7 +90,7 @@ const TypingAnimationWidgetHandler = (props) => {
 				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.QUERY_INPUT_CLICKED
 			}
 		});
-	}, [onToggle]);
+	}, [openChat]);
 	const handleTranscriptionStarted = (0, react.useCallback)(() => {
 		trackWidgetInteraction({
 			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.js

@@ -1,18 +1,17 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
 import { getStringIdForText } from "../utils/functions.js";
-import { useCallback } from "react";
-import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
-import { jsx } from "react/jsx-runtime";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { useSetAtom } from "jotai";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 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 { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
+import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
 import { PromptCarouselRows, usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
-import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
-import { chatOnToggleAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
 import { PromptButtonVariant } from "@envive-ai/react-toolkit-v3/PromptButton/types";
 import { TypingAnimation } from "@envive-ai/react-toolkit-v3/TypingAnimation";
 import { WidgetWrapperVariant } from "@envive-ai/react-toolkit-v3/WidgetWrapper";
@@ -30,7 +29,7 @@ const mockAnimatedTextSequence = ["..."];
 const mockHintText = "Ask me anything";
 const TypingAnimationWidgetHandler = (props) => {
 	const { onTypedMessageSubmitted } = useSalesAgent();
-	const onToggle = useSetAtom(chatOnToggleAtom);
+	const { openChat } = useChatToggle();
 	const { hardcopyContent, widgetConfig, uiConfig, isLoading } = props;
 	const titleLabel = hardcopyContent?.values?.titleLabel || "";
 	const headlineText = hardcopyContent?.values?.headlineText || "";
@@ -73,16 +72,16 @@ const TypingAnimationWidgetHandler = (props) => {
 			userTyped: false,
 			displayLocation: ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
-		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
+		openChat(ChatElementDisplayLocationV3.TYPING_ANIMATION);
 		onPromptClicked(text);
 	}, [
 		hardcopyContent,
 		trackEvent,
 		onTypedMessageSubmitted,
-		onToggle
+		openChat
 	]);
 	const handleTextFieldClick = useCallback(() => {
-		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
+		openChat(ChatElementDisplayLocationV3.TYPING_ANIMATION);
 		trackWidgetInteraction({
 			eventName: EnviveMetricsEventName.WidgetInteraction,
 			trigger: {
@@ -90,7 +89,7 @@ const TypingAnimationWidgetHandler = (props) => {
 				widget_interaction: WidgetInteractionType.QUERY_INPUT_CLICKED
 			}
 		});
-	}, [onToggle]);
+	}, [openChat]);
 	const handleTranscriptionStarted = useCallback(() => {
 		trackWidgetInteraction({
 			eventName: EnviveMetricsEventName.WidgetInteraction,

package/dist/widgets/hooks/useGetWidgetStatus.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_functions = require('../utils/functions.cjs');
-let react = require("react");
-let jotai = require("jotai");
 let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let jotai = require("jotai");
+let react = require("react");
 let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
 
 //#region src/widgets/hooks/useGetWidgetStatus.tsx

package/dist/widgets/hooks/useGetWidgetStatus.js

@@ -1,7 +1,7 @@
 import { isLoading, isProductComparison, userHasInteracted, userHasNotInteracted } from "../utils/functions.js";
-import { useMemo } from "react";
-import { useAtomValue } from "jotai";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { useAtomValue } from "jotai";
+import { useMemo } from "react";
 import { responseStreamingAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
 
 //#region src/widgets/hooks/useGetWidgetStatus.tsx

package/dist/widgets/utils/functions.cjs

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-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_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_atoms_atomStore = require("@envive-ai/react-hooks/atoms/atomStore");
 
 //#region src/widgets/utils/functions.ts

package/dist/widgets/utils/functions.js

@@ -1,5 +1,5 @@
-import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { MessageRole, MessageType } from "@envive-ai/react-hooks/application/models";
 import { getAtomStore } from "@envive-ai/react-hooks/atoms/atomStore";
 
 //#region src/widgets/utils/functions.ts

package/package.json

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

package/src/widgets/FloatingChatWidget/FloatingChatWidget.tsx

@@ -80,10 +80,13 @@ const CXButtonProvider = ({
 interface FloatingChatWidgetHandlerProps extends BaseWidgetProps {
   previewButtonOnly?: boolean;
   previewChatAlwaysOpen?: boolean;
+  previewCXButtonsEnabled?: boolean;
+  previewDisclaimer?: boolean;
 }
 
 const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
-  const { previewButtonOnly, previewChatAlwaysOpen } = props;
+  const { previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } =
+    props;
   const salesAgentData = useSalesAgent();
   const { trackWidgetInteraction } = useWidgetInteraction();
   const { userHasInteractedValue } = useGetWidgetStatus();
@@ -205,7 +208,7 @@ const FloatingChatWidgetHandler = (props: FloatingChatWidgetHandlerProps) => {
                   hardcopyContent={hardcopyContent}
                   floatingChatConfig={uiConfig?.floatingChat ?? ({} as FloatingChatConfig)}
                   lookAndFeelConfig={modifiedLookAndFeelConfig ?? ({} as LookAndFeelConfig)}
-                  isCXButtonSwitchEnabled={!!isSwitchEnabled?.()}
+                  isCXButtonSwitchEnabled={previewCXButtonsEnabled ? true : !!isSwitchEnabled?.()}
                   isFloatingChatOpen={effectiveIsOpen}
                   onToggleCXButton={toggle}
                   debugBar={<DebugBar />}
@@ -271,11 +274,15 @@ const FloatingChatWidgetWithBaseWidget = withBaseWidget<FloatingChatWidgetHandle
 export interface FloatingChatWidgetProps {
   previewButtonOnly?: boolean;
   previewChatAlwaysOpen?: boolean;
+  previewCXButtonsEnabled?: boolean;
+  previewDisclaimer?: boolean;
 }
 
 export const FloatingChatWidget = ({
   previewButtonOnly,
   previewChatAlwaysOpen,
+  previewCXButtonsEnabled,
+  previewDisclaimer,
 }: FloatingChatWidgetProps = {}) => {
   return (
     <FloatingChatWidgetWithBaseWidget
@@ -283,6 +290,8 @@ export const FloatingChatWidget = ({
       widgetConfigId="fake-widget-config-id"
       previewButtonOnly={previewButtonOnly}
       previewChatAlwaysOpen={previewChatAlwaysOpen}
+      previewCXButtonsEnabled={previewCXButtonsEnabled}
+      previewDisclaimer={previewDisclaimer}
     />
   );
 };

package/src/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.ts

@@ -2,7 +2,7 @@ import { FeatureGates } from '@envive-ai/react-hooks/application/models';
 import { variantInfoAtom } from '@envive-ai/react-hooks/atoms/app';
 import { featureFlagServiceAtom } from '@envive-ai/react-hooks/atoms/org';
 import { FloatingButtonShow } from '@envive-ai/react-toolkit-v3/FloatingButton';
-import { useAtom, useAtomValue } from 'jotai';
+import { useAtomValue } from 'jotai';
 import { useMemo } from 'react';
 
 export interface UseFloatingButtonVisibilityProps {
@@ -22,7 +22,7 @@ export const useFloatingButtonVisibility = ({
   userHasInteracted,
 }: UseFloatingButtonVisibilityProps): UseFloatingButtonVisibilityReturn => {
   const featureFlagService = useAtomValue(featureFlagServiceAtom);
-  const [variantInfo] = useAtom(variantInfoAtom);
+  const variantInfo = useAtomValue(variantInfoAtom);
 
   const internalfloatingButtonShowConfig =
     variantInfo.floatingButtonOverride ?? floatingButtonShowConfig;

package/src/widgets/TypingAnimationWidget/TypingAnimationWidget.tsx

@@ -2,7 +2,6 @@ import {
   ChatElementDisplayLocationV3,
   FeatureGates,
 } from '@envive-ai/react-hooks/application/models';
-import { chatOnToggleAtom } from '@envive-ai/react-hooks/atoms/chat/chatState';
 import {
   EnviveMetricsEventName,
   useAmplitude,
@@ -25,7 +24,7 @@ import {
 } from '@envive-ai/react-toolkit-v3/PromptCarousel';
 import { TypingAnimation } from '@envive-ai/react-toolkit-v3/TypingAnimation';
 import { WidgetWrapperVariant } from '@envive-ai/react-toolkit-v3/WidgetWrapper';
-import { useSetAtom } from 'jotai';
+import { useChatToggle } from '@envive-ai/react-hooks/hooks/ChatToggle';
 import { useCallback } from 'react';
 import { BaseWidgetProps, withBaseWidget } from '../../hocs/withBaseWidget';
 import { RawValues, getStringIdForText } from '../utils/functions';
@@ -44,7 +43,7 @@ const mockHintText = 'Ask me anything';
 
 const TypingAnimationWidgetHandler = (props: BaseWidgetProps) => {
   const { onTypedMessageSubmitted } = useSalesAgent();
-  const onToggle = useSetAtom(chatOnToggleAtom);
+  const { openChat } = useChatToggle();
 
   const { hardcopyContent, widgetConfig, uiConfig, isLoading } = props;
 
@@ -110,14 +109,14 @@ const TypingAnimationWidgetHandler = (props: BaseWidgetProps) => {
         userTyped: false,
         displayLocation: ChatElementDisplayLocationV3.TYPING_ANIMATION,
       });
-      onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
+      openChat(ChatElementDisplayLocationV3.TYPING_ANIMATION);
       onPromptClicked(text);
     },
-    [hardcopyContent, trackEvent, onTypedMessageSubmitted, onToggle],
+    [hardcopyContent, trackEvent, onTypedMessageSubmitted, openChat],
   );
 
   const handleTextFieldClick = useCallback(() => {
-    onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
+    openChat(ChatElementDisplayLocationV3.TYPING_ANIMATION);
     trackWidgetInteraction({
       eventName: EnviveMetricsEventName.WidgetInteraction,
       trigger: {
@@ -125,7 +124,7 @@ const TypingAnimationWidgetHandler = (props: BaseWidgetProps) => {
         widget_interaction: WidgetInteractionType.QUERY_INPUT_CLICKED,
       },
     });
-  }, [onToggle]);
+  }, [openChat]);
 
   const handleTranscriptionStarted = useCallback(() => {
     trackWidgetInteraction({