@envive-ai/react-widgets-v3 0.3.10 → 0.3.12

package/dist/widgets/SocialProofWidget/SocialProofWidget.js

@@ -5,14 +5,14 @@ import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/con
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useAtomValue, useSetAtom } from "jotai";
-import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
-import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
-import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
 import { lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { ChatElementDisplayLocationV3, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
 import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
+import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
+import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
 import { PageVariant, SocialProof, WidgetKind } from "@envive-ai/react-toolkit-v3/SocialProof";
 
 //#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
@@ -67,14 +67,16 @@ const SocialProofWidgetHandler = (props) => {
 	const handlePrimaryButtonClick = useCallback((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);
 	const handleSecondaryButtonClick = useCallback((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON
 		});
 		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
 	}, [onTypedMessageSubmitted, openChat]);

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.cjs

@@ -5,9 +5,9 @@ let react = require("react");
 let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_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_toolkit_v3_TitledPromptCarousel = require("@envive-ai/react-toolkit-v3/TitledPromptCarousel");
 
@@ -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({
@@ -58,7 +58,8 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 		handleButtonClick: (0, react.useCallback)((text) => {
 			onTypedMessageSubmitted({
 				query: text,
-				userTyped: false
+				userTyped: false,
+				displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL
 			});
 			openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
 		}, [onTypedMessageSubmitted, openChat]),

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

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

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.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/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.ts
 interface TitledPromptCarouselWidgetProps {
@@ -7,7 +7,7 @@ interface TitledPromptCarouselWidgetProps {
 declare const TitledPromptCarouselWidget: {
   ({
     widgetConfigId
-  }: TitledPromptCarouselWidgetProps): react_jsx_runtime3.JSX.Element;
+  }: TitledPromptCarouselWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -4,9 +4,9 @@ import { useCallback, useEffect } from "react";
 import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { TitledPromptCarousel } from "@envive-ai/react-toolkit-v3/TitledPromptCarousel";
 
@@ -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({
@@ -57,7 +57,8 @@ const TitledPromptCarouselWidgetHandler = (props) => {
 		handleButtonClick: useCallback((text) => {
 			onTypedMessageSubmitted({
 				query: text,
-				userTyped: false
+				userTyped: false,
+				displayLocation: ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL
 			});
 			openChat(ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
 		}, [onTypedMessageSubmitted, openChat]),

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

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.cjs

@@ -6,8 +6,8 @@ let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/reac
 let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let jotai = require("jotai");
-let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+let __envive_ai_react_hooks_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_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
 let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
@@ -56,7 +56,8 @@ const TypingAnimationWidgetHandler = (props) => {
 	const handleButtonClick = (0, react.useCallback)((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
 		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onTypedMessageSubmitted, onToggle]);

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

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.js

@@ -5,8 +5,8 @@ import { SpiffyMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/con
 import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useSetAtom } from "jotai";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
 import { PromptCarouselRows } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { chatOnToggleAtom } from "@envive-ai/react-hooks/atoms/chat/chatState";
 import { PromptButtonVariant } from "@envive-ai/react-toolkit-v3/PromptButton/types";
@@ -55,7 +55,8 @@ const TypingAnimationWidgetHandler = (props) => {
 	const handleButtonClick = useCallback((text) => {
 		onTypedMessageSubmitted({
 			query: text,
-			userTyped: false
+			userTyped: false,
+			displayLocation: ChatElementDisplayLocationV3.TYPING_ANIMATION
 		});
 		onToggle(ChatElementDisplayLocationV3.TYPING_ANIMATION);
 	}, [onTypedMessageSubmitted, onToggle]);

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/dist/widgets-v2/SearchResults/index.d.ts

@@ -1,4 +1,4 @@
-import { SearchResultsWidget } from "../../widgets/dist/SearchResults/SearchResultsWidget.js";
-import { SearchResults } from "../../widgets/dist/SearchResults/SearchResults.js";
-import "../../widgets/dist/SearchResults/index.js";
+import { SearchResultsWidget } from "../../packages/widgets/dist/SearchResults/SearchResultsWidget.js";
+import { SearchResults } from "../../packages/widgets/dist/SearchResults/SearchResults.js";
+import "../../packages/widgets/dist/SearchResults/index.js";
 export { SearchResults, SearchResultsWidget };

package/dist/widgets-v2/SearchZeroState/index.d.ts

@@ -1,5 +1,5 @@
-import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "../../widgets/dist/SearchZeroState/types.js";
-import { SearchZeroState } from "../../widgets/dist/SearchZeroState/SearchZeroState.js";
-import { SearchZeroStateWidget } from "../../widgets/dist/SearchZeroState/SearchZeroStateWidget.js";
-import "../../widgets/dist/SearchZeroState/index.js";
+import { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroStateProps } from "../../packages/widgets/dist/SearchZeroState/types.js";
+import { SearchZeroState } from "../../packages/widgets/dist/SearchZeroState/SearchZeroState.js";
+import { SearchZeroStateWidget } from "../../packages/widgets/dist/SearchZeroState/SearchZeroStateWidget.js";
+import "../../packages/widgets/dist/SearchZeroState/index.js";
 export { SearchEntryPointWidgetConfig, SearchInputVariant, SearchZeroState, SearchZeroStateProps, SearchZeroStateWidget };

package/dist/widgets-v2/SuggestionBar/index.d.ts

@@ -1,4 +1,4 @@
-import { SuggestionBarLocationForMetrics } from "../../widgets/dist/SuggestionBar/types.js";
-import { SuggestionBar } from "../../widgets/dist/SuggestionBar/SuggestionBar.js";
-import "../../widgets/dist/SuggestionBar/index.js";
+import { SuggestionBarLocationForMetrics } from "../../packages/widgets/dist/SuggestionBar/types.js";
+import { SuggestionBar } from "../../packages/widgets/dist/SuggestionBar/SuggestionBar.js";
+import "../../packages/widgets/dist/SuggestionBar/index.js";
 export { SuggestionBar, SuggestionBarLocationForMetrics };

package/dist/widgets-v2/SuggestionButtonContainer/index.d.ts

@@ -1,3 +1,3 @@
-import { SuggestionButtonContainerProps } from "../../widgets/dist/SuggestionButtonContainer/types.js";
-import { SuggestionButtonContainer } from "../../widgets/dist/SuggestionButtonContainer/SuggestionButtonContainer.js";
+import { SuggestionButtonContainerProps } from "../../packages/widgets/dist/SuggestionButtonContainer/types.js";
+import { SuggestionButtonContainer } from "../../packages/widgets/dist/SuggestionButtonContainer/SuggestionButtonContainer.js";
 export { SuggestionButtonContainer, SuggestionButtonContainerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-widgets-v3",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "React widget library v3 for Envive services.",
   "keywords": [
     "react",
@@ -120,6 +120,10 @@
       "import": "./dist/widgets/FloatingChatWidget/index.js",
       "require": "./dist/widgets/FloatingChatWidget/index.cjs"
     },
+    "./widgets/FullPageSalesAgentWidget": {
+      "import": "./dist/widgets/FullPageSalesAgentWidget/index.js",
+      "require": "./dist/widgets/FullPageSalesAgentWidget/index.cjs"
+    },
     "./widgets/ProductCardWidget": {
       "import": "./dist/widgets/ProductCardWidget/index.js",
       "require": "./dist/widgets/ProductCardWidget/index.cjs"

package/src/CXIntegration/hooks/useUnifiedCXButton.ts

@@ -9,7 +9,8 @@ interface UseUnifiedCXButtonProps {
   enabled: boolean;
   provider: CustomerServiceType;
   suppressMerchantButton?: boolean;
-  onSwitchToAgent?: () => void;
+  onSwitchToAgent: () => void;
+  onCXClose?: () => void;
 }
 
 export const useUnifiedCXButton = ({
@@ -17,6 +18,7 @@ export const useUnifiedCXButton = ({
   provider = CustomerServiceType.unsupported,
   suppressMerchantButton = false,
   onSwitchToAgent,
+  onCXClose,
 }: UseUnifiedCXButtonProps): UnifiedCXButton | undefined => {
   const { isSupported } = usePage();
   const hasParsedVariantInfo = useAtomValue(hasParsedVariantInfoAtom);
@@ -25,6 +27,7 @@ export const useUnifiedCXButton = ({
 
   const selectedCustomerService = customerService({
     onSwitchToAgent,
+    onCXClose,
     suppressMerchantButton,
   });
 

package/src/CXIntegration/implementations/useGladlyUnifiedCXButton.ts

@@ -1,3 +1,6 @@
+import { SelectorFactory } from '@envive-ai/react-hooks/application/utils';
+import { useElementObserver } from '@envive-ai/react-hooks/hooks/ElementObserver';
+import { FLOATING_BUTTON_ID } from '../../widgets/FloatingChatWidget/constants';
 import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
 
 interface UseGladlyUnifiedCXButtonProps extends CustomerServiceImplProps {}
@@ -6,9 +9,11 @@ export const useGladlyUnifiedCXButton = ({
   onSwitchToAgent,
 }: UseGladlyUnifiedCXButtonProps): UnifiedCXButton => {
   const gladlyButton = document.querySelector('[data-aid*="gladlyChatChatButton"]');
+  const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
 
   const toggle = () => {
     onSwitchToAgent();
+    enviveFloatingButton.hide();
     if (gladlyButton && gladlyButton instanceof HTMLElement) {
       gladlyButton.click();
     }

package/src/CXIntegration/implementations/useGorgiasUnifiedCXButton.ts

@@ -11,6 +11,7 @@ interface UseGorgiasUnifiedCXButtonProps extends CustomerServiceImplProps {}
 
 export const useGorgiasUnifiedCXButton = ({
   onSwitchToAgent,
+  onCXClose,
   suppressMerchantButton,
 }: UseGorgiasUnifiedCXButtonProps): UnifiedCXButton => {
   const chatWindow = useElementObserver(SelectorFactory.id(CHAT_WINDOW_ID));
@@ -22,10 +23,7 @@ export const useGorgiasUnifiedCXButton = ({
     onSwitchToAgent();
     chatButton.show();
     trigger.fire('click');
-
-    if (suppressMerchantButton) {
-      enviveFloatingButton.hide();
-    }
+    enviveFloatingButton.hide();
   };
 
   const isSwitchEnabled = () => !!SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
@@ -38,23 +36,28 @@ export const useGorgiasUnifiedCXButton = ({
   });
 
   chatWindow.onAdd(el => {
-    if (el && suppressMerchantButton) {
+    if (el) {
       const styles = window.getComputedStyle(el);
       const chatWindowDisplay = styles.getPropertyValue('display');
       const chatButtonDisplay = chatButton.targetNode?.style.display;
 
       if (chatWindowDisplay === 'block' && chatButtonDisplay === 'none') {
-        chatButton.show();
+        if (suppressMerchantButton) {
+          chatButton.show();
+        }
         enviveFloatingButton.hide();
       }
     }
   });
 
   chatWindow.onChange(el => {
-    if (el && suppressMerchantButton) {
+    if (el) {
       const styles = window.getComputedStyle(el);
       if (styles.getPropertyValue('display') === 'none') {
-        chatButton.hide();
+        onCXClose?.();
+        if (suppressMerchantButton) {
+          chatButton.hide();
+        }
         enviveFloatingButton.show();
       }
     }

package/src/CXIntegration/implementations/useGrooveUnifiedCXButton.ts

@@ -22,6 +22,7 @@ interface UseGrooveUnifiedCXButtonProps extends CustomerServiceImplProps {}
 
 export const useGrooveUnifiedCXButton = ({
   onSwitchToAgent,
+  onCXClose,
   suppressMerchantButton,
 }: UseGrooveUnifiedCXButtonProps): UnifiedCXButton => {
   const grooveChatContainer = useElementObserver(
@@ -32,10 +33,7 @@ export const useGrooveUnifiedCXButton = ({
   const previousIsOpenRef = useRef<boolean | undefined>(undefined);
 
   const toggle = () => {
-    if (suppressMerchantButton) {
-      enviveFloatingButton.hide();
-    }
-
+    enviveFloatingButton.hide();
     onSwitchToAgent();
     if (windowGrooveWidget) {
       windowGrooveWidget.open();
@@ -48,30 +46,29 @@ export const useGrooveUnifiedCXButton = ({
 
   const hideEnviveFloatingButton = () => {
     enviveFloatingButton.hide();
-    if (windowGrooveWidget) {
+    if (suppressMerchantButton && windowGrooveWidget) {
       windowGrooveWidget.open();
     }
   };
 
   const showEnviveFloatingButton = () => {
+    onCXClose?.();
     enviveFloatingButton.show();
-    if (windowGrooveWidget) {
+    if (suppressMerchantButton && windowGrooveWidget) {
       windowGrooveWidget.close();
     }
   };
 
   grooveChatContainer.onChange(() => {
-    if (suppressMerchantButton) {
-      const isOpen = windowGrooveWidget?.shim.isOpen;
+    const isOpen = windowGrooveWidget?.shim.isOpen;
 
-      if (isOpen !== previousIsOpenRef.current) {
-        previousIsOpenRef.current = isOpen;
+    if (isOpen !== previousIsOpenRef.current) {
+      previousIsOpenRef.current = isOpen;
 
-        if (isOpen) {
-          hideEnviveFloatingButton();
-        } else {
-          showEnviveFloatingButton();
-        }
+      if (isOpen) {
+        hideEnviveFloatingButton();
+      } else {
+        showEnviveFloatingButton();
       }
     }
   });

package/src/CXIntegration/implementations/useKustomerUnifiedCXButton.ts

@@ -7,6 +7,7 @@ interface UseKustomerUnifiedCXButtonProps extends CustomerServiceImplProps {}
 
 export const useKustomerUnifiedCXButton = ({
   onSwitchToAgent,
+  onCXClose,
   suppressMerchantButton,
 }: UseKustomerUnifiedCXButtonProps): UnifiedCXButton => {
   const kustomerButton = useElementObserver(
@@ -24,9 +25,7 @@ export const useKustomerUnifiedCXButton = ({
 
   const toggle = () => {
     onSwitchToAgent();
-    if (suppressMerchantButton) {
-      enviveFloatingButton.hide();
-    }
+    enviveFloatingButton.hide();
     kustomerButton.show();
     kustomerButton.fire('click');
   };
@@ -53,16 +52,17 @@ export const useKustomerUnifiedCXButton = ({
   });
 
   kustomerWidgetRoot.onChange(async el => {
-    if (suppressMerchantButton) {
-      for (const child of el?.children || []) {
-        if ([...child.classList].some(cls => cls.includes('widget__widgetWrapper'))) {
-          enviveFloatingButton.hide();
+    for (const child of el?.children || []) {
+      if ([...child.classList].some(cls => cls.includes('widget__widgetWrapper'))) {
+        enviveFloatingButton.hide();
+        if (suppressMerchantButton) {
           kustomerButton.show();
           kustomerNotification.show();
-        } else if (
-          [...child.classList].some(cls => cls.includes('chatRootIcon__chatIconWrapper'))
-        ) {
-          enviveFloatingButton.show();
+        }
+      } else if ([...child.classList].some(cls => cls.includes('chatRootIcon__chatIconWrapper'))) {
+        onCXClose?.();
+        enviveFloatingButton.show();
+        if (suppressMerchantButton) {
           kustomerButton.hide();
           kustomerNotification.hide();
         }

package/src/CXIntegration/implementations/useReDoUnifiedCXButton.ts

@@ -13,6 +13,7 @@ interface UseReDoUnifiedCXButtonProps extends CustomerServiceImplProps {}
 
 export const useReDoUnifiedCXButton = ({
   onSwitchToAgent,
+  onCXClose,
   suppressMerchantButton,
 }: UseReDoUnifiedCXButtonProps): UnifiedCXButton => {
   const chatContainer = useElementObserver(SelectorFactory.id(REDO_CHAT_CONTAINER_SELECTOR));
@@ -25,10 +26,7 @@ export const useReDoUnifiedCXButton = ({
     onSwitchToAgent();
     chatButton.show();
     chatButton.fire('click');
-
-    if (suppressMerchantButton) {
-      enviveFloatingButton.hide();
-    }
+    enviveFloatingButton.hide();
   };
 
   const isReDoButtonEnabled = () => !!SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();

package/src/CXIntegration/implementations/useRichpanelUnifiedCXButton.ts

@@ -7,6 +7,7 @@ interface UseRichpanelUnifiedCXButtonProps extends CustomerServiceImplProps {}
 
 export const useRichpanelUnifiedCXButton = ({
   onSwitchToAgent,
+  onCXClose,
   suppressMerchantButton,
 }: UseRichpanelUnifiedCXButtonProps): UnifiedCXButton => {
   const chatWindow = useElementObserver(
@@ -21,21 +22,16 @@ export const useRichpanelUnifiedCXButton = ({
   const toggle = () => {
     chatWindow.show();
     onSwitchToAgent();
+    enviveFloatingButton.hide();
 
     if (chatButton) {
       chatButton.show();
       chatButton.fire('click');
-      if (suppressMerchantButton) {
-        enviveFloatingButton.hide();
-      }
     }
 
     if (chatAlternativeButton) {
       chatAlternativeButton.show();
       chatAlternativeButton.fire('click');
-      if (suppressMerchantButton) {
-        enviveFloatingButton.hide();
-      }
     }
   };
 
@@ -62,16 +58,19 @@ export const useRichpanelUnifiedCXButton = ({
   });
 
   chatWindow.onChange(el => {
-    if (el && suppressMerchantButton) {
+    if (el) {
       const { classList } = el;
       if (classList.contains('opened')) {
         enviveFloatingButton.hide();
         chatWindow.show();
       } else if (classList.length === 1 && classList.contains('rp-messenger-container')) {
+        onCXClose?.();
         enviveFloatingButton.show();
-        chatButton.hide();
-        chatAlternativeButton.hide();
-        chatWindow.hide();
+        if (suppressMerchantButton) {
+          chatButton.hide();
+          chatAlternativeButton.hide();
+          chatWindow.hide();
+        }
       }
     }
   });