@envive-ai/react-hooks 0.2.5 → 0.2.6-alpha-2

package/src/application/models/variantInfo/productInfo.ts

@@ -1,5 +0,0 @@
-export interface ProductInfo {
-  productId: string;
-  parentProductId?: string;
-  url?: string;
-}

package/src/application/models/variantInfo/variantInfo.ts

@@ -1,29 +0,0 @@
-import { PLPInfo } from './plpInfo';
-import { PageVisitInfo } from './pageVisitInfo';
-import { ProductInfo } from './productInfo';
-
-export enum VariantTypeEnum {
-  Pdp = 'pdp',
-  Plp = 'plp',
-  PageVisit = 'page_visit',
-}
-
-export type VariantType = 'pdp' | 'plp' | 'page_visit';
-
-export type VariantInfo = PDPVariantInfo | PLPVariantInfo | PageVisitVariantInfo;
-
-export type PDPVariantInfo = {
-  variantId: string;
-  variant: VariantTypeEnum.Pdp;
-} & ProductInfo;
-
-export type PLPVariantInfo = {
-  variantId: string;
-  variant: VariantTypeEnum.Plp;
-  url?: string;
-} & PLPInfo;
-
-export type PageVisitVariantInfo = {
-  variantId: string;
-  variant: VariantTypeEnum.PageVisit;
-} & PageVisitInfo;

package/src/application/utils/__tests__/divideArrays.test.ts

@@ -1,14 +0,0 @@
-// import { expect } from 'vitest';
-// import { divideArray } from '../divideArray';
-
-// describe('divideArray', () => {
-//   it('should divide an array into 3 rows', () => {
-//     const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-//     const rows = divideArray(array, 3);
-//     expect(rows).toEqual([
-//       [1, 4, 7, 10],
-//       [2, 5, 8],
-//       [3, 6, 9],
-//     ]);
-//   });
-// });

package/src/application/utils/cdnUtils.ts

@@ -1,11 +0,0 @@
-import { getAtomStore } from "src/atoms/atomStore/atomStore";
-import { cdnUrlAtom } from "src/atoms/envive/enviveConfig";
-
-export const getCdnAssetURL = (
-  assetName: string,
-  orgShortName: string
-): string => {
-  const atomStore = getAtomStore();
-  const cdnUrl = atomStore.get(cdnUrlAtom) || "https://cdn.spiffy.ai/other";
-  return `${cdnUrl}/assets/${orgShortName}/${assetName}`;
-};

package/src/atoms/search/chatSearch.ts

