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

package/dist/hooks/dist/services/amplitudeService/eventNames.d.cts

@@ -1,43 +0,0 @@
-//#region ../hooks/dist/services/amplitudeService/eventNames.d.ts
-//#region src/services/amplitudeService/eventNames.d.ts
-/**
- * Event name enums for Amplitude tracking.
- *
- * NOTE: This file exists separately to avoid circular dependency issues.
- * The amplitudeService imports from ga4ProjectionService, which needs these enums.
- * By keeping the enums in a separate file, ga4ProjectionService can import them
- * without creating a circular dependency with amplitudeService.
- */
-declare enum SpiffyMetricsEventName {
-  BundleLoaded = "Bundle Loaded",
-  EnvironmentInitialized = "Environment Initialized",
-  ChatLiveAgentBtnClick = "Chat Live Agent Btn Click",
-  ChatFloatingButtonVisible = "Chat Floating Button Visible",
-  ChatComponentVisible = "Chat Component Visible",
-  ChatComponentExpanded = "Chat Component Expanded",
-  ChatComponentCollapsed = "Chat Component Collapsed",
-  ChatUserMessageInput = "Chat User Message Input",
-  ChatSuggestionClicked = "Chat Suggestion Clicked",
-  ChatAssistantResponse = "Chat Assistant Response",
-  ProductCardClicked = "Product Card Clicked",
-  ProductReviewCardClicked = "Product Review Card Clicked",
-  AddToCartClicked = "Add To Cart Clicked",
-  PromptCardClicked = "Prompt Card Clicked",
-  SupportedEvent = "Supported Event",
-  SearchBackToResponseClicked = "Search Back to Response Clicked",
-  PerformanceMetrics = "Performance Metrics",
-  SearchBarClicked = "Search Bar Clicked",
-  OrderLookupStarted = "Order Lookup Started",
-  OrderLookupFormSubmitted = "Order Lookup Form Submitted",
-  SearchComponentVisible = "Search Component Visible",
-  SearchZeroStateSuggestionClicked = "Search Zero State Suggestion Clicked",
-  SearchInputStarted = "Search Input Started",
-  SearchQuerySubmitted = "Search Query Submitted",
-  SearchResultsViewed = "Search Results Viewed",
-  SearchTimeToFirstClick = "Search Time to First Click",
-  SearchZeroResultsRate = "Search Zero Results Rate",
-  SearchFilterClicked = "Search Filter Clicked",
-  SearchSortClicked = "Search Sort Clicked",
-}
-//#endregion
-export { SpiffyMetricsEventName };

package/dist/packages/hooks/dist/contexts/amplitudeContext/amplitudeContext.d.ts

@@ -1,2 +0,0 @@
-import "../../services/amplitudeService/amplitudeService.js";
-import React from "react";

package/dist/packages/hooks/dist/contexts/amplitudeContext/index.d.ts

@@ -1,2 +0,0 @@
-import { SpiffyMetricsEventName } from "../../services/amplitudeService/eventNames.js";
-import "./amplitudeContext.js";

package/dist/packages/hooks/dist/contexts/featureFlagServiceContext/featureFlagServiceContext.d.ts

@@ -1,2 +0,0 @@
-import "../../application/models/api/orgConfigResults.js";
-import React from "react";

package/dist/packages/hooks/dist/services/amplitudeService/amplitudeService.d.ts

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

package/dist/packages/hooks/dist/services/amplitudeService/eventNames.d.ts

@@ -1,43 +0,0 @@
-//#region ../hooks/dist/services/amplitudeService/eventNames.d.ts
-//#region src/services/amplitudeService/eventNames.d.ts
-/**
- * Event name enums for Amplitude tracking.
- *
- * NOTE: This file exists separately to avoid circular dependency issues.
- * The amplitudeService imports from ga4ProjectionService, which needs these enums.
- * By keeping the enums in a separate file, ga4ProjectionService can import them
- * without creating a circular dependency with amplitudeService.
- */
-declare enum SpiffyMetricsEventName {
-  BundleLoaded = "Bundle Loaded",
-  EnvironmentInitialized = "Environment Initialized",
-  ChatLiveAgentBtnClick = "Chat Live Agent Btn Click",
-  ChatFloatingButtonVisible = "Chat Floating Button Visible",
-  ChatComponentVisible = "Chat Component Visible",
-  ChatComponentExpanded = "Chat Component Expanded",
-  ChatComponentCollapsed = "Chat Component Collapsed",
-  ChatUserMessageInput = "Chat User Message Input",
-  ChatSuggestionClicked = "Chat Suggestion Clicked",
-  ChatAssistantResponse = "Chat Assistant Response",
-  ProductCardClicked = "Product Card Clicked",
-  ProductReviewCardClicked = "Product Review Card Clicked",
-  AddToCartClicked = "Add To Cart Clicked",
-  PromptCardClicked = "Prompt Card Clicked",
-  SupportedEvent = "Supported Event",
-  SearchBackToResponseClicked = "Search Back to Response Clicked",
-  PerformanceMetrics = "Performance Metrics",
-  SearchBarClicked = "Search Bar Clicked",
-  OrderLookupStarted = "Order Lookup Started",
-  OrderLookupFormSubmitted = "Order Lookup Form Submitted",
-  SearchComponentVisible = "Search Component Visible",
-  SearchZeroStateSuggestionClicked = "Search Zero State Suggestion Clicked",
-  SearchInputStarted = "Search Input Started",
-  SearchQuerySubmitted = "Search Query Submitted",
-  SearchResultsViewed = "Search Results Viewed",
-  SearchTimeToFirstClick = "Search Time to First Click",
-  SearchZeroResultsRate = "Search Zero Results Rate",
-  SearchFilterClicked = "Search Filter Clicked",
-  SearchSortClicked = "Search Sort Clicked",
-}
-//#endregion
-export { SpiffyMetricsEventName };

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

