@envive-ai/react-hooks 0.2.6-alpha-marlo.0 → 0.2.6-alpha-arthur-4

package/src/events/event-types.ts

@@ -1,11 +0,0 @@
-export enum SpiffyEvent {
-  AMPLITUDE_EVENT = 'SPIFFY_AMPLITUDE_EVENT',
-  APP_INITIALIZED = 'SPIFFY_APP_INITIALIZED',
-  CALL_MERCHANT_APP = 'SPIFFY_CALL_MERCHANT_APP',
-  MOUNTING_MERCHANT_APP = 'SPIFFY_MOUNTING_MERCHANT_APP',
-  CHAT_FACTORY_INITIALIZED = 'SPIFFY_CHAT_FACTORY_INITIALIZED',
-  FLOATING_CHAT_RENDERING = 'SPIFFY_FLOATING_CHAT_RENDERING',
-  FLOATING_CHAT_NOT_RENDERING = 'SPIFFY_FLOATING_CHAT_NOT_RENDERING',
-  FLOATING_CHAT_BUTTON_RENDERING = 'SPIFFY_FLOATING_CHAT_BUTTON_RENDERING',
-  SHADOW_DOM_CONTAINER_READY = 'SPIFFY_SHADOW_DOM_CONTAINER_READY',
-}

package/src/hooks/FloatingButtonVisibility/index.ts

@@ -1 +0,0 @@
-export * from './useFloatingButtonVisibility';

package/src/hooks/FloatingButtonVisibility/useFloatingButtonVisibility.ts

@@ -1,99 +0,0 @@
-import { useState, useRef, useEffect } from "react";
-import { isElementPartiallyVisible } from "../utils";
-import { useAtomValue } from "jotai";
-import { isGlobalSearchOpenAtom, isSearchResultsOpenAtom } from "src/atoms/globalSearch";
-import { useScroll } from "framer-motion";
-
-export const useFloatingButtonVisibility = (
-  floatingBtnRef: React.RefObject<HTMLDivElement>,
-  spiffyPreviewRefs?: React.MutableRefObject<HTMLElement[]>,
-  ATCComponentRef?: React.RefObject<HTMLDivElement>,
-  isRight?: boolean,
-  expandable?: boolean
-) => {
-  const { scrollYProgress } = useScroll();
-  const [scrollDirection, setScrollDirection] = useState<'up' | 'down'>();
-  const prevScrollY = useRef(scrollYProgress.get());
-  const isGlobalSearchOpen = useAtomValue(isGlobalSearchOpenAtom);
-  const isSearchResultsOpen = useAtomValue(isSearchResultsOpenAtom);
-
-  const isOverSpiffyPreview = (): boolean => {
-    const floatingBtn = floatingBtnRef.current;
-    if (!floatingBtn) return false;
-
-    return spiffyPreviewRefs?.current?.some((ref) => {
-      if (!ref) return false;
-
-      const floatingBtnRect = floatingBtn.getBoundingClientRect();
-      const spiffyPreviewRefRect = ref.getBoundingClientRect();
-
-      const horizontalOverlap = isRight
-        ? floatingBtnRect.right > spiffyPreviewRefRect.left &&
-        floatingBtnRect.left < spiffyPreviewRefRect.right + 180
-        : floatingBtnRect.left < spiffyPreviewRefRect.right &&
-        floatingBtnRect.right > spiffyPreviewRefRect.left - 180;
-
-      const verticalOverlap =
-        floatingBtnRect.top < spiffyPreviewRefRect.bottom &&
-        floatingBtnRect.bottom > spiffyPreviewRefRect.top;
-
-      return horizontalOverlap && verticalOverlap;
-    }) ?? false;
-  };
-
-  const showFloatingButton = () => {
-    if (!expandable || !floatingBtnRef.current) return;
-    floatingBtnRef.current.style.transform = 'translateX(0)';
-  };
-
-  const hideFloatingButton = () => {
-    if (!expandable || !floatingBtnRef.current) return;
-    floatingBtnRef.current.style.transform = isRight
-      ? 'translateX(80px)'
-      : 'translateX(-80px)';
-  };
-
-  // Scroll handling
-  useEffect(() => {
-    const unsubscribe = scrollYProgress.onChange((current: number) => {
-      setScrollDirection(current > prevScrollY.current ? 'down' : 'up');
-      prevScrollY.current = current;
-
-      if (spiffyPreviewRefs?.current?.length) {
-        const isOver = isOverSpiffyPreview();
-        const isATCVisible = isElementPartiallyVisible(ATCComponentRef?.current);
-
-        if (isOver || isATCVisible || isGlobalSearchOpen || isSearchResultsOpen) {
-          hideFloatingButton();
-        } else {
-          showFloatingButton();
-        }
-      }
-    });
-
-    return () => scrollYProgress.clearListeners();
-  }, [scrollYProgress, spiffyPreviewRefs, isGlobalSearchOpen, isSearchResultsOpen]);
-
-  // ATC visibility handling
-  useEffect(() => {
-    const notifyAction = () => {
-      const isVisible = isElementPartiallyVisible(ATCComponentRef?.current);
-      isVisible ? hideFloatingButton() : showFloatingButton();
-    };
-
-    ATCComponentRef?.current?.addEventListener('transitionend', notifyAction);
-    return () => ATCComponentRef?.current?.removeEventListener('transitionend', notifyAction);
-  }, [ATCComponentRef?.current]);
-
-  // Global search visibility
-  useEffect(() => {
-    if (isGlobalSearchOpen || isSearchResultsOpen) {
-      hideFloatingButton();
-    } else {
-      showFloatingButton();
-    }
-  }, [isGlobalSearchOpen, isSearchResultsOpen]);
-
-  return { scrollDirection };
-};
-