@@ -1,317 +0,0 @@
-import { UserEventCategory } from "@spiffy-ai/commerce-api-client";
-import { v4 as uuid } from "uuid";
-import { atom } from "jotai";
-import {
-  Message,
-  MessageRole,
-  MessageType,
-  ProductResponseAttributes,
-} from "src/application/models";
-import {
-  messagesAtom,
-  replyEventCategoryAtom,
-  userHasRepliedAtom,
-  userQueryAtom,
-} from "src/atoms/chat";
-import { queueUserEventAtom } from "../chat/messageQueue";
-import { newOrgConfigAtom } from "../org";
-import { ProductFilters } from "./productFilters";
-import { ProductSorter } from "./productSorter";
-import { ChatSearchStateType, ProductSorting } from "./types";
-
-// NOTE:
-// This is a legacy version of search that needs to be decoupled and removed.
-// the new search.ts file in this directory is likely what you're looking for.
-
-export const chatSearchStateAtom = atom<ChatSearchStateType>("entrypoint");
-export const chatSearchHasProductsAtom = atom<boolean>(false);
-export const chatSearchProductSortingAtom = atom<ProductSorting>(
-  ProductSorting.FEATURED
-);
-
-const filterProductList = (message: Message) =>
-  message.type === MessageType.Product && message.metadata.isForGrid === true;
-const filterFilterList = (message: Message) =>
-  message.type === MessageType.ProductSearchFilter;
-
-export type ChatSearchTurn = {
-  id: string;
-  generatedQuery?: string;
-  productCount: number;
-  productList: ProductResponseAttributes["attributes"][];
-  filterList: string[];
-  messages: Message[];
-};
-
-export const chatSearchIsLoadingAtom = atom(false);
-
-const buildChatSearchTurn = (
-  messages: Message[]
-): [string, ChatSearchTurn] | null => {
-  const queryMessage = messages.find(
-    (message) => message.type === MessageType.ProductSearch
-  );
-  if (!queryMessage) {
-    return null;
-  }
-  const { generatedQuery, productCount } = queryMessage.metadata ?? {};
-  const productList = messages
-    .filter(filterProductList)
-    .map((message) => (message as any).metadata);
-  const filterList = messages
-    .filter(filterFilterList)
-    .map((message) => message.metadata.filterName);
-  return [
-    queryMessage.id,
-    {
-      id: queryMessage.id,
-      generatedQuery,
-      productCount: productCount || productList.length,
-      productList,
-      filterList,
-      messages,
-    },
-  ];
-};
-
-const chatSearchFilterConfigAtom = atom((get) => {
-  const newOrgConfig = get(newOrgConfigAtom);
-  return (
-    newOrgConfig?.frontendConfig?.uiConfigs?.searchConfig?.searchFilterConfig ||
-    []
-  );
-});
-
-const searchMapAtom = atom((get) => {
-  const messages = get(messagesAtom);
-  return Object.fromEntries(
-    messages.map(buildChatSearchTurn).filter((v) => v !== null)
-  );
-});
-
-const internalChatSearchParamsAtom = atom<{
-  id: string | null;
-  query: string | null;
-}>({
-  id: null,
-  query: null,
-});
-
-// Selected filter options with compound objects for better type safety and display
-export type SelectedChatSearchFilterOption = {
-  id: string; // "filterId:filterItemId" - maintains backward compatibility for comparisons
-  displayName: string;
-  filterId: string; // Filter category
-  filterItemId: string; // Filter value
-};
-
-export const selectedFilterOptionsAtom = atom<SelectedChatSearchFilterOption[]>(
-  []
-);
-
-export const additiveDynamicFiltersAtom = atom((get) => {
-  const newOrgConfig = get(newOrgConfigAtom);
-  return (
-    newOrgConfig?.frontendConfig?.uiConfigs?.searchConfig
-      ?.additiveDynamicFilters ?? false
-  );
-});
-
-export const createChatSearchFilterOption = (
-  filterId: string,
-  filterItemId: string,
-  displayName: string
-): SelectedChatSearchFilterOption => ({
-  id: `${filterId}:${filterItemId}`,
-  displayName,
-  filterId,
-  filterItemId,
-});
-
-const handleSearchAtom = atom(null, (get, set, message: Message) => {
-  if (message.type !== MessageType.Search) {
-    return;
-  }
-
-  const querySearch = message.metadata.searchTerm;
-
-  set(replyEventCategoryAtom, UserEventCategory.Search);
-  set(userQueryAtom, querySearch);
-  set(messagesAtom, [...get(messagesAtom), [message]]);
-  set(userHasRepliedAtom, true);
-
-  set(queueUserEventAtom, {
-    eventId: message.id,
-    category: UserEventCategory.Search,
-    createdAt: message.createdAt,
-    attributes: {
-      searchTerm: message.metadata.searchTerm,
-      selectedFilters: message.metadata.selectedFilters,
-    },
-  });
-});
-
-// This internal atom is used to store the search params
-export const chatSearchParamsAtom = atom(
-  (get) => get(internalChatSearchParamsAtom),
-  (_, set, value: { id: string | null; query: string | null }) => {
-    set(internalChatSearchParamsAtom, value);
-  }
-);
-
-export const chatSearchQueryAtom = atom(
-  (get) => get(chatSearchParamsAtom)?.query ?? null,
-  (get, set, value: string | null) => {
-    const searchParams = get(chatSearchParamsAtom);
-    set(chatSearchParamsAtom, { id: searchParams.id, query: value });
-  }
-);
-
-export const chatSearchIdAtom = atom(
-  (get) => get(chatSearchParamsAtom)?.id ?? null,
-  (get, set, value: string | null) => {
-    const searchParams = get(chatSearchParamsAtom);
-    set(chatSearchParamsAtom, { id: value, query: searchParams.query });
-  }
-);
-
-export const ChatSearchTurnAtom = atom((get) => {
-  const searchFilterConfig = get(chatSearchFilterConfigAtom);
-  const searchMap = get(searchMapAtom);
-  const chatSearchId = get(chatSearchIdAtom);
-  if (!chatSearchId) {
-    return null;
-  }
-  const ChatSearchTurn = searchMap[chatSearchId];
-  if (!ChatSearchTurn) {
-    return null;
-  }
-  const productSorting = get(chatSearchProductSortingAtom);
-  const selectedFilterOptions = get(selectedFilterOptionsAtom);
-  const additiveDynamicFilters = get(additiveDynamicFiltersAtom);
-  const filteredProducts = ProductFilters.filterProducts(
-    ChatSearchTurn.productList,
-    searchFilterConfig,
-    selectedFilterOptions,
-    additiveDynamicFilters
-  );
-
-  const filteredAndSortedProducts = ProductSorter.sort(
-    filteredProducts,
-    productSorting
-  );
-
-  return {
-    ...searchMap[chatSearchId],
-    productList: filteredAndSortedProducts,
-    productCount: filteredAndSortedProducts.length,
-  };
-});
-
-// TODO: Work on deprecating this atom in favor of using ChatSearchTurnAtom directly
-export const chatSearchProducts = atom((get) => {
-  const ChatSearchTurn = get(ChatSearchTurnAtom);
-  return ChatSearchTurn?.productList ?? [];
-});
-
-export const chatSearchFiltersAtom = atom((get) => {
-  const searchFilterConfig = get(chatSearchFilterConfigAtom);
-  const searchMap = get(searchMapAtom);
-  const chatSearchId = get(chatSearchIdAtom);
-
-  if (chatSearchId && searchMap[chatSearchId]) {
-    const products = searchMap[chatSearchId].productList;
-    const selectedFilterOptions = get(selectedFilterOptionsAtom);
-    return ProductFilters.getFiltersForProducts(
-      products,
-      searchFilterConfig,
-      selectedFilterOptions
-    );
-  }
-  return [];
-});
-
-// For search we use the following query params:
-// es: true - this indicates that we are in a search state
-// esq: query - this is the current search query
-// esi: search id - this is the unique id for the search results that we are displaying. It is pulled from the message id from the turn that includes the search results
-
-export const setSearchParams = (query: string) => {
-  const url = new URL(window.location.href);
-  url.searchParams.set("es", "true");
-  url.searchParams.set("esq", query);
-  window.history.pushState({}, "", url);
-};
-
-export const getSearchParamsAtom = atom(() => {
-  const params = new URLSearchParams(window.location.search);
-  return {
-    es: params.get("es"),
-    esq: params.get("esq"),
-  };
-});
-
-export const initiateChatSearchAtom = atom(null, (_, set, query: string) => {
-  set(chatSearchIsLoadingAtom, true);
-  // Update URL and manually trigger state change (since pushState doesn't trigger popstate)
-  const url = new URL(window.location.href);
-  url.searchParams.set("es", "true");
-  url.searchParams.set("esq", query);
-  window.history.pushState({}, "", url);
-
-  // Manually trigger page variant re-evaluation by dispatching a popstate event
-  // This ensures the page variant system detects the URL change and mounts search results
-  window.dispatchEvent(new PopStateEvent("popstate", { state: {} }));
-
-  set(chatSearchParamsAtom, { id: null, query });
-  set(handleSearchAtom, {
-    id: uuid(),
-    role: MessageRole.User,
-    type: MessageType.Search,
-    createdAt: new Date().toISOString(),
-    metadata: {
-      searchTerm: query,
-      // Enabling this will enable the new backend search
-      selectedFilters: [],
-    },
-  });
-});
-
-export const handleSearchResultsAtom = atom(
-  null,
-  (get, set, message: Message | undefined) => {
-    if (!message || message.type !== MessageType.ProductSearch) {
-      return;
-    }
-
-    const { productCount, generatedQuery } = message.metadata;
-    if (productCount !== 0) {
-      // Clear the filter options when we get new products
-      set(selectedFilterOptionsAtom, []);
-      // TODO: Should we still do any of these things?
-      set(chatSearchStateAtom, "product-page");
-      const currentSearchParams = get(chatSearchParamsAtom);
-      const url = new URL(window.location.href);
-      url.searchParams.set("es", "true");
-      url.searchParams.set("esq", generatedQuery);
-      url.searchParams.set("esi", message.id);
-      window.history.pushState({}, "", url);
-      if (currentSearchParams.id === null) {
-        // If the id is null, we need to replace the state
-        window.history.replaceState(null, "", url);
-      } else {
-        // If the query is different, we need to push a new state
-        window.history.pushState(null, "", url);
-      }
-      set(chatSearchParamsAtom, { id: message.id, query: generatedQuery });
-    }
-  }
-);
-
-export const setChatSearchParamsAtom = atom(null, (_, set, query: string) => {
-  const url = new URL(window.location.href);
-  url.searchParams.set("es", "true");
-  url.searchParams.set("esq", query);
-  window.history.pushState({}, "", url);
-  set(chatSearchParamsAtom, { id: null, query });
-});