@@ -1,10 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1,63 +0,0 @@
-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

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

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

@@ -1,23 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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

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

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

@@ -1,84 +0,0 @@
-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 BEACON_CONTAINER_ID = 'beacon-container';
-export const useHelpScoutUnifiedCXButton = ({ onSwitchToAgent, suppressMerchantButton, }) => {
-    const beaconContainer = useElementObserver(SelectorFactory.id(BEACON_CONTAINER_ID));
-    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
-    const toggle = () => {
-        onSwitchToAgent();
-        // Try using the Help Scout Beacon API first
-        if (typeof window.Beacon !== 'undefined') {
-            window.Beacon('open');
-        }
-        else {
-            // Fallback: Find and click the FAB button
-            const container = document.getElementById(BEACON_CONTAINER_ID);
-            const fabButton = container?.querySelector('.BeaconFabButtonFrame');
-            if (fabButton) {
-                fabButton.style.display = '';
-                fabButton.click();
-            }
-        }
-        if (suppressMerchantButton) {
-            enviveFloatingButton.hide();
-        }
-    };
-    const isHelpScoutButtonEnabled = () => {
-        // Check for the main Help Scout Beacon container
-        const beaconContainerEl = document.getElementById('beacon-container');
-        if (!beaconContainerEl)
-            return false;
-        // Check for the FAB button (Floating Action Button) or the global Beacon API
-        const fabButton = beaconContainerEl.querySelector('.BeaconFabButtonFrame');
-        const hasBeaconAPI = typeof window.Beacon !== 'undefined';
-        return !!(fabButton || hasBeaconAPI);
-    };
-    const isSwitchEnabled = () => isHelpScoutButtonEnabled();
-    // Hide Help Scout FAB button when beacon container is added
-    beaconContainer.onAdd(() => {
-        if (suppressMerchantButton) {
-            const fabButton = document
-                .getElementById(BEACON_CONTAINER_ID)
-                ?.querySelector('.BeaconFabButtonFrame');
-            if (fabButton) {
-                fabButton.style.display = 'none';
-            }
-            enviveFloatingButton.show();
-        }
-    });
-    // Observe the beacon container for visibility changes
-    // Help Scout Beacon adds/removes classes to show/hide the widget
-    beaconContainer.onChange(el => {
-        if (el && suppressMerchantButton) {
-            // Check if the BeaconContainer widget is open
-            const beaconWidget = el.querySelector('.BeaconContainer');
-            const fabButton = el.querySelector('.BeaconFabButtonFrame');
-            if (beaconWidget && fabButton) {
-                const { classList } = beaconWidget;
-                // When beacon is open (has enter-done class)
-                if (classList.contains('BeaconContainer-enter-done') ||
-                    classList.contains('BeaconContainer-enter-active')) {
-                    fabButton.style.display = '';
-                    enviveFloatingButton.hide();
-                }
-                // When beacon is closed (has exit class)
-                if (classList.contains('BeaconContainer-exit') ||
-                    classList.contains('BeaconContainer-exit-active')) {
-                    fabButton.style.display = 'none';
-                    enviveFloatingButton.show();
-                }
-            }
-        }
-    });
-    // Cleanup when container is removed
-    beaconContainer.onRemove(() => {
-        if (suppressMerchantButton) {
-            enviveFloatingButton.show();
-        }
-    });
-    return {
-        toggle,
-        isSwitchEnabled,
-    };
-};

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

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

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