package/src/hooks/LastInteraction/index.ts

@@ -1 +0,0 @@
-export * from './useLastInteraction';

package/src/hooks/LastInteraction/useLastInteraction.ts

@@ -1,42 +0,0 @@
-import { useState, useEffect } from "react";
-import { Message } from "src/application/models";
-import { useLocalStorage } from "src/contexts/localStorageContext";
-
-const LAST_INTERACTION_KEY = 'v1-spiffy-last-interaction';
-
-// Custom hook for last interaction tracking
-export const useLastInteraction = (
-  isChatOpen: boolean,
-  messages: Message[][],
-  setHover: (state: boolean) => void
-) => {
-  const { setItem, getItem } = useLocalStorage();
-  const [lastInteraction, setLastInteraction] = useState<Date | null>(null);
-
-  useEffect(() => {
-    if (lastInteraction || isChatOpen) {
-      const currentTime = new Date();
-      setLastInteraction(currentTime);
-      setItem(LAST_INTERACTION_KEY, currentTime.toISOString());
-    }
-
-    setHover(isChatOpen);
-  }, [isChatOpen]);
-
-  useEffect(() => {
-    if (!lastInteraction) return;
-
-    const lastInteractionString = getItem('spiffy-last-interaction');
-
-    if (lastInteractionString && lastInteractionString !== lastInteraction.toISOString()) {
-      const lastInteractionTime = new Date(lastInteractionString);
-      if (lastInteractionTime > lastInteraction) {
-        setLastInteraction(lastInteractionTime);
-      } else {
-        setItem(LAST_INTERACTION_KEY, lastInteraction.toISOString());
-      }
-    }
-  }, [messages.length]);
-
-  return lastInteraction;
-};

package/src/interceptors/types.ts

@@ -1,6 +0,0 @@
-import { Response } from 'src/application/models';
-
-export interface MessageInterceptor {
-  execute: (response: Response) => void | Promise<void>;
-  blockExecution: () => boolean;
-}

package/src/merchants/domInsertion.ts

@@ -1,30 +0,0 @@
-enum DOMInsertionType {
-  AFTER = "after",
-  BEFORE = "before",
-  ADJACENT_AFTER_BEGIN = "adjacent-after-begin",
-  ADJACENT_BEFORE_BEGIN = "adjacent-before-begin",
-  ADJACENT_AFTER_END = "adjacent-after-end",
-  ADJACENT_BEFORE_END = "adjacent-before-end",
-  APPEND_CHILD = "append-child",
-  NONE = "none",
-}
-
-export const DOMInsertionTypeToInsertPosition = (
-  type: DOMInsertionType
-): InsertPosition => {
-  switch (type) {
-    case DOMInsertionType.ADJACENT_AFTER_BEGIN:
-      return "afterbegin";
-    case DOMInsertionType.BEFORE:
-    case DOMInsertionType.ADJACENT_BEFORE_BEGIN:
-      return "beforebegin";
-    case DOMInsertionType.ADJACENT_BEFORE_END:
-      return "beforeend";
-    case DOMInsertionType.AFTER:
-    case DOMInsertionType.ADJACENT_AFTER_END:
-    default:
-      return "afterend";
-  }
-};
-
-export { DOMInsertionType };