package/src/atoms/search/types.ts

@@ -1,55 +0,0 @@
-export enum ProductSorting {
-  FEATURED = 'featured',
-  PRICE_ASC = 'price_asc',
-  PRICE_DESC = 'price_desc',
-}
-
-export const ProductSortingNames = {
-  [ProductSorting.FEATURED]: 'Featured',
-  [ProductSorting.PRICE_ASC]: 'Price Low to High',
-  [ProductSorting.PRICE_DESC]: 'Price High to Low',
-};
-
-export type ChatSearchStateType = 'entrypoint' | 'initializing-search' | 'product-page';
-
-export type ChatSearchFilter = {
-  filterId: string;
-  displayName: string;
-  items: ChatSearchFilterItem[];
-};
-
-export type ChatSearchFilterItem = {
-  filterItemId: string;
-  displayName: string;
-  productCount: number;
-  isSelected: boolean;
-};
-
-export interface ChatSearchSortProps {
-  options: ProductSorting[];
-}
-
-export interface ChatSearchSortModalProps extends ChatSearchSortProps {
-  open: boolean;
-  handlePopupState: (state: boolean) => void;
-}
-
-export interface SortOption {
-  value: ProductSorting;
-  isSelected: boolean;
-  onSelect: (option: ProductSorting) => void;
-}
-
-export enum ChatSearchSortOverrides {
-  DESKTOP_FILTER_CONTAINER = 'spiffy-chat-search-filter-container',
-  DESKTOP_FILTER_SELECT_COMPONENT = 'spiffy-chat-search-filter-select-component',
-  DESKTOP_FILTER_SELECT_ICON = 'spiffy-chat-search-filter-select-icon',
-  MOBILE_FILTER_BUTTON = 'spiffy-chat-search-filter-button',
-  MOBILE_FILTER_MODAL_CONTAINER = 'spiffy-chat-search-filter-modal-container',
-  MOBILE_FILTER_MODAL_HEADER = 'spiffy-chat-search-filter-modal-header',
-  MOBILE_FILTER_MODAL_SELECTION = 'spiffy-chat-search-filter-modal-selection',
-  MOBILE_FILTER_MODAL_OPTION = 'spiffy-chat-search-filter-modal-option',
-  MOBILE_FILTER_MODAL_OPTION_PILL = 'spiffy-chat-search-filter-modal-option-pill',
-  MOBILE_FILTER_MODAL_OPTION_DESCRIPTION = 'spiffy-chat-search-filter-modal-option-desc',
-  MOBILE_FILTER_MODAL_APPLY_BUTTON = 'spiffy-chat-search-filter-modal-apply-button',
-}