@@ -1,86 +0,0 @@
-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 useKustomerUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }) => {
-    const kustomerButton = useElementObserver(SelectorFactory.chain('id|kustomer-ui-sdk-iframe @ query|div[role="button"]'));
-    const kustomerNotification = useElementObserver(SelectorFactory.chain('id|kustomer-ui-sdk-iframe @ query|div[class^="unread__unread"]'));
-    const kustomerWidgetRoot = useElementObserver(SelectorFactory.chain('id|kustomer-ui-sdk-iframe @ id|root'));
-    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
-    const toggle = () => {
-        onSwitchToAgent();
-        enviveFloatingButton.hide();
-        kustomerButton.show();
-        kustomerButton.fire('click');
-    };
-    const isKustomerButtonEnabled = () => {
-        const kustomerButtonElement = document.getElementById('kustomer-ui-sdk-iframe')?.contentWindow?.document.getElementById('root')?.children?.length;
-        return !!kustomerButtonElement;
-    };
-    const isSwitchEnabled = () => isKustomerButtonEnabled();
-    kustomerButton.onAdd(() => {
-        if (suppressMerchantButton) {
-            kustomerButton.hide();
-        }
-    });
-    kustomerNotification.onAdd(() => {
-        if (suppressMerchantButton) {
-            kustomerNotification.hide();
-        }
-    });
-    kustomerWidgetRoot.onChange(async (el) => {
-        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'))) {
-                onCXClose?.();
-                enviveFloatingButton.show();
-                if (suppressMerchantButton) {
-                    kustomerButton.hide();
-                    kustomerNotification.hide();
-                }
-            }
-        }
-    });
-    const observer = new MutationObserver(() => {
-        const iframe = document.getElementById('kustomer-ui-sdk-iframe');
-        const button = iframe.contentWindow?.document.querySelector('div[role="button"]');
-        const notification = iframe.contentWindow?.document.querySelector('div[class^="unread__unread"]');
-        if (button && suppressMerchantButton) {
-            button.setAttribute('style', 'display: none;');
-        }
-        if (notification && suppressMerchantButton) {
-            notification.setAttribute('style', 'display: none;');
-        }
-    });
-    const kustomerIframe = document.getElementById('kustomer-ui-sdk-iframe');
-    if (kustomerIframe?.contentWindow?.document) {
-        observer.observe(kustomerIframe.contentWindow?.document, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    const removeUnifiedCXButton = () => {
-        kustomerButton.show();
-        kustomerNotification.show();
-        // Ensure that we are displaying the buttons when we are removing the unified CX button
-        const iframe = document.getElementById('kustomer-ui-sdk-iframe');
-        const button = iframe.contentWindow?.document.querySelector('div[role="button"]');
-        const notification = iframe.contentWindow?.document.querySelector('div[class^="unread__unread"]');
-        if (button) {
-            button.setAttribute('style', 'display: block;');
-        }
-        if (notification) {
-            notification.setAttribute('style', 'display: block;');
-        }
-    };
-    return {
-        toggle,
-        removeUnifiedCXButton,
-        isSwitchEnabled,
-    };
-};

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

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

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

@@ -1,59 +0,0 @@
-import { useRef } from 'react';
-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 TIMEOUT = 700;
-const REDO_CHAT_CONTAINER_SELECTOR = 'redo-chat-widget';
-const REDO_CHAT_MODAL_SELECTOR = 'id|redo-chat-widget @ query|div > div';
-const REDO_BUTTON_SELECTOR = 'id|redo-chat-widget @ query|div[data-target=supp-chat-bubble]';
-export const useReDoUnifiedCXButton = ({ onSwitchToAgent, onCXClose, suppressMerchantButton, }) => {
-    const chatContainer = useElementObserver(SelectorFactory.id(REDO_CHAT_CONTAINER_SELECTOR));
-    const chatModal = useElementObserver(SelectorFactory.chain(REDO_CHAT_MODAL_SELECTOR));
-    const chatButton = useElementObserver(SelectorFactory.chain(REDO_BUTTON_SELECTOR));
-    const applyCSSTimeout = useRef(undefined);
-    const enviveFloatingButton = useElementObserver(SelectorFactory.id(FLOATING_BUTTON_ID));
-    const toggle = () => {
-        onSwitchToAgent();
-        chatButton.show();
-        chatButton.fire('click');
-        enviveFloatingButton.hide();
-    };
-    const isReDoButtonEnabled = () => !!SelectorFactory.chain(REDO_BUTTON_SELECTOR).parse();
-    const isSwitchEnabled = () => isReDoButtonEnabled();
-    const hideReDoButtonCSS = (el) => {
-        const shadowRootEl = el?.shadowRoot;
-        if (!shadowRootEl) {
-            return;
-        }
-        const sheet = new CSSStyleSheet();
-        sheet.replaceSync(`
-      div[data-target=supp-chat-bubble] {
-        display: none;
-      }
-    `);
-        shadowRootEl.adoptedStyleSheets.push(sheet);
-        enviveFloatingButton.show();
-    };
-    chatButton.onAdd(() => {
-        if (suppressMerchantButton) {
-            hideReDoButtonCSS(chatContainer.targetNode);
-        }
-    });
-    chatContainer.onAdd(el => {
-        if (suppressMerchantButton) {
-            hideReDoButtonCSS(el);
-        }
-    });
-    chatModal.onChange(() => {
-        if (suppressMerchantButton) {
-            clearTimeout(applyCSSTimeout.current);
-            applyCSSTimeout.current = setTimeout(() => {
-                hideReDoButtonCSS(chatContainer.targetNode);
-            }, TIMEOUT);
-        }
-    });
-    return {
-        toggle,
-        isSwitchEnabled,
-    };
-};

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

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