@envive-ai/react-widgets-v3 0.3.14 → 0.3.15-alpha.1

package/dist/packages/widgets/dist/packages/hooks/dist/application/models/utilityTypes/splitWords.d.ts

@@ -0,0 +1,35 @@
+import { IsLowerCase, IsNumeric, IsUpperCase, WordSeparators } from "./internal.js";
+
+//#region ../widgets/dist/packages/hooks/dist/application/models/utilityTypes/splitWords.d.ts
+
+//#region ../hooks/dist/application/models/utilityTypes/splitWords.d.ts
+//#region src/application/models/utilityTypes/splitWords.d.ts
+type SkipEmptyWord<Word extends string> = Word extends '' ? [] : [Word];
+type RemoveLastCharacter<Sentence extends string, Character extends string> = Sentence extends `${infer LeftSide}${Character}` ? SkipEmptyWord<LeftSide> : never;
+/**
+ * Split a string (almost) like Lodash's `_.words()` function.
+ *
+ * - Split on each word that begins with a capital letter.
+ * - Split on each {@link WordSeparators}.
+ * - Split on numeric sequence.
+ *
+ * @example
+ * ```
+ * type Words0 = SplitWords<'helloWorld'>; // ['hello', 'World']
+ * type Words1 = SplitWords<'helloWORLD'>; // ['hello', 'WORLD']
+ * type Words2 = SplitWords<'hello-world'>; // ['hello', 'world']
+ * type Words3 = SplitWords<'--hello the_world'>; // ['hello', 'the', 'world']
+ * type Words4 = SplitWords<'lifeIs42'>; // ['life', 'Is', '42']
+ * ```
+ *
+ * @internal
+ * @category Change case
+ * @category Template literal
+ */
+type SplitWords<Sentence extends string, LastCharacter extends string = '', CurrentWord extends string = ''> = Sentence extends `${infer FirstCharacter}${infer RemainingCharacters}` ? FirstCharacter extends WordSeparators ? [...SkipEmptyWord<CurrentWord>, ...SplitWords<RemainingCharacters>] : LastCharacter extends '' ? SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter> : [false, true] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>] ? [...SkipEmptyWord<CurrentWord>, ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>] : [true, false] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>] ? [...SkipEmptyWord<CurrentWord>, ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>] : [true, true] extends [IsNumeric<LastCharacter>, IsNumeric<FirstCharacter>] ? SplitWords<RemainingCharacters, FirstCharacter, `${CurrentWord}${FirstCharacter}`> : [true, true] extends [IsLowerCase<LastCharacter>, IsUpperCase<FirstCharacter>] ? [...SkipEmptyWord<CurrentWord>, ...SplitWords<RemainingCharacters, FirstCharacter, FirstCharacter>] : [true, true] extends [IsUpperCase<LastCharacter>, IsLowerCase<FirstCharacter>] ? [...RemoveLastCharacter<CurrentWord, LastCharacter>, ...SplitWords<RemainingCharacters, FirstCharacter, `${LastCharacter}${FirstCharacter}`>] : SplitWords<RemainingCharacters, FirstCharacter, `${CurrentWord}${FirstCharacter}`> : [...SkipEmptyWord<CurrentWord>];
+//#endregion
+
+//#endregion
+
+//#endregion
+export { SplitWords };

package/dist/packages/widgets/dist/packages/hooks/dist/application/models/utilityTypes/trim.d.ts

@@ -0,0 +1,32 @@
+import { Whitespace } from "./internal.js";
+
+//#region ../widgets/dist/packages/hooks/dist/application/models/utilityTypes/trim.d.ts
+
+//#region ../hooks/dist/application/models/utilityTypes/trim.d.ts
+//#region src/application/models/utilityTypes/trim.d.ts
+/**
+ * Remove spaces from the left side.
+ */
+type TrimLeft<V extends string> = V extends `${Whitespace}${infer R}` ? TrimLeft<R> : V;
+/**
+ * Remove spaces from the right side.
+ */
+type TrimRight<V extends string> = V extends `${infer R}${Whitespace}` ? TrimRight<R> : V;
+/**
+ * Remove leading and trailing spaces from a string.
+ * @example
+ * ```
+ * import type {Trim} from 'type-fest';
+ *
+ * Trim<' foo '>
+ * //=> 'foo'
+ * ```
+ *
+ * @category String
+ * @category Template literal
+ */
+type Trim<V extends string> = TrimLeft<TrimRight<V>>;
+//#endregion
+//#endregion
+//#endregion
+export { Trim };