package/src/config/divIds.ts

@@ -1,27 +0,0 @@
-// TODO turn this into an enum
-export const SPIFFY_ROOT_ID = 'spiffy-ai-root';
-export const CONTAINER_ID = 'spiffy-ai-container';
-
-export const FLOATING_BUTTON_ID = 'spiffy-ai-floating-button';
-export const CHAT_PREVIEW_CONTAINER_ID = 'spiffy-ai-chat-preview';
-export const GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint';
-export const SEARCH_RESULTS_ENTRYPOINT_ID = 'spiffy-ai-search-results-entrypoint';
-export const SEARCH_RESULTS_NO_OP_ID = 'spiffy-ai-search-results-no-op-entrypoint';
-export const SEARCH_OVERLAY_ENTRYPOINT_ID = 'spiffy-ai-search-overlay-entrypoint';
-export const SEARCH_OVERLAY_PORTAL_ID = 'spiffy-ai-search-overlay-portal'; // The inner div the overlay portal will render into
-export const HOMEPAGE_DESKTOP_GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint-desktop-homepage';
-export const HOMEPAGE_TABLET_GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint-tablet-homepage';
-export const HOMEPAGE_MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint-mobile-homepage';
-export const MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint-mobile';
-export const MOBILE_ICON_ONLY_GLOBAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-global-search-entrypoint-mobile-icon-only';
-export const TABLET_GLOBAL_SEARCH_ENTYPOINT_ID = 'spiffy-ai-global-search-entrypoint-tablet';
-export const BOTTOM_REVIEWS_BAR_ID = 'spiffy-bottom-reviews-bar-id';
-export const TOP_SUGGESTION_BAR_PDP_ID = 'spiffy-top-suggestion-bar-id';
-
-export const TOP_PLP_IMAGE_BANNER_ID = 'spiffy-top-plp-image-banner-id';
-export const BOTTOM_PLP_IMAGE_BANNER_ID = 'spiffy-bottom-plp-image-banner-id';
-export const PROMPT_CARD_ID = 'spiffy-ai-prompt-card';
-
-export const CONVERSATIONAL_SEARCH_ENTRYPOINT_ID = 'spiffy-ai-conversational-search-entrypoint';
-export const CONVERSATIONAL_SEARCH_INPUT_ID = 'spiffy-ai-conversational-search-input';
-export const CONVERSATIONAL_SEARCH_MODAL_ID = 'spiffy-ai-conversational-search-modal';

package/src/config/socialProofClasses.ts

@@ -1,17 +0,0 @@
-export const SPIFFY_SOCIAL_PROOF_SUGGESTION_BUTTON_CLASS =
-  "spiffy-social-proof-suggestion-button";
-export const SPIFFY_SOCIAL_PROOF_SUGGESTION_BUTTON_TEXT_CLASS =
-  "spiffy-social-proof-suggestion-button-text";
-export const SPIFFY_SOCIAL_PROOF_SUGGESTION_BUTTON_CONTAINER_CLASS =
-  "spiffy-social-proof-suggestion-button-container";
-export const SPIFFY_SOCIAL_PROOF_CUSTOMER_COUNT_CLASS =
-  "spiffy-social-proof-customer-count";
-export const SPIFFY_SOCIAL_PROOF_CONTENT_CONTAINER_CLASS =
-  "spiffy-social-proof-content-container";
-export const SPIFFY_SOCIAL_PROOF_CONTENT_BUTTON_CLASS =
-  "spiffy-social-proof-content-button";
-export const SPIFFY_SOCIAL_PROOF_CONTENT_IMAGE_CLASS =
-  "spiffy-social-proof-content-image";
-export const SPIFFY_SOCIAL_PROOF_SUGGESTION_FOOTER_TITLE_CLASS =
-  "spiffy-social-proof-suggestion-footer-title";
-export const SPIFFY_SOCIAL_PROOF_HEADER = "spiffy-social-proof-header";