@envive-ai/react-hooks 0.2.6-alpha-arthur-2 → 0.2.6-alpha.11

package/src/hooks/utils.ts

@@ -1,15 +1,22 @@
-import { PLPAttributeCategory, UserEventCategory } from '@spiffy-ai/commerce-api-client';
-import { UserEvent, VariantInfo, SearchResult } from '@envive-ai/types';
-import { v4 as uuid } from 'uuid';
+import {
+  PLPAttributeCategory,
+  UserEventCategory,
+} from "@spiffy-ai/commerce-api-client";
+import { SearchResult } from "src/application/models/api/search";
+import { UserEvent, VariantInfo } from "src/application/models";
+import { v4 as uuid } from "uuid";
 
 export const isElementPartiallyVisible = (el?: HTMLDivElement | null) => {
   if (!el) return false;
 
   const rect = el.getBoundingClientRect();
-  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+  const windowHeight =
+    window.innerHeight || document.documentElement.clientHeight;
   const windowWidth = window.innerWidth || document.documentElement.clientWidth;
-  const verticallyVisible = Math.round(rect.top) < windowHeight && Math.round(rect.bottom) > 0;
-  const horizontallyVisible = Math.round(rect.left) < windowWidth && Math.round(rect.right) > 0;
+  const verticallyVisible =
+    Math.round(rect.top) < windowHeight && Math.round(rect.bottom) > 0;
+  const horizontallyVisible =
+    Math.round(rect.left) < windowWidth && Math.round(rect.right) > 0;
   return verticallyVisible && horizontallyVisible;
 };
 
@@ -25,21 +32,21 @@ export const createVisitUserEvent = ({
   variantInfo: VariantInfo;
 }): UserEvent | undefined => {
   // this is a pdp visit event
-  if (variantInfo.variant === 'pdp' && variantInfo.productId != null) {
+  if (variantInfo.variant === "pdp" && variantInfo.productId != null) {
     return {
       eventId: uuid(),
       createdAt: new Date().toISOString(),
       category: UserEventCategory.PdpVisit,
       attributes: {
         productId: variantInfo.productId,
-        parentProductId: variantInfo.parentProductId ?? '',
-        url: variantInfo.url ?? '',
+        parentProductId: variantInfo.parentProductId ?? "",
+        url: variantInfo.url ?? "",
       },
     };
   }
 
   // this is a plp visit event
-  if (variantInfo.variant === 'plp' && variantInfo.plpId != null) {
+  if (variantInfo.variant === "plp" && variantInfo.plpId != null) {
     return {
       eventId: uuid(),
       createdAt: new Date().toISOString(),
@@ -53,7 +60,7 @@ export const createVisitUserEvent = ({
     };
   }
 
-  if (variantInfo.variant === 'page_visit') {
+  if (variantInfo.variant === "page_visit") {
     return {
       eventId: uuid(),
       createdAt: new Date().toISOString(),
@@ -78,24 +85,27 @@ const parseTime = (time: string, timeZone: string) => {
 
     // Adjust hours for AM/PM
     let adjustedHours = 0;
-    if (period.toUpperCase() === 'PM' && hours !== '12') {
+    if (period.toUpperCase() === "PM" && hours !== "12") {
       adjustedHours = parseInt(hours) + 12;
     }
 
-    if (period.toUpperCase() === 'AM' && hours !== '12') {
+    if (period.toUpperCase() === "AM" && hours !== "12") {
       adjustedHours = parseInt(hours);
     }
 
     // Create the date string with time zone
-    const formattedDate = `${date.toISOString().split('T')[0]}T${String(adjustedHours).padStart(
-      2,
-      '0',
-    )}:${minutes}:00`;
+    const formattedDate = `${date.toISOString().split("T")[0]}T${String(
+      adjustedHours
+    ).padStart(2, "0")}:${minutes}:00`;
     return new Date(`${formattedDate}${timeZone}`);
   }
 };
 
-export const isWithinBusinessHours = (startTime: string, endTime: string, timeZone: string) => {
+export const isWithinBusinessHours = (
+  startTime: string,
+  endTime: string,
+  timeZone: string
+) => {
   // Parse start and end times
   const start = parseTime(startTime, timeZone);
   let end = parseTime(endTime, timeZone);
@@ -131,7 +141,7 @@ export enum SearchResultsState {
 
 export const getSearchResultsState = (
   isLoadingSearch: boolean,
-  searchData: SearchResult | null,
+  searchData: SearchResult | null
 ): SearchResultsState => {
   if (isLoadingSearch) {
     return SearchResultsState.Loading;

package/src/interceptors/index.ts

@@ -1 +1,2 @@
-export * from './useMessageInterceptor';
+export * from "./types";
+export * from "./useMessageInterceptor";

package/src/interceptors/types.ts

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

package/src/interceptors/useMessageInterceptor.ts

@@ -1,21 +1,17 @@
-import {} from "@spiffy-ai/commerce-api-client";
+import { FormType, ResponseCategory } from "@spiffy-ai/commerce-api-client";
 import { useMemo } from "react";
-import {
-  MessageInterceptor,
-  ApiFormType,
-  ApiResponseCategory,
-} from "@envive-ai/types";
-import { ApiResponse } from "src/types";
+import { Response } from "src/application/models";
+import { MessageInterceptor } from "./types";
 
 export const useMessageInterceptor = () => {
   const interceptorMap = useMemo(() => {
-    const interceptors = new Map<ApiFormType, MessageInterceptor>();
+    const interceptors = new Map<FormType, MessageInterceptor>();
     // Form escalation interceptor removed as per user instruction
     return interceptors;
   }, []);
 
-  const intercept = (response?: ApiResponse) => {
-    if (response?.category === ApiResponseCategory.Form) {
+  const intercept = (response?: Response) => {
+    if (response?.category === ResponseCategory.Form) {
       const formType = response.attributes.formCategory?.formType;
       if (formType) {
         const interceptor = interceptorMap.get(formType);

package/src/merchants/domInsertion.ts

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

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

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

package/src/types/customerService.ts

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

@@ -0,0 +1,28 @@
+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/{exceptions → types/exceptions}/unsupportedProductExceptions.ts

@@ -1,6 +1,6 @@
 export class UnsupportedProductException extends Error {
   constructor() {
     super('Unsupported product');
-    this.name = 'UnsupportedProductException';
+    this.name = 'UnsupportedProduct';
   }
-}
+}

package/src/types/floatingbuttonoverrides-types.ts

@@ -0,0 +1,10 @@
+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/index.ts

@@ -1,4 +1,5 @@
-export * from "./ApiResponse";
-export * from "./Message";
-export * from "./Suggestion";
-export * from "./FilterAttribute";
+export * from "./custservice-types";
+export * from "./search-filter-types";
+export * from "./suggestionBarV2-types";
+export * from "./test-types";
+export * from "./floatingbuttonoverrides-types"

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

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

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

package/src/types/test-types.ts

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

package/src/types.ts

@@ -0,0 +1,11 @@
+/* eslint-disable  @typescript-eslint/no-explicit-any */
+
+import { OrgPageConfig } from "./contexts/types";
+
+export type OrgInfo = {
+  name: string;
+  domain: string;
+  defaultProductId: string;
+  alwaysEnabledMerchants: boolean;
+  orgPageConfig?: () => OrgPageConfig;
+};

package/dist/AmplitudeOperations-6Y7GejD-.cjs

@@ -1,41 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_amplitudeContext = require('./amplitudeContext-CZXdr3HG.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-
-//#region src/hooks/AmplitudeOperations/useAmplitudeOperations.ts
-const useAmplitudeTracking = () => {
-	const { trackEvent, isReady } = require_amplitudeContext.useAmplitude();
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [error, setError] = (0, react.useState)(null);
-	return {
-		track: (0, react.useCallback)(async (eventName, eventProps) => {
-			if (!isReady) return;
-			setLoading(true);
-			setError(null);
-			try {
-				await trackEvent({
-					eventName,
-					eventProps
-				});
-			} catch (err) {
-				setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Tracking failed"));
-				throw err;
-			} finally {
-				setLoading(false);
-			}
-		}, [trackEvent, isReady]),
-		loading,
-		error,
-		isReady
-	};
-};
-
-//#endregion
-Object.defineProperty(exports, 'useAmplitudeTracking', {
-  enumerable: true,
-  get: function () {
-    return useAmplitudeTracking;
-  }
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQW1wbGl0dWRlT3BlcmF0aW9ucy02WTdHZWpELS5janMiLCJuYW1lcyI6WyJ1c2VBbXBsaXR1ZGUiXSwic291cmNlcyI6WyIuLi9zcmMvaG9va3MvQW1wbGl0dWRlT3BlcmF0aW9ucy91c2VBbXBsaXR1ZGVPcGVyYXRpb25zLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICdAZW52aXZlLWFpL3R5cGVzJztcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUFtcGxpdHVkZSB9IGZyb20gJ3NyYy9jb250ZXh0cy9hbXBsaXR1ZGVDb250ZXh0L2FtcGxpdHVkZUNvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgdXNlQW1wbGl0dWRlVHJhY2tpbmcgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdHJhY2tFdmVudCwgaXNSZWFkeSB9ID0gdXNlQW1wbGl0dWRlKCk7XG4gIGNvbnN0IFtsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSB1c2VTdGF0ZTxFcnJvciB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IHRyYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgKGV2ZW50TmFtZTogU3BpZmZ5TWV0cmljc0V2ZW50TmFtZSwgZXZlbnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+KSA9PiB7XG4gICAgICBpZiAoIWlzUmVhZHkpIHJldHVybjtcblxuICAgICAgc2V0TG9hZGluZyh0cnVlKTtcbiAgICAgIHNldEVycm9yKG51bGwpO1xuXG4gICAgICB0cnkge1xuICAgICAgICBhd2FpdCB0cmFja0V2ZW50KHsgZXZlbnROYW1lLCBldmVudFByb3BzIH0pO1xuICAgICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICAgIHNldEVycm9yKGVyciBpbnN0YW5jZW9mIEVycm9yID8gZXJyIDogbmV3IEVycm9yKCdUcmFja2luZyBmYWlsZWQnKSk7XG4gICAgICAgIHRocm93IGVycjtcbiAgICAgIH0gZmluYWxseSB7XG4gICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3RyYWNrRXZlbnQsIGlzUmVhZHldLFxuICApO1xuXG4gIHJldHVybiB7IHRyYWNrLCBsb2FkaW5nLCBlcnJvciwgaXNSZWFkeSB9O1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBSUEsTUFBYSw2QkFBNkI7Q0FDeEMsTUFBTSxFQUFFLFlBQVksWUFBWUEsdUNBQWM7Q0FDOUMsTUFBTSxDQUFDLFNBQVMsa0NBQXVCLE1BQU07Q0FDN0MsTUFBTSxDQUFDLE9BQU8sZ0NBQW1DLEtBQUs7QUFxQnRELFFBQU87RUFBRSw4QkFsQlAsT0FBTyxXQUFtQyxlQUF5QztBQUNqRixPQUFJLENBQUMsUUFBUztBQUVkLGNBQVcsS0FBSztBQUNoQixZQUFTLEtBQUs7QUFFZCxPQUFJO0FBQ0YsVUFBTSxXQUFXO0tBQUU7S0FBVztLQUFZLENBQUM7WUFDcEMsS0FBSztBQUNaLGFBQVMsZUFBZSxRQUFRLHNCQUFNLElBQUksTUFBTSxrQkFBa0IsQ0FBQztBQUNuRSxVQUFNO2FBQ0U7QUFDUixlQUFXLE1BQU07O0tBR3JCLENBQUMsWUFBWSxRQUFRLENBQ3RCO0VBRWU7RUFBUztFQUFPO0VBQVMifQ==

package/dist/AmplitudeOperations-DOEgdx-a.js

@@ -1,34 +0,0 @@
-import { useAmplitude } from "./amplitudeContext-CH-Rtn8y.js";
-import { useCallback, useState } from "react";
-
-//#region src/hooks/AmplitudeOperations/useAmplitudeOperations.ts
-const useAmplitudeTracking = () => {
-	const { trackEvent, isReady } = useAmplitude();
-	const [loading, setLoading] = useState(false);
-	const [error, setError] = useState(null);
-	return {
-		track: useCallback(async (eventName, eventProps) => {
-			if (!isReady) return;
-			setLoading(true);
-			setError(null);
-			try {
-				await trackEvent({
-					eventName,
-					eventProps
-				});
-			} catch (err) {
-				setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Tracking failed"));
-				throw err;
-			} finally {
-				setLoading(false);
-			}
-		}, [trackEvent, isReady]),
-		loading,
-		error,
-		isReady
-	};
-};
-
-//#endregion
-export { useAmplitudeTracking };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQW1wbGl0dWRlT3BlcmF0aW9ucy1ET0VnZHgtYS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi9zcmMvaG9va3MvQW1wbGl0dWRlT3BlcmF0aW9ucy91c2VBbXBsaXR1ZGVPcGVyYXRpb25zLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUgfSBmcm9tICdAZW52aXZlLWFpL3R5cGVzJztcbmltcG9ydCB7IHVzZVN0YXRlLCB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUFtcGxpdHVkZSB9IGZyb20gJ3NyYy9jb250ZXh0cy9hbXBsaXR1ZGVDb250ZXh0L2FtcGxpdHVkZUNvbnRleHQnO1xuXG5leHBvcnQgY29uc3QgdXNlQW1wbGl0dWRlVHJhY2tpbmcgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdHJhY2tFdmVudCwgaXNSZWFkeSB9ID0gdXNlQW1wbGl0dWRlKCk7XG4gIGNvbnN0IFtsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSB1c2VTdGF0ZTxFcnJvciB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IHRyYWNrID0gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgKGV2ZW50TmFtZTogU3BpZmZ5TWV0cmljc0V2ZW50TmFtZSwgZXZlbnRQcm9wcz86IFJlY29yZDxzdHJpbmcsIHVua25vd24+KSA9PiB7XG4gICAgICBpZiAoIWlzUmVhZHkpIHJldHVybjtcblxuICAgICAgc2V0TG9hZGluZyh0cnVlKTtcbiAgICAgIHNldEVycm9yKG51bGwpO1xuXG4gICAgICB0cnkge1xuICAgICAgICBhd2FpdCB0cmFja0V2ZW50KHsgZXZlbnROYW1lLCBldmVudFByb3BzIH0pO1xuICAgICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICAgIHNldEVycm9yKGVyciBpbnN0YW5jZW9mIEVycm9yID8gZXJyIDogbmV3IEVycm9yKCdUcmFja2luZyBmYWlsZWQnKSk7XG4gICAgICAgIHRocm93IGVycjtcbiAgICAgIH0gZmluYWxseSB7XG4gICAgICAgIHNldExvYWRpbmcoZmFsc2UpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3RyYWNrRXZlbnQsIGlzUmVhZHldLFxuICApO1xuXG4gIHJldHVybiB7IHRyYWNrLCBsb2FkaW5nLCBlcnJvciwgaXNSZWFkeSB9O1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUlBLE1BQWEsNkJBQTZCO0NBQ3hDLE1BQU0sRUFBRSxZQUFZLFlBQVksY0FBYztDQUM5QyxNQUFNLENBQUMsU0FBUyxjQUFjLFNBQVMsTUFBTTtDQUM3QyxNQUFNLENBQUMsT0FBTyxZQUFZLFNBQXVCLEtBQUs7QUFxQnRELFFBQU87RUFBRSxPQW5CSyxZQUNaLE9BQU8sV0FBbUMsZUFBeUM7QUFDakYsT0FBSSxDQUFDLFFBQVM7QUFFZCxjQUFXLEtBQUs7QUFDaEIsWUFBUyxLQUFLO0FBRWQsT0FBSTtBQUNGLFVBQU0sV0FBVztLQUFFO0tBQVc7S0FBWSxDQUFDO1lBQ3BDLEtBQUs7QUFDWixhQUFTLGVBQWUsUUFBUSxzQkFBTSxJQUFJLE1BQU0sa0JBQWtCLENBQUM7QUFDbkUsVUFBTTthQUNFO0FBQ1IsZUFBVyxNQUFNOztLQUdyQixDQUFDLFlBQVksUUFBUSxDQUN0QjtFQUVlO0VBQVM7RUFBTztFQUFTIn0=

package/dist/TrackComponentVisibleEvent-BvDOoSsc.js

@@ -1,53 +0,0 @@
-import { SpiffyMetricsEventName } from "./dist-C38adNK1.js";
-import { useAmplitude } from "./amplitudeContext-CH-Rtn8y.js";
-import { useIntersection } from "./useIntersection-BkMkuJcZ.js";
-import { useEffect, useRef } from "react";
-
-//#region src/hooks/TrackComponentVisibleEvent/useTrackComponentVisibleEvent.ts
-/**
-* Tracks a component and logs an event to Amplitude when the component is visible.
-*
-* @param component - The component to track.
-* @param element - The element to track visibility of.
-* @param eventProps - Additional properties to include with the event.
-* @param eventName - The Amplitude event name to track (defaults to ChatComponentVisible).
-*/
-const useTrackComponentVisibleEvent = (component, element, eventProps, eventName = SpiffyMetricsEventName.ChatComponentVisible) => {
-	const isVisible = useIntersection(element, "0px");
-	const hasTrackedEvent = useRef(false);
-	const { trackEvent } = useAmplitude();
-	const componentProps = (() => {
-		if (eventName === SpiffyMetricsEventName.ChatComponentVisible) return {
-			chat_component: component,
-			...eventProps
-		};
-		if (eventName === SpiffyMetricsEventName.SearchComponentVisible) return {
-			search_component: component,
-			...eventProps
-		};
-		return {
-			component,
-			...eventProps
-		};
-	})();
-	useEffect(() => {
-		if (isVisible && !hasTrackedEvent.current) {
-			trackEvent({
-				eventName,
-				eventProps: componentProps
-			});
-			hasTrackedEvent.current = true;
-		}
-	}, [
-		isVisible,
-		component,
-		eventProps,
-		eventName,
-		componentProps,
-		trackEvent
-	]);
-};
-
-//#endregion
-export { useTrackComponentVisibleEvent };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJhY2tDb21wb25lbnRWaXNpYmxlRXZlbnQtQnZET29Tc2MuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vc3JjL2hvb2tzL1RyYWNrQ29tcG9uZW50VmlzaWJsZUV2ZW50L3VzZVRyYWNrQ29tcG9uZW50VmlzaWJsZUV2ZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlZk9iamVjdCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb24gfSBmcm9tICdzcmMvaG9va3MvSW50ZXJzZWN0aW9uL3VzZUludGVyc2VjdGlvbic7XG5pbXBvcnQgeyB1c2VBbXBsaXR1ZGUgfSBmcm9tICdzcmMvY29udGV4dHMvYW1wbGl0dWRlQ29udGV4dC9hbXBsaXR1ZGVDb250ZXh0JztcbmltcG9ydCB7IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUsIFNwaWZmeVdpZGdldHMgfSBmcm9tICdAZW52aXZlLWFpL3R5cGVzJztcblxuLyoqXG4gKiBUcmFja3MgYSBjb21wb25lbnQgYW5kIGxvZ3MgYW4gZXZlbnQgdG8gQW1wbGl0dWRlIHdoZW4gdGhlIGNvbXBvbmVudCBpcyB2aXNpYmxlLlxuICpcbiAqIEBwYXJhbSBjb21wb25lbnQgLSBUaGUgY29tcG9uZW50IHRvIHRyYWNrLlxuICogQHBhcmFtIGVsZW1lbnQgLSBUaGUgZWxlbWVudCB0byB0cmFjayB2aXNpYmlsaXR5IG9mLlxuICogQHBhcmFtIGV2ZW50UHJvcHMgLSBBZGRpdGlvbmFsIHByb3BlcnRpZXMgdG8gaW5jbHVkZSB3aXRoIHRoZSBldmVudC5cbiAqIEBwYXJhbSBldmVudE5hbWUgLSBUaGUgQW1wbGl0dWRlIGV2ZW50IG5hbWUgdG8gdHJhY2sgKGRlZmF1bHRzIHRvIENoYXRDb21wb25lbnRWaXNpYmxlKS5cbiAqL1xuZXhwb3J0IGNvbnN0IHVzZVRyYWNrQ29tcG9uZW50VmlzaWJsZUV2ZW50ID0gKFxuICBjb21wb25lbnQ6IFNwaWZmeVdpZGdldHMsXG4gIGVsZW1lbnQ6IFJlZk9iamVjdDxIVE1MRWxlbWVudD4sXG4gIGV2ZW50UHJvcHM/OiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPixcbiAgZXZlbnROYW1lOiBTcGlmZnlNZXRyaWNzRXZlbnROYW1lID0gU3BpZmZ5TWV0cmljc0V2ZW50TmFtZS5DaGF0Q29tcG9uZW50VmlzaWJsZSxcbikgPT4ge1xuICBjb25zdCBpc1Zpc2libGUgPSB1c2VJbnRlcnNlY3Rpb24oZWxlbWVudCwgJzBweCcpO1xuICBjb25zdCBoYXNUcmFja2VkRXZlbnQgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCB7IHRyYWNrRXZlbnQgfSA9IHVzZUFtcGxpdHVkZSgpO1xuXG4gIGNvbnN0IGNvbXBvbmVudFByb3BzID0gKCgpID0+IHtcbiAgICBpZiAoZXZlbnROYW1lID09PSBTcGlmZnlNZXRyaWNzRXZlbnROYW1lLkNoYXRDb21wb25lbnRWaXNpYmxlKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBjaGF0X2NvbXBvbmVudDogY29tcG9uZW50LFxuICAgICAgICAuLi5ldmVudFByb3BzLFxuICAgICAgfTtcbiAgICB9XG4gICAgaWYgKGV2ZW50TmFtZSA9PT0gU3BpZmZ5TWV0cmljc0V2ZW50TmFtZS5TZWFyY2hDb21wb25lbnRWaXNpYmxlKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBzZWFyY2hfY29tcG9uZW50OiBjb21wb25lbnQsXG4gICAgICAgIC4uLmV2ZW50UHJvcHMsXG4gICAgICB9O1xuICAgIH1cbiAgICAvLyBEZWZhdWx0IGNhc2UgZm9yIG90aGVyIGV2ZW50IHR5cGVzXG4gICAgcmV0dXJuIHtcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIC4uLmV2ZW50UHJvcHMsXG4gICAgfTtcbiAgfSkoKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc1Zpc2libGUgJiYgIWhhc1RyYWNrZWRFdmVudC5jdXJyZW50KSB7XG4gICAgICB0cmFja0V2ZW50KHtcbiAgICAgICAgZXZlbnROYW1lLFxuICAgICAgICBldmVudFByb3BzOiBjb21wb25lbnRQcm9wcyxcbiAgICAgIH0pO1xuICAgICAgaGFzVHJhY2tlZEV2ZW50LmN1cnJlbnQgPSB0cnVlO1xuICAgIH1cbiAgfSwgW2lzVmlzaWJsZSwgY29tcG9uZW50LCBldmVudFByb3BzLCBldmVudE5hbWUsIGNvbXBvbmVudFByb3BzLCB0cmFja0V2ZW50XSk7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OztBQWFBLE1BQWEsaUNBQ1gsV0FDQSxTQUNBLFlBQ0EsWUFBb0MsdUJBQXVCLHlCQUN4RDtDQUNILE1BQU0sWUFBWSxnQkFBZ0IsU0FBUyxNQUFNO0NBQ2pELE1BQU0sa0JBQWtCLE9BQU8sTUFBTTtDQUNyQyxNQUFNLEVBQUUsZUFBZSxjQUFjO0NBRXJDLE1BQU0sd0JBQXdCO0FBQzVCLE1BQUksY0FBYyx1QkFBdUIscUJBQ3ZDLFFBQU87R0FDTCxnQkFBZ0I7R0FDaEIsR0FBRztHQUNKO0FBRUgsTUFBSSxjQUFjLHVCQUF1Qix1QkFDdkMsUUFBTztHQUNMLGtCQUFrQjtHQUNsQixHQUFHO0dBQ0o7QUFHSCxTQUFPO0dBQ0w7R0FDQSxHQUFHO0dBQ0o7S0FDQztBQUVKLGlCQUFnQjtBQUNkLE1BQUksYUFBYSxDQUFDLGdCQUFnQixTQUFTO0FBQ3pDLGNBQVc7SUFDVDtJQUNBLFlBQVk7SUFDYixDQUFDO0FBQ0YsbUJBQWdCLFVBQVU7O0lBRTNCO0VBQUM7RUFBVztFQUFXO0VBQVk7RUFBVztFQUFnQjtFQUFXLENBQUMifQ==

package/dist/TrackComponentVisibleEvent-CcZ6l_cs.cjs

@@ -1,60 +0,0 @@
-const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_dist = require('./dist-VxRI6eQv.cjs');
-const require_amplitudeContext = require('./amplitudeContext-CZXdr3HG.cjs');
-const require_useIntersection = require('./useIntersection-BcBCa890.cjs');
-let react = require("react");
-react = require_chunk.__toESM(react);
-
-//#region src/hooks/TrackComponentVisibleEvent/useTrackComponentVisibleEvent.ts
-/**
-* Tracks a component and logs an event to Amplitude when the component is visible.
-*
-* @param component - The component to track.
-* @param element - The element to track visibility of.
-* @param eventProps - Additional properties to include with the event.
-* @param eventName - The Amplitude event name to track (defaults to ChatComponentVisible).
-*/
-const useTrackComponentVisibleEvent = (component, element, eventProps, eventName = require_dist.SpiffyMetricsEventName.ChatComponentVisible) => {
-	const isVisible = require_useIntersection.useIntersection(element, "0px");
-	const hasTrackedEvent = (0, react.useRef)(false);
-	const { trackEvent } = require_amplitudeContext.useAmplitude();
-	const componentProps = (() => {
-		if (eventName === require_dist.SpiffyMetricsEventName.ChatComponentVisible) return {
-			chat_component: component,
-			...eventProps
-		};
-		if (eventName === require_dist.SpiffyMetricsEventName.SearchComponentVisible) return {
-			search_component: component,
-			...eventProps
-		};
-		return {
-			component,
-			...eventProps
-		};
-	})();
-	(0, react.useEffect)(() => {
-		if (isVisible && !hasTrackedEvent.current) {
-			trackEvent({
-				eventName,
-				eventProps: componentProps
-			});
-			hasTrackedEvent.current = true;
-		}
-	}, [
-		isVisible,
-		component,
-		eventProps,
-		eventName,
-		componentProps,
-		trackEvent
-	]);
-};
-
-//#endregion
-Object.defineProperty(exports, 'useTrackComponentVisibleEvent', {
-  enumerable: true,
-  get: function () {
-    return useTrackComponentVisibleEvent;
-  }
-});
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJhY2tDb21wb25lbnRWaXNpYmxlRXZlbnQtQ2NaNmxfY3MuY2pzIiwibmFtZXMiOlsiU3BpZmZ5TWV0cmljc0V2ZW50TmFtZSIsInVzZUludGVyc2VjdGlvbiIsInVzZUFtcGxpdHVkZSJdLCJzb3VyY2VzIjpbIi4uL3NyYy9ob29rcy9UcmFja0NvbXBvbmVudFZpc2libGVFdmVudC91c2VUcmFja0NvbXBvbmVudFZpc2libGVFdmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWZPYmplY3QsIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uIH0gZnJvbSAnc3JjL2hvb2tzL0ludGVyc2VjdGlvbi91c2VJbnRlcnNlY3Rpb24nO1xuaW1wb3J0IHsgdXNlQW1wbGl0dWRlIH0gZnJvbSAnc3JjL2NvbnRleHRzL2FtcGxpdHVkZUNvbnRleHQvYW1wbGl0dWRlQ29udGV4dCc7XG5pbXBvcnQgeyBTcGlmZnlNZXRyaWNzRXZlbnROYW1lLCBTcGlmZnlXaWRnZXRzIH0gZnJvbSAnQGVudml2ZS1haS90eXBlcyc7XG5cbi8qKlxuICogVHJhY2tzIGEgY29tcG9uZW50IGFuZCBsb2dzIGFuIGV2ZW50IHRvIEFtcGxpdHVkZSB3aGVuIHRoZSBjb21wb25lbnQgaXMgdmlzaWJsZS5cbiAqXG4gKiBAcGFyYW0gY29tcG9uZW50IC0gVGhlIGNvbXBvbmVudCB0byB0cmFjay5cbiAqIEBwYXJhbSBlbGVtZW50IC0gVGhlIGVsZW1lbnQgdG8gdHJhY2sgdmlzaWJpbGl0eSBvZi5cbiAqIEBwYXJhbSBldmVudFByb3BzIC0gQWRkaXRpb25hbCBwcm9wZXJ0aWVzIHRvIGluY2x1ZGUgd2l0aCB0aGUgZXZlbnQuXG4gKiBAcGFyYW0gZXZlbnROYW1lIC0gVGhlIEFtcGxpdHVkZSBldmVudCBuYW1lIHRvIHRyYWNrIChkZWZhdWx0cyB0byBDaGF0Q29tcG9uZW50VmlzaWJsZSkuXG4gKi9cbmV4cG9ydCBjb25zdCB1c2VUcmFja0NvbXBvbmVudFZpc2libGVFdmVudCA9IChcbiAgY29tcG9uZW50OiBTcGlmZnlXaWRnZXRzLFxuICBlbGVtZW50OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+LFxuICBldmVudFByb3BzPzogUmVjb3JkPHN0cmluZywgdW5rbm93bj4sXG4gIGV2ZW50TmFtZTogU3BpZmZ5TWV0cmljc0V2ZW50TmFtZSA9IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUuQ2hhdENvbXBvbmVudFZpc2libGUsXG4pID0+IHtcbiAgY29uc3QgaXNWaXNpYmxlID0gdXNlSW50ZXJzZWN0aW9uKGVsZW1lbnQsICcwcHgnKTtcbiAgY29uc3QgaGFzVHJhY2tlZEV2ZW50ID0gdXNlUmVmKGZhbHNlKTtcbiAgY29uc3QgeyB0cmFja0V2ZW50IH0gPSB1c2VBbXBsaXR1ZGUoKTtcblxuICBjb25zdCBjb21wb25lbnRQcm9wcyA9ICgoKSA9PiB7XG4gICAgaWYgKGV2ZW50TmFtZSA9PT0gU3BpZmZ5TWV0cmljc0V2ZW50TmFtZS5DaGF0Q29tcG9uZW50VmlzaWJsZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgY2hhdF9jb21wb25lbnQ6IGNvbXBvbmVudCxcbiAgICAgICAgLi4uZXZlbnRQcm9wcyxcbiAgICAgIH07XG4gICAgfVxuICAgIGlmIChldmVudE5hbWUgPT09IFNwaWZmeU1ldHJpY3NFdmVudE5hbWUuU2VhcmNoQ29tcG9uZW50VmlzaWJsZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgc2VhcmNoX2NvbXBvbmVudDogY29tcG9uZW50LFxuICAgICAgICAuLi5ldmVudFByb3BzLFxuICAgICAgfTtcbiAgICB9XG4gICAgLy8gRGVmYXVsdCBjYXNlIGZvciBvdGhlciBldmVudCB0eXBlc1xuICAgIHJldHVybiB7XG4gICAgICBjb21wb25lbnQsXG4gICAgICAuLi5ldmVudFByb3BzLFxuICAgIH07XG4gIH0pKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNWaXNpYmxlICYmICFoYXNUcmFja2VkRXZlbnQuY3VycmVudCkge1xuICAgICAgdHJhY2tFdmVudCh7XG4gICAgICAgIGV2ZW50TmFtZSxcbiAgICAgICAgZXZlbnRQcm9wczogY29tcG9uZW50UHJvcHMsXG4gICAgICB9KTtcbiAgICAgIGhhc1RyYWNrZWRFdmVudC5jdXJyZW50ID0gdHJ1ZTtcbiAgICB9XG4gIH0sIFtpc1Zpc2libGUsIGNvbXBvbmVudCwgZXZlbnRQcm9wcywgZXZlbnROYW1lLCBjb21wb25lbnRQcm9wcywgdHJhY2tFdmVudF0pO1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQWFBLE1BQWEsaUNBQ1gsV0FDQSxTQUNBLFlBQ0EsWUFBb0NBLG9DQUF1Qix5QkFDeEQ7Q0FDSCxNQUFNLFlBQVlDLHdDQUFnQixTQUFTLE1BQU07Q0FDakQsTUFBTSxvQ0FBeUIsTUFBTTtDQUNyQyxNQUFNLEVBQUUsZUFBZUMsdUNBQWM7Q0FFckMsTUFBTSx3QkFBd0I7QUFDNUIsTUFBSSxjQUFjRixvQ0FBdUIscUJBQ3ZDLFFBQU87R0FDTCxnQkFBZ0I7R0FDaEIsR0FBRztHQUNKO0FBRUgsTUFBSSxjQUFjQSxvQ0FBdUIsdUJBQ3ZDLFFBQU87R0FDTCxrQkFBa0I7R0FDbEIsR0FBRztHQUNKO0FBR0gsU0FBTztHQUNMO0dBQ0EsR0FBRztHQUNKO0tBQ0M7QUFFSiw0QkFBZ0I7QUFDZCxNQUFJLGFBQWEsQ0FBQyxnQkFBZ0IsU0FBUztBQUN6QyxjQUFXO0lBQ1Q7SUFDQSxZQUFZO0lBQ2IsQ0FBQztBQUNGLG1CQUFnQixVQUFVOztJQUUzQjtFQUFDO0VBQVc7RUFBVztFQUFZO0VBQVc7RUFBZ0I7RUFBVyxDQUFDIn0=