package/dist/packages/widgets/dist/packages/hooks/dist/application/models/utilityTypes/unknownArray.d.ts

@@ -0,0 +1,32 @@
+//#region ../widgets/dist/packages/hooks/dist/application/models/utilityTypes/unknownArray.d.ts
+//#region ../hooks/dist/application/models/utilityTypes/unknownArray.d.ts
+//#region src/application/models/utilityTypes/unknownArray.d.ts
+/**
+ * Represents an array with `unknown` value.
+ *
+ * Use case: You want a type that all arrays can be assigned to, but you don't care about the value.
+ *
+ * @example
+ * ```
+ * import type {UnknownArray} from 'type-fest';
+ *
+ * type IsArray<T> = T extends UnknownArray ? true : false;
+ *
+ * type A = IsArray<['foo']>;
+ * //=> true
+ *
+ * type B = IsArray<readonly number[]>;
+ * //=> true
+ *
+ * type C = IsArray<string>;
+ * //=> false
+ * ```
+ *
+ * @category Type
+ * @category Array
+ */
+type UnknownArray = readonly unknown[];
+//#endregion
+//#endregion
+//#endregion
+export { UnknownArray };

package/dist/packages/widgets/dist/packages/hooks/dist/application/models/variantInfo/variantInfo.d.ts

@@ -0,0 +1 @@
+import "../../../contexts/types.js";

package/dist/packages/widgets/dist/packages/hooks/dist/atoms/search/searchAPI.d.ts

@@ -0,0 +1,15 @@
+import "jotai";
+
+//#region ../widgets/dist/packages/hooks/dist/atoms/search/searchAPI.d.ts
+
+//#region ../hooks/dist/atoms/search/searchAPI.d.ts
+//#region src/atoms/search/searchAPI.d.ts
+type SelectedFilterOption = {
+  id: string;
+  displayName: string;
+  filterId: string;
+  filterItemId: string;
+};
+//#endregion
+//#endregion
+export { SelectedFilterOption };

package/dist/packages/widgets/dist/packages/hooks/dist/contexts/hardcopyContext/hardcopyContext.d.ts

@@ -0,0 +1 @@
+import "react";

package/dist/packages/widgets/dist/packages/hooks/dist/contexts/types.d.ts

@@ -0,0 +1,63 @@
+import "./hardcopyContext/hardcopyContext.js";
+
+//#region ../widgets/dist/packages/hooks/dist/contexts/types.d.ts
+
+type ProductCardVariant = 'filled' | 'bordered' | 'minimal' | 'transparentBordered';
+type ProductCardHoverVariant = 'backgroundDark' | 'none';
+type ProductCardLayoutVariant = 'normal' | 'tall' | 'square';
+interface ProductCardConfig {
+  variant: ProductCardVariant;
+  hoverVariant: ProductCardHoverVariant;
+  layoutVariant: ProductCardLayoutVariant;
+  pricePrefix?: string;
+}
+type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
+interface SuggestionButtonConfig {
+  variant?: SuggestionButtonVariant;
+  hoverVariant?: SuggestionButtonVariant;
+  answerVariant?: SuggestionButtonVariant;
+  borderRadius?: 'sm' | 'md' | 'lg';
+}
+type SearchZeroStateVariant = 'backgroundTertiary' | 'backgroundDark' | 'backgroundPrimary';
+type SearchZeroStateLayout = 'input' | 'icon';
+type SearchInputVariant = 'standard';
+type SearchIconVariant = 'thin' | 'bold';
+declare enum WidgetType {
+  ChatPreview = "ChatPreview",
+  SocialProofV2 = "SocialProofV2",
+  ChatPreviewV2 = "ChatPreviewV2",
+  ChatPreviewIsLoading = "ChatPreviewIsLoading",
+  ChatPreviewPostInteraction = "ChatPreviewPostInteraction",
+  ChatPreviewProductComparison = "ChatPreviewProductComparison",
+  SuggestionBar = "SuggestionBar",
+  SuggestionBarV2 = "SuggestionBarV2",
+  ImagePromptCard = "ImagePromptCard",
+  ImageBanner = "ImageBanner",
+  SingleImagePrompt = "SingleImagePrompt",
+  SearchPrompt = "SearchPrompt",
+  SearchZeroStateEntryPoint = "SearchZeroStateEntryPoint",
+  SearchResultsEntryPoint = "SearchResultsEntryPoint",
+  SearchOverlayHost = "SearchOverlayHost",
+  NoOp = "NoOp",
+}
+interface BaseWidgetConfig<T extends WidgetType> {
+  widgetConfigId: string;
+  type: T;
+  contentId?: string;
+}
+interface SearchEntryPointWidgetConfig extends BaseWidgetConfig<WidgetType.SearchZeroStateEntryPoint> {
+  searchZeroStateVariant: SearchZeroStateVariant;
+  searchInputVariant: SearchInputVariant;
+  searchIconVariant?: SearchIconVariant;
+  searchIconSize?: number;
+  suggestionButtonConfig: SuggestionButtonConfig;
+  layout: SearchZeroStateLayout;
+  searchBoxPlaceholder: string;
+  animationSpeed?: 'standard' | 'slow' | 'none';
+  compactLabel?: string;
+  initialSuggestions?: string[];
+  usingPortal?: boolean;
+  includeSubtitle?: boolean;
+}
+//#endregion
+export { type ProductCardConfig, type SearchEntryPointWidgetConfig, SearchInputVariant, type SuggestionButtonVariant };

package/dist/packages/widgets/dist/packages/hooks/dist/hooks/Search/useSearch.d.ts

@@ -0,0 +1,60 @@
+import { SearchResponseProductAttributes } from "../../application/models/api/response.js";
+import { ProductCardConfig } from "../../contexts/types.js";
+import { SearchResult } from "../../application/models/api/search.js";
+import { SelectedFilterOption } from "../../atoms/search/searchAPI.js";
+import { SearchFilterDatum, SelectFilterItem } from "../../types/search-filter-types.js";
+import { SearchResultsState } from "../utils.js";
+import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+
+//#region ../widgets/dist/packages/hooks/dist/hooks/Search/useSearch.d.ts
+
+//#region ../hooks/dist/hooks/Search/useSearch.d.ts
+//#region src/hooks/Search/useSearch.d.ts
+interface SearchResultsHocProps {
+  searchData: SearchResult | null;
+  searchResponseId: string;
+  merchantShortName: string;
+  productCardConfig: ProductCardConfig;
+  productList: SearchResponseProduct[];
+  autocompleteResults: string[];
+  searchFilters: SearchFilterDatum[];
+  availableDynamicFilters: {
+    name: string;
+    displayName: string;
+  }[];
+  selectedFilterOptions: SelectedFilterOption[];
+  recommendedProducts: SearchResponseProductAttributes['attributes'][];
+  recommendedProductsHeading: string;
+  searchOverlayHeading: string;
+  searchText: string;
+  query: string;
+  searchResultsState: SearchResultsState;
+  isLoadingSearch: boolean;
+  isFilterOpen: boolean;
+  shouldShowAutocomplete: boolean;
+  focusedIndex: number;
+  focusedOptionId: string | undefined;
+  filterButtonText: string;
+  onSearchInputChange: (value: string) => void;
+  onSubmitSearch: () => void;
+  onAutocompleteSelect: (suggestion: string) => void;
+  onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onSearchInputFocus: () => void;
+  onSearchInputBlur: () => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
+  onSelectFilterItem: SelectFilterItem;
+  onRemoveFilter: (filter: SelectedFilterOption) => void;
+  onClearAllFilters: () => void;
+  setIsFilterOpen: (isFilterOpen: boolean) => void;
+  resetSearch: () => void;
+  searchResultsRef: React.RefObject<HTMLDivElement>;
+}
+//#endregion
+//#endregion
+export { SearchResultsHocProps };

package/dist/packages/widgets/dist/packages/hooks/dist/hooks/utils.d.ts

@@ -0,0 +1,13 @@
+import "../application/models/variantInfo/variantInfo.js";
+
+//#region ../widgets/dist/packages/hooks/dist/hooks/utils.d.ts
+
+//#region ../hooks/dist/hooks/utils.d.ts
+declare enum SearchResultsState {
+  Loading = 0,
+  Results = 1,
+  NoResults = 2,
+}
+//#endregion
+//#endregion
+export { SearchResultsState };

package/dist/packages/widgets/dist/packages/hooks/dist/types/OrgInfo.d.ts

@@ -0,0 +1 @@
+import "../contexts/types.js";

package/dist/packages/widgets/dist/packages/hooks/dist/types/index.d.ts

@@ -0,0 +1 @@
+import "./OrgInfo.js";

package/dist/packages/widgets/dist/packages/hooks/dist/types/search-filter-types.d.ts

@@ -0,0 +1,28 @@
+//#region ../widgets/dist/packages/hooks/dist/types/search-filter-types.d.ts
+//#region ../hooks/dist/types/search-filter-types.d.ts
+
+type SelectFilterItem = ({
+  filterId,
+  filterItemId,
+  isSelected,
+  displayName
+}: {
+  filterId: string;
+  filterItemId: string;
+  isSelected: boolean;
+  displayName: string;
+}) => void;
+type SearchFilterDatum = {
+  filterId: string;
+  displayName: string;
+  items: SearchFilterItemDatum[];
+};
+type SearchFilterItemDatum = {
+  filterItemId: string;
+  displayName: string;
+  productCount: number;
+  isSelected: boolean;
+};
+//#endregion
+//#endregion
+export { SearchFilterDatum, SelectFilterItem };

package/dist/packages/widgets/dist/packages/hooks/dist/types/test-types.d.ts

@@ -0,0 +1,10 @@
+//#region ../widgets/dist/packages/hooks/dist/types/test-types.d.ts
+//#region ../hooks/dist/types/test-types.d.ts
+//#region src/types/test-types.d.ts
+interface TestProps {
+  dataTestId?: string;
+}
+//#endregion
+//#endregion
+//#endregion
+export { TestProps };

package/dist/src/CXIntegration/hooks/useUnifiedCXButton.d.ts

@@ -0,0 +1,10 @@
+import { CustomerServiceType, UnifiedCXButton } from '../types';
+interface UseUnifiedCXButtonProps {
+    enabled: boolean;
+    provider: CustomerServiceType;
+    suppressMerchantButton?: boolean;
+    onSwitchToAgent: () => void;
+    onCXClose?: () => void;
+}
+export declare const useUnifiedCXButton: ({ enabled, provider, suppressMerchantButton, onSwitchToAgent, onCXClose, }: UseUnifiedCXButtonProps) => UnifiedCXButton | undefined;
+export {};

package/dist/src/CXIntegration/hooks/useUnifiedCXButton.js

@@ -0,0 +1,29 @@
+import { useAtomValue } from 'jotai';
+import { hasParsedVariantInfoAtom } from '@envive-ai/react-hooks/atoms/app';
+import { usePage } from '@envive-ai/react-hooks/contexts/pageContext';
+import { findCustomerServiceImpl } from '../utils/functions';
+import { CustomerServiceType } from '../types';
+export const useUnifiedCXButton = ({ enabled = false, provider = CustomerServiceType.unsupported, suppressMerchantButton = false, onSwitchToAgent, onCXClose, }) => {
+    const { isSupported } = usePage();
+    const hasParsedVariantInfo = useAtomValue(hasParsedVariantInfoAtom);
+    const customerService = findCustomerServiceImpl(provider);
+    const selectedCustomerService = customerService({
+        onSwitchToAgent,
+        onCXClose,
+        suppressMerchantButton,
+    });
+    if (!enabled)
+        return undefined;
+    if (suppressMerchantButton) {
+        const showUnifiedButton = hasParsedVariantInfo && isSupported;
+        if (!showUnifiedButton)
+            return undefined;
+    }
+    if (!selectedCustomerService.isSwitchEnabled() && !window?._spiffy?.selectedCustomizeOption) {
+        return undefined;
+    }
+    if (window?._spiffy?.selectedCustomizeOption && provider === CustomerServiceType.unsupported) {
+        return undefined;
+    }
+    return selectedCustomerService;
+};

package/dist/src/CXIntegration/implementations/useDefaultUnifiedCXButton.d.ts

@@ -0,0 +1,2 @@
+import { UnifiedCXButton } from '../types';
+export declare const useDefaultUnifiedCXButton: () => UnifiedCXButton;

package/dist/src/CXIntegration/implementations/useDefaultUnifiedCXButton.js

@@ -0,0 +1,6 @@
+export const useDefaultUnifiedCXButton = () => {
+    return {
+        toggle: () => { },
+        isSwitchEnabled: () => false,
+    };
+};

package/dist/src/CXIntegration/implementations/useEightByEightUnifiedCXButton.d.ts

@@ -0,0 +1,5 @@
+import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
+interface UseEightByEightUnifiedCXButtonProps extends CustomerServiceImplProps {
+}
+export declare const useEightByEightUnifiedCXButton: ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }: UseEightByEightUnifiedCXButtonProps) => UnifiedCXButton;
+export {};

package/dist/src/CXIntegration/implementations/useEightByEightUnifiedCXButton.js

@@ -0,0 +1,63 @@
+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';
+const EIGHT_BY_EIGHT_BUBBLE_SELECTOR = 'div[id^="__8x8-chat-button-container-script"]';
+const EIGHT_BY_EIGHT_BUTTON_SELECTOR = `${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="online"], ${EIGHT_BY_EIGHT_BUBBLE_SELECTOR} a[data-type="offline"]`;
+const EIGHT_BY_EIGHT_CHAT_WINDOW_SELECTOR = 'div.__8x8Chat-Container';
+export const useEightByEightUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }) => {
+    const eightByEightBubble = useElementObserver(SelectorFactory.query(EIGHT_BY_EIGHT_BUBBLE_SELECTOR));
+    const eightByEightChatWindow = useElementObserver(SelectorFactory.query(EIGHT_BY_EIGHT_CHAT_WINDOW_SELECTOR));
+    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+    const isEightByEightEnabled = () => !!document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+    const toggle = () => {
+        const button = document.querySelector(EIGHT_BY_EIGHT_BUTTON_SELECTOR);
+        if (!button) {
+            return;
+        }
+        onSwitchToAgent();
+        enviveFloatingButton.hide();
+        button.click();
+    };
+    const isSwitchEnabled = () => isEightByEightEnabled();
+    eightByEightBubble.onAdd(el => {
+        if (suppressMerchantButton && el) {
+            eightByEightBubble.hide();
+        }
+        enviveFloatingButton.show();
+    });
+    eightByEightBubble.onChange(el => {
+        if (!el || !suppressMerchantButton)
+            return;
+        const styles = window.getComputedStyle(el);
+        const display = styles.getPropertyValue('display');
+        if (display !== 'none') {
+            eightByEightBubble.hide();
+        }
+    });
+    eightByEightChatWindow.onChange(el => {
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const isOpen = rect.width > 50 && rect.height > 50;
+        if (isOpen) {
+            enviveFloatingButton.hide();
+            return;
+        }
+        onCXClose?.();
+        if (suppressMerchantButton) {
+            eightByEightBubble.hide();
+        }
+        enviveFloatingButton.show();
+    });
+    eightByEightChatWindow.onRemove(() => {
+        onCXClose?.();
+        if (suppressMerchantButton) {
+            eightByEightBubble.hide();
+        }
+        enviveFloatingButton.show();
+    });
+    return {
+        toggle,
+        isSwitchEnabled,
+    };
+};

package/dist/src/CXIntegration/implementations/useGladlyUnifiedCXButton.d.ts

@@ -0,0 +1,5 @@
+import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
+interface UseGladlyUnifiedCXButtonProps extends CustomerServiceImplProps {
+}
+export declare const useGladlyUnifiedCXButton: ({ onSwitchToAgent, }: UseGladlyUnifiedCXButtonProps) => UnifiedCXButton;
+export {};

package/dist/src/CXIntegration/implementations/useGladlyUnifiedCXButton.js

@@ -0,0 +1,23 @@
+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';
+export const useGladlyUnifiedCXButton = ({ onSwitchToAgent, }) => {
+    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();
+        }
+    };
+    const isGladlyButtonEnabled = () => {
+        const gladlyButtonElement = document.getElementById('gladlyChat_container');
+        return !!gladlyButtonElement;
+    };
+    const isSwitchEnabled = () => isGladlyButtonEnabled();
+    return {
+        toggle,
+        isSwitchEnabled,
+    };
+};

package/dist/src/CXIntegration/implementations/useGorgiasUnifiedCXButton.d.ts

@@ -0,0 +1,5 @@
+import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
+interface UseGorgiasUnifiedCXButtonProps extends CustomerServiceImplProps {
+}
+export declare const useGorgiasUnifiedCXButton: ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }: UseGorgiasUnifiedCXButtonProps) => UnifiedCXButton;
+export {};

package/dist/src/CXIntegration/implementations/useGorgiasUnifiedCXButton.js

@@ -0,0 +1,54 @@
+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';
+const CHAT_WINDOW_ID = 'chat-window';
+const CHAT_BUTTON_ID = 'chat-button';
+const GORGIAS_BUTTON_SELECTOR = 'id|chat-button @ id|gorgias-chat-messenger-button';
+export const useGorgiasUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }) => {
+    const chatWindow = useElementObserver(SelectorFactory.id(CHAT_WINDOW_ID));
+    const chatButton = useElementObserver(SelectorFactory.id(CHAT_BUTTON_ID));
+    const trigger = useElementObserver(SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR));
+    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+    const toggle = () => {
+        onSwitchToAgent();
+        chatButton.show();
+        trigger.fire('click');
+        enviveFloatingButton.hide();
+    };
+    const isSwitchEnabled = () => !!SelectorFactory.chain(GORGIAS_BUTTON_SELECTOR).parse();
+    chatButton.onAdd(() => {
+        if (suppressMerchantButton) {
+            chatButton.hide();
+            enviveFloatingButton.show();
+        }
+    });
+    chatWindow.onAdd(el => {
+        if (el) {
+            const styles = window.getComputedStyle(el);
+            const chatWindowDisplay = styles.getPropertyValue('display');
+            const chatButtonDisplay = chatButton.targetNode?.style.display;
+            if (chatWindowDisplay === 'block' && chatButtonDisplay === 'none') {
+                if (suppressMerchantButton) {
+                    chatButton.show();
+                }
+                enviveFloatingButton.hide();
+            }
+        }
+    });
+    chatWindow.onChange(el => {
+        if (el) {
+            const styles = window.getComputedStyle(el);
+            if (styles.getPropertyValue('display') === 'none') {
+                onCXClose?.();
+                if (suppressMerchantButton) {
+                    chatButton.hide();
+                }
+                enviveFloatingButton.show();
+            }
+        }
+    });
+    return {
+        toggle,
+        isSwitchEnabled,
+    };
+};

package/dist/src/CXIntegration/implementations/useGrooveUnifiedCXButton.d.ts

@@ -0,0 +1,18 @@
+import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
+declare global {
+    interface Window {
+        groove?: {
+            widget: {
+                open: () => void;
+                close: () => void;
+                shim: {
+                    isOpen: boolean;
+                };
+            };
+        };
+    }
+}
+interface UseGrooveUnifiedCXButtonProps extends CustomerServiceImplProps {
+}
+export declare const useGrooveUnifiedCXButton: ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }: UseGrooveUnifiedCXButtonProps) => UnifiedCXButton;
+export {};

package/dist/src/CXIntegration/implementations/useGrooveUnifiedCXButton.js

@@ -0,0 +1,48 @@
+import { SelectorFactory } from '@envive-ai/react-hooks/application/utils';
+import { useElementObserver } from '@envive-ai/react-hooks/hooks/ElementObserver';
+import { useRef } from 'react';
+import { FLOATING_BUTTON_ID } from '../../widgets/FloatingChatWidget/constants';
+export const useGrooveUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }) => {
+    const grooveChatContainer = useElementObserver(SelectorFactory.query('div[id*="groove-container"]'));
+    const windowGrooveWidget = window.groove?.widget;
+    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
+    const previousIsOpenRef = useRef(undefined);
+    const toggle = () => {
+        enviveFloatingButton.hide();
+        onSwitchToAgent();
+        if (windowGrooveWidget) {
+            windowGrooveWidget.open();
+        }
+    };
+    const isGrooveWidgetEnabled = () => !!windowGrooveWidget;
+    const isSwitchEnabled = () => isGrooveWidgetEnabled();
+    const hideEnviveFloatingButton = () => {
+        enviveFloatingButton.hide();
+        if (suppressMerchantButton && windowGrooveWidget) {
+            windowGrooveWidget.open();
+        }
+    };
+    const showEnviveFloatingButton = () => {
+        onCXClose?.();
+        enviveFloatingButton.show();
+        if (suppressMerchantButton && windowGrooveWidget) {
+            windowGrooveWidget.close();
+        }
+    };
+    grooveChatContainer.onChange(() => {
+        const isOpen = windowGrooveWidget?.shim.isOpen;
+        if (isOpen !== previousIsOpenRef.current) {
+            previousIsOpenRef.current = isOpen;
+            if (isOpen) {
+                hideEnviveFloatingButton();
+            }
+            else {
+                showEnviveFloatingButton();
+            }
+        }
+    });
+    return {
+        toggle,
+        isSwitchEnabled,
+    };
+};

package/dist/src/CXIntegration/implementations/useHelpScoutUnifiedCXButton.d.ts

@@ -0,0 +1,5 @@
+import { CustomerServiceImplProps, UnifiedCXButton } from '../types';
+interface UseHelpScoutUnifiedCXButtonProps extends CustomerServiceImplProps {
+}
+export declare const useHelpScoutUnifiedCXButton: ({ onSwitchToAgent, suppressMerchantButton, }: UseHelpScoutUnifiedCXButtonProps) => UnifiedCXButton;
+export {};