package/src/merchants/gridInsertion.ts

@@ -1,19 +0,0 @@
-enum GridInsertionType {
-  FIXED_1 = "fixed-1",
-  FIXED_2 = "fixed-2",
-  FIXED_3 = "fixed-3",
-  FIXED_4 = "fixed-4",
-  FIXED_5 = "fixed-5",
-  FIXED_6 = "fixed-6",
-  FIXED_7 = "fixed-7",
-  FIXED_8 = "fixed-8",
-  FIXED_9 = "fixed-9",
-  FIXED_12 = "fixed-12",
-  FIXED_13 = "fixed-13",
-  ROW_1 = "row-1",
-  ROW_2 = "row-2",
-  ROW_3 = "row-3",
-  ROW_4 = "row-4",
-}
-
-export { GridInsertionType };

package/src/types/config-versions.ts

@@ -1,6 +0,0 @@
-import { getQueryParam } from "src/application/utils/urlsParser";
-
-export const configVersion = () =>
-  getQueryParam("spiffy_config_version") ||
-  getQueryParam("envive_config_version") ||
-  "deployed";

package/src/types/customerService.ts

@@ -1,31 +0,0 @@
-import { CustomerServiceProvider } from "@spiffy-ai/commerce-api-client";
-
-export enum CustomerServiceType {
-  shopify = "shopify",
-  gorgias = "gorgias",
-  kustomer = "kustomer",
-  groove = "groove",
-  tidio = "tidio",
-  zowie = "zowie",
-  redo = "redo",
-  gladly = "gladly",
-  richpanel = "richpanel",
-  zendesk = "zendesk",
-  unsupported = "unsupported",
-}
-export enum CustomerServiceIntegrationMode {
-  none = "none",
-  simple = "simple",
-  full = "full",
-}
-
-export interface CustomerServiceIntegration {
-  provider: CustomerServiceProvider;
-  supportedIntegrationModes: CustomerServiceIntegrationMode[];
-  allowFileUpload?: boolean;
-  maxfileUploadSize?: number;
-  // TODO: Remove this method when migrating other providers to the new unified CX button.
-  onSwitchToAgent: () => void;
-  isEnabled: () => boolean;
-  isBusinessHours: (apiKey?: string, apiEndpoint?: string) => Promise<boolean>;
-}

package/src/types/custservice-types.ts

@@ -1,28 +0,0 @@
-import { CustServiceMessage } from '@spiffy-ai/commerce-api-client';
-
-export enum ChatState {
-  INITIAL = 'initial',
-  FORM = 'form',
-  CHAT = 'chat',
-}
-
-export type OutsideHoursFormData = {
-  subject: string;
-  name?: string;
-  email: string;
-  question: string;
-};
-
-export type Message = CustServiceMessage;
-
-export enum CustomerServiceOverrides {
-  LEGAL_MESSAGE = 'spiffy-customer-service-legal-message',
-  DARK_BUTTON_CONTAINER = 'spiffy-customer-service-dark-button-container',
-  DARK_BUTTON = 'spiffy-customer-service-dark-button',
-  DARK_BUTTON_HOVER_TEXT = 'spiffy-customer-service-dark-button-hover-text',
-  DARK_BUTTON_TEXT = 'spiffy-customer-service-dark-button-text',
-  FORM_FIELD = 'spiffy-customer-service-form-field',
-  AI_NAME = 'spiffy-customer-service-ai-name',
-  WAITING_MESSAGE = 'spiffy-customer-service-waiting-message',
-  WAITING_MESSAGE_ICON = 'spiffy-customer-service-waiting-message-icon'
-}

package/src/types/floatingbuttonoverrides-types.ts

@@ -1,10 +0,0 @@
-export enum FloatingButtonOverrides {
-  FLOATING_BUTTON_POSITION_CLASS = 'spiffy-floating-button-position',
-  FLOATING_BUTTON_ROOT = 'spiffy-floating-button',
-  FLOATING_BUTTON_CHILD_CONTAINER = 'spiffy-floating-button-child-container',
-  FLOATING_BUTTON_ICON_CONTAINER = 'spiffy-floating-button-icon-container',
-  FLOATING_BUTTON_TEXT_CONTAINER = 'spiffy-floating-button-text-container',
-  FLOATING_BUTTON_TEXT = 'spiffy-floating-button-text',
-  FLOATING_BUTTON_EXPANDED = 'spiffy-floating-button-expanded',
-  FLOATING_BUTTON_COLLAPSED = 'spiffy-floating-button-collapsed',
-}

package/src/types/search-filter-types.ts

@@ -1,111 +0,0 @@
-export type ModalSheetProps = {
-  children: React.ReactNode;
-  isOpen: boolean;
-  closeModal: () => void;
-  desktopWidth?: number;
-  mobileFullHeight?: number;
-  animationDuration?: number;
-  headerProps: ModalSheetHeaderProps;
-  footerProps?: ModalSheetFooterProps;
-  showOverlay?: boolean;
-};
-
-export type ModalSheetHeaderProps = {
-  headerVariant?: ModalSheetHeaderVariant;
-  headerContent: React.ReactNode;
-  handleHeaderClick?: () => void;
-};
-
-export type ModalSheetFooterProps = {
-  footerContent: React.ReactNode;
-  footerClassName?: string;
-};
-
-export type ModalSheetHeaderVariant = "primary";
-
-export type CloseIconVariant = "light" | "tertiary" | "dark";
-export type ModalSheetCloseIconProps = {
-  closeIconVariant: CloseIconVariant;
-  closeIcon?: React.ReactNode;
-  closeModal?: () => void;
-  iconSize?: string;
-};
-
-export type SearchFilterProps = {
-  filters: SearchFilterDatum[];
-  selectFilterItem: SelectFilterItem;
-  clearAllFilters: () => void;
-  productCount: number;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-  headerContent?: React.ReactNode;
-  footerContent?: React.ReactNode;
-  filterButtonText?: string; // New prop for custom button text
-  headerClassName?: string;
-  radioButtonFillColor: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-
-export type SelectFilterItem = ({
-  filterId,
-  filterItemId,
-  isSelected,
-  displayName,
-}: {
-  filterId: string;
-  filterItemId: string;
-  isSelected: boolean;
-  displayName: string;
-}) => void;
-
-export type SelectedFilterItemDatum = {
-  filterId: string;
-  filterItemId: string;
-};
-
-export type SearchFilterDatum = {
-  filterId: string;
-  displayName: string;
-  items: SearchFilterItemDatum[];
-};
-
-export type SearchFilterItemDatum = {
-  filterItemId: string;
-  displayName: string;
-  productCount: number;
-  isSelected: boolean;
-};
-
-export type SearchFilterHeaderProps = {
-  closeModal: () => void;
-  productCount: number;
-  headerClassName: string;
-  filterCloseIconVariant: CloseIconVariant;
-};
-
-export type FilterProps = {
-  filter: SearchFilterDatum;
-  selectFilterItem: SelectFilterItem;
-  radioButtonFillColor?: string;
-  radioButtonHoverColor?: string;
-  radioButtonUncheckedBorderColor?: string;
-};
-
-export type FilterItemProps = {
-  filterId: string;
-  filterItem: SearchFilterItemDatum;
-  selectFilterItem: SelectFilterItem;
-};
-
-export type FilterFooterProps = {
-  closeModal: () => void;
-  clearAllFilters: () => void;
-  filterCount: number;
-  hasFiltersChanged: boolean;
-  applyFiltersUnchangedClasses: string;
-  applyFiltersChangedClasses: string;
-};

package/src/types/suggestionBarV2-types.ts

@@ -1,4 +0,0 @@
-export enum SuggestionBarLocationForMetrics {
-    SUGGESTION_BAR_TOP = 'top',
-    SUGGESTION_BAR_BOTTOM = 'bottom'
-}

package/src/types/test-types.ts

@@ -1,3 +0,0 @@
-export interface TestProps {
-  dataTestId?: string;
-}

package/src/types.ts

@@ -1,27 +0,0 @@
-/* eslint-disable  @typescript-eslint/no-explicit-any */
-
-import { VariantInfo } from "./application/models";
-import { OrgPageConfig } from "./contexts/types";
-
-export type OrgInfo = {
-  name: string;
-  domain: string;
-  defaultProductId: string;
-  alwaysEnabledMerchants: boolean;
-  orgPageConfig?: () => OrgPageConfig;
-};
-
-type SpiffyInit = {
-  init: (apiKey: string, variantInfo?: VariantInfo) => Promise<boolean>;
-};
-
-declare global {
-  interface Window {
-    [key: string]: SpiffyInit;
-    _spiffy: {
-      selectedCustomizeOption?: string;
-    };
-  }
-}
-
-export {};