@envive-ai/react-hooks 0.1.0

package/src/atoms/search/searchAPI.ts

@@ -0,0 +1,194 @@
+import { atom } from 'jotai';
+import { SearchResult, SearchParams } from 'src/application/models/api/search';
+import SearchService from 'src/application/service/searchService';
+import { ProductSorting } from './types';
+import { ProductFilters } from './productFilters';
+import { ProductSorter } from './productSorter';
+import { orgUIConfigAtom } from '../org';
+
+export type SelectedFilterOption = {
+  id: string; // "filterId:filterItemId" - maintains backward compatibility for comparisons
+  displayName: string;
+  filterId: string; // Filter category
+  filterItemId: string; // Filter value
+};
+
+interface SearchState {
+  data: SearchResult | null;
+  loading: boolean;
+  error: string | null;
+  lastQuery: string | null;
+}
+
+export const searchAtom = atom<SearchState>({
+  data: null,
+  loading: false,
+  error: null,
+  lastQuery: null,
+});
+
+export const searchProductSortingAtom = atom<ProductSorting>(ProductSorting.FEATURED);
+export const searchSelectedFiltersAtom = atom<SelectedFilterOption[]>([]);
+
+export const createFilterOption = (
+  filterId: string,
+  filterItemId: string,
+  displayName: string,
+): SelectedFilterOption => ({
+  id: `${filterId}:${filterItemId}`,
+  displayName,
+  filterId,
+  filterItemId,
+});
+
+const internalSearchParamsAtom = atom<{
+  id: string | null;
+  query: string | null;
+}>({
+  id: null,
+  query: null,
+});
+
+export const searchParamsAtom = atom(
+  (get) => get(internalSearchParamsAtom),
+  (_, set, value: { id: string | null; query: string | null }) => {
+    set(internalSearchParamsAtom, value);
+  },
+);
+export const internalSearchSystemStateAtom = atom<boolean>(false);
+
+export const searchSystemAtom = atom(
+  (get) => get(internalSearchSystemStateAtom),
+  (get, set, value: boolean) => {
+    if (value === get(internalSearchSystemStateAtom)) {
+      return;
+    }
+    const stateChangeHandler = () => {
+      const params = new URLSearchParams(window.location.search);
+      if (params.get('es') === 'true') {
+        const id = params.get('esi');
+        const query = params.get('esq');
+        set(searchParamsAtom, { id, query });
+      } else {
+        set(searchParamsAtom, { id: null, query: null });
+      }
+    };
+    if (value) {
+      set(internalSearchSystemStateAtom, true);
+      window.addEventListener('popstate', stateChangeHandler);
+      // Also trigger the hash change handler to set the initial state
+      stateChangeHandler();
+    } else {
+      set(internalSearchSystemStateAtom, false);
+      window.removeEventListener('popstate', stateChangeHandler);
+    }
+  },
+);
+
+export const filteredSearchProductsAtom = atom((get) => {
+  const searchData = get(searchAtom).data;
+  const sorting = get(searchProductSortingAtom);
+  const selectedFilters = get(searchSelectedFiltersAtom);
+  const orgConfig = get(orgUIConfigAtom);
+
+  if (!searchData?.products) return [];
+
+  const filteredProducts = ProductFilters.filterProducts(
+    searchData.products,
+    orgConfig.searchConfig.searchFilterConfig,
+    selectedFilters,
+    orgConfig.searchConfig.additiveDynamicFilters,
+  );
+
+  return ProductSorter.sort(filteredProducts, sorting);
+});
+
+export const searchFiltersAtom = atom((get) => {
+  const searchData = get(searchAtom).data;
+  const selectedFilters = get(searchSelectedFiltersAtom);
+  const orgConfig = get(orgUIConfigAtom);
+
+  if (!searchData?.products) return [];
+
+  return ProductFilters.getFiltersForProducts(
+    searchData.products,
+    orgConfig.searchConfig.searchFilterConfig,
+    selectedFilters,
+  );
+});
+
+export const addSearchFilterAtom = atom(null, (get, set, filter: SelectedFilterOption) => {
+  const current = get(searchSelectedFiltersAtom);
+  if (!current.some((f) => f.id === filter.id)) {
+    set(searchSelectedFiltersAtom, [...current, filter]);
+  }
+});
+
+export const removeSearchFilterAtom = atom(null, (get, set, filterId: string) => {
+  const current = get(searchSelectedFiltersAtom);
+  set(
+    searchSelectedFiltersAtom,
+    current.filter((f) => f.id !== filterId),
+  );
+});
+
+export const clearSearchFiltersAtom = atom(null, (_, set) => {
+  set(searchSelectedFiltersAtom, []);
+});
+
+export const performSearchAtom = atom(
+  null,
+  async (get, set, params: SearchParams, allowRedirect = false) => {
+    const currentState = get(searchAtom);
+    const orgUIConfig = get(orgUIConfigAtom);
+    const redirectSearchResultsUrl = orgUIConfig.searchConfig?.redirectSearchResultsUrl;
+
+    if (allowRedirect && redirectSearchResultsUrl) {
+      const redirectUrl = new URL(redirectSearchResultsUrl);
+      redirectUrl.searchParams.set('es', 'true');
+      redirectUrl.searchParams.set('esq', params.query);
+      window.location.href = redirectUrl.toString();
+    } else {
+      // 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', params.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: {} }));
+    }
+
+    // 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: {} }));
+    if (currentState.loading) {
+      return; // Prevent concurrent searches
+    }
+
+    set(searchAtom, {
+      data: null,
+      loading: true,
+      error: null,
+      lastQuery: params.query,
+    });
+    try {
+      const result = await SearchService.searchProducts(params);
+      set(searchAtom, {
+        data: result,
+        loading: false,
+        error: null,
+        lastQuery: params.query,
+      });
+    } catch (error: unknown) {
+      const errorMessage = error instanceof Error ? error.message : 'An unknown error occurred';
+      set(searchAtom, {
+        data: null,
+        loading: false,
+        error: errorMessage,
+        lastQuery: params.query,
+      });
+    }
+  },
+);

package/src/atoms/search/types.ts

@@ -0,0 +1,55 @@
+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/atoms/search/utils.ts

@@ -0,0 +1,18 @@
+export const formatFilterDisplayName = (displayName: string) => {
+  const sizes = ['xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl', 'xxxxl'];
+
+  const processedWords = displayName
+    .toLowerCase()
+    .split(' ')
+    .map((word) => {
+      if (sizes.includes(word)) {
+        return word.toUpperCase();
+      }
+      return word.charAt(0).toUpperCase() + word.slice(1);
+    });
+
+  const titleCasedName = processedWords.join(' ');
+
+  // Final replacements for special cases
+  return titleCasedName.replace(/Iphone/g, 'iPhone');
+};

package/src/config/divIds.ts

@@ -0,0 +1,27 @@
+// 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/locators/components/chat/entrypoints.ts

@@ -0,0 +1,13 @@
+export const SOCIAL_PROOF_CUSTOMER_COUNT_MESSAGE_TESTID =
+  'spiffy-social-proof-customer-count-message';
+export const SOCIAL_PROOF_CUSTOMER_COUNT_BUTTON_TESTID =
+  'spiffy-social-proof-customer-count-button';
+export const SOCIAL_PROOF_PDP_CONTENTS_TESTID = 'spiffy-social-proof-pdp-contents';
+export const SOCIAL_PROOF_PLP_CONTENTS_TESTID = 'spiffy-social-proof-plp-contents';
+export const SOCIAL_PROOF_SUGGESTION_FOOTER_TESTID = 'spiffy-social-proof-suggestion-footer';
+export const SOCIAL_PROOF_WIDGET_TESTID = 'spiffy-social-proof-widget';
+export const SOCIAL_PROOF_WIDGET_HEADER_TESTID = 'spiffy-social-proof-widget-header';
+
+// used in spanx config
+export const TOP_IMAGE_BANNER_PLP_TESTID = 'spiffy-top-image-banner-plp';
+export const BOTTOM_IMAGE_BANNER_PLP_TESTID = 'spiffy-bottom-image-banner-plp';

package/src/config/locators/components/chat/index.ts

@@ -0,0 +1,23 @@
+// Test ids for components rendered inside the chat modal, and the chat modal
+export const CHAT_CONTAINER_ID = '#spiffy-modal-container';
+export const CHAT_HEADER_CONTAINER_TESTID = 'spiffy-chat-header-container';
+export const CHAT_HEADER_CLOSE_BUTTON_TESTID = 'spiffy-chat-header-close-button';
+export const CHAT_MESSAGE_CONTAINER_TESTID = 'spiffy-chat-message-container';
+export const CHAT_MESSAGE_DIVIDER_TESTID = 'spiffy-chat-message-divider';
+export const CHAT_MODAL_TESTID = 'spiffy-modal-shadow-dom-container';
+export const CHAT_REPLY_INPUT_TESTID = 'spiffy-chat-reply-input';
+export const CHAT_REPLY_INPUT_SEND_BUTTON_TESTID = 'spiffy-chat-reply-input-send-button';
+export const CHAT_VIEW_PREVIOUS_MESSAGES_TESTID = 'spiffy-chat-view-previous-messages';
+export const DYNAMIC_CAROUSEL_TESTID = 'dynamic-carousel';
+export const IMAGE_STACK_TESTID = 'spiffy-product-comparison-image-stack';
+export const IMAGE_STACK_FIRST_IMAGE_TESTID = 'spiffy-product-comparison-image-stack-first-image';
+export const IMAGE_STACK_SECOND_IMAGE_TESTID = 'spiffy-product-comparison-image-stack-second-image';
+export const LOADING_MESSAGE_CONTAINER_TESTID = 'spiffy-messages-loading-container';
+export const MOBILE_CHAT_HEADER_TESTID = 'spiffy-mobile-chat-header';
+export const SCROLLABLE_SUGGESTIONS_TESTID = 'spiffy-scrollable-suggestions';
+export const SUGGESTION_BAR_TESTID = 'spiffy-suggestion-bar';
+export const SUGGESTION_BAR_BUTTON_TESTID = 'spiffy-suggestion-bar-button';
+export const SUGGESTION_BUTTON_TESTID = 'spiffy-suggestion-button';
+
+export const TAG_TESTID = 'spiffy-tag';
+export const ANIMATED_MESSAGES_TESTID = 'spiffy-animated-messages';

package/src/config/locators/components/chat/preview.ts

@@ -0,0 +1,13 @@
+export const SUGGESTION_BUTTON_TESTID = 'spiffy-suggestion-button';
+export const CHAT_PREVIEW_FOOTER_TESTID = 'spiffy-chat-preview-footer';
+export const CHAT_PREVIEW_TESTID = 'spiffy-chat-preview';
+export const CHAT_PREVIEW_SHADOW_DOM_TESTID = 'chat-preview-shadow-dom-container';
+export const CHAT_PREVIEW_BODY_TESTID = 'spiffy-chat-preview-body';
+export const CHAT_PREVIEW_HEADING_TESTID = 'spiffy-chat-preview-heading';
+export const CHAT_PREVIEW_LOADING_TESTID = 'spiffy-chat-preview-loading';
+export const CHAT_PREVIEW_USER_QUERY_BUTTON_TESTID = 'spiffy-chat-preview-user-query-button';
+export const CHAT_PREVIEW_HEADER_TESTID = 'spiffy-chat-preview-header';
+
+// used in spanx config
+export const CHAT_PREVIEW_PLP_TESTID = 'spiffy-chat-preview-plp';
+export const CHAT_PREVIEW_PDP_TESTID = 'spiffy-chat-preview-pdp';

package/src/config/locators/components/chat/variants/index.ts

@@ -0,0 +1,16 @@
+export const WELCOME_SECTION_TESTID = "welcome-section";
+export const WELCOME_SECTION_WELCOME_ICON_TESTID = "welcome-section-icon";
+export const WELCOME_SECTION_TITLE_TESTID = "welcome-section-title";
+export const WELCOME_SECTION_SUBTITLE_TESTID = "welcome-section-subtitle";
+
+export const ASSISTANT_AVATAR_TESTID = "assistant-avatar";
+export const ASSISTANT_AVATAR_NAME_TESTID = "assistant-avatar-name";
+export const ASSISTANT_AVATAR_SPARKLE_TESTID = "assistant-avatar-sparkle";
+
+export const REVIEW_CARD_STAR_RATING_TESTID = "review-card-star-rating";
+export const REVIEW_CARD_STAR_COUNT_TESTID = "review-card-star-count";
+
+export const VERIFIED_BUYER_TESTID = "verified-buyer";
+export const VERIFIED_BUYER_INCENTIVIZED_REVIEW_TESTID =
+  "verified-buyer-incentivized-review";
+export const VERIFIED_BUYER_TITLE_TESTID = "verified-buyer-title";

package/src/config/locators/components/common/buttons.ts

@@ -0,0 +1,6 @@
+export const BUTTON_BASE_TESTID = 'spiffy-button-base';
+export const SUGGESTION_BUTTON_TESTID = 'spiffy-suggestion-button';
+export const SWITCH_TO_AGENT_CONTAINER_TESTID = 'spiffy-switch-to-agent-button-container';
+export const SWITCH_TO_LIVE_AGENT_BUTTON_TESTID = 'spiffy-switch-to-live-agent-button';
+export const SWITCH_TO_AI_ASSISTANT_BUTTON_TESTID = 'spiffy-switch-to-ai-assistant-button';
+export const USER_QUERY_BUTTON_TESTID = 'spiffy-user-query-button';

package/src/config/locators/components/common/cards.ts

@@ -0,0 +1,18 @@
+export const ANIMATED_PRODUCT_CARD_TESTID = 'spiffy-animated-product-card';
+export const MESSAGE_CARD_TESTID = 'spiffy-message-card';
+export const MESSAGE_CONTENT_TESTID = 'spiffy-message-content';
+export const MESSAGE_MARKDOWN_CONTENT_TESTID = 'spiffy-message-markdown-content';
+export const MESSAGE_VARIANT_MARKDOWN = 'md';
+export const MESSAGE_VARIANT_TEXT = 'txt';
+
+export const EXPAND_COLLAPSE_CARD_TESTID = 'spiffy-product-review-card-read-more-container';
+export const PAGE_CARDS_SCROLL_CONTAINER_TESTID = 'spiffy-page-cards-scroll-container';
+export const PAGE_CARD_DESCRIPTION_TESTID = 'spiffy-page-card-description';
+export const PAGE_CARD_LINK_TESTID = 'spiffy-page-card-link';
+export const PAGE_CARD_TESTID = 'spiffy-page-card';
+export const PAGE_CARD_TITLE_TESTID = 'spiffy-page-card-title';
+export const PAGE_CARD_VIEW_SOURCE_BUTTON_TESTID = 'spiffy-page-card-view-source-button';
+export const PRODUCT_REVIEW_CARD_TESTID = 'spiffy-product-review-card';
+export const PRODUCT_REVIEW_CARD_BUTTON_TESTID = 'spiffy-product-review-card-button';
+export const PRODUCT_CARD_TESTID = 'spiffy-product-card';
+export const PRODUCT_CARDS_SCROLL_CONTAINER_TESTID = 'spiffy-product-cards-scroll-container';

package/src/config/locators/components/common/links.ts

@@ -0,0 +1 @@
+export const PRODUCT_LINK_TESTID = 'spiffy-product-link';

package/src/config/locators/components/common/tables.ts

@@ -0,0 +1,2 @@
+export const PRODUCTS_COMPARISON_TABLE_CONTAINER_TESTID =
+  'spiffy-products-comparison-table-container';

package/src/config/locators/components/floating-button.ts

@@ -0,0 +1,2 @@
+export const FLOATING_BUTTON_ICON_TESTID = "floating-button-icon";
+export const FLOATING_BUTTON_TEXT_TESTID = "floating-button-text";

package/src/config/locators/components/index.ts

@@ -0,0 +1,3 @@
+// Test ids for components rendered outside of the chat modal
+export * from './floating-button';
+export * from './shadow-dom';

package/src/config/locators/components/report-issue.ts

@@ -0,0 +1,21 @@
+export const CHAT_FEEDBACK_BUTTON_TESTID = 'chat-feedback-button';
+export const REPORT_ISSUE_CONTAINER_TESTID = 'report-issue-container';
+
+export const REPORT_ISSUE_NAME_FORM_CONTROL_TESTID = 'report-issue-name-form-control';
+export const REPORT_ISSUE_NAME_INPUT_TESTID = 'report-issue-name-input';
+
+export const REPORT_ISSUE_DESCRIPTION_FORM_CONTROL_TESTID = 'report-issue-description-form-control';
+export const REPORT_ISSUE_DESCRIPTION_INPUT_TESTID = 'report-issue-description-input';
+
+export const REPORT_ISSUE_CORRECTED_MESSAGE_FORM_CONTROL_TESTID =
+  'report-issue-corrected-message-form-control';
+export const REPORT_ISSUE_CORRECTED_MESSAGE_INPUT_TESTID = 'report-issue-corrected-message-input';
+
+export const REPORT_ISSUE_SUGGESTED_RESPONSES_FORM_CONTROL_TESTID =
+  'report-issue-suggested-responses-form-control';
+export const REPORT_ISSUE_SUGGESTED_RESPONSES_INPUT_TESTID =
+  'report-issue-suggested-responses-input';
+
+export const REPORT_ISSUE_SEND_FEEDBACK_BUTTON_TESTID = 'report-issue-send-feedback-button';
+export const REPORT_ISSUE_TURNS_FORM_CONTROL_TESTID = 'report-issue-turns-form-control';
+export const REPORT_ISSUE_CANCEL_BUTTON_TESTID = 'report-issue-cancel-button';

package/src/config/locators/components/search/index.ts

@@ -0,0 +1,5 @@
+// keeping spiffy- prefix to remain consistent with the existing test ids
+export const SEARCH_SHADOW_DOM_CONTAINER_TESTID = 'spiffy-search-shadow-dom-container';
+export const SEARCH_ENTRYPOINT_BUTTON_TESTID = 'spiffy-search-entrypoint-button';
+export const SEARCH_ENTRYPOINT_INPUT_TESTID = 'spiffy-search-entrypoint-input';
+export const SEARCH_INPUT_TESTID = 'spiffy-search-input';

package/src/config/locators/components/shadow-dom.ts

@@ -0,0 +1 @@
+export const SHADOW_DOM_CONTAINER_TESTID = "shadow-dom-container";

package/src/config/locators/embedded.ts

@@ -0,0 +1,21 @@
+// Locators that embed on the pages
+export const BOTTOM_PLP_BANNER_TESTID = 'bottom-plp-image-banner';
+export const BOTTOM_SUGGESTION_BAR_TESTID = 'bottom-suggestion-bar-shadow-dom-container';
+export const CHAT_PREVIEW_TESTID = 'chat-preview-shadow-dom-container';
+export const GLOBAL_SEARCH_ENTRYPOINT_TESTID = 'global-search-entrypoint-shadow-dom-container';
+export const SEARCH_OVERLAY_HOST_TESTID = 'search-overlay-host-shadow-dom-container';
+export const SEARCH_RESULTS_ENTRYPOINT_TESTID = 'search-results-entrypoint-shadow-dom-container';
+export const SEARCH_RESULTS_NO_OP_ENTRYPOINT_TESTID = 'search-results-no-op-shadow-dom-container';
+export const MOBILE_SEARCH_ICON_NO_OP_ENTRYPOINT_TESTID = 'mobile-search-icon-no-op-shadow-dom-container';
+export const PROMPT_CARD_TESTID = 'image-prompt-card-shadow-dom-container';
+export const FLOATING_BUTTON_TESTID = 'floating-button-shadow-dom-container';
+export const FLOATING_CHAT_TESTID = 'floating-chat-shadow-dom-container';
+export const TAILWIND_FLOATING_CHAT_BUTTON_TESTID = 'floating-chat-button';
+export const TOP_PLP_BANNER_TESTID = 'top-plp-image-banner';
+export const TOP_SUGGESTION_BAR_TESTID = 'top-suggestion-bar-shadow-dom-container';
+
+// used in spanx config
+export const CHAT_PREVIEW_PDP_TESTID = 'spiffy-chat-preview-pdp';
+export const CHAT_PREVIEW_PLP_TESTID = 'spiffy-chat-preview-plp';
+export const TOP_SUGGESTION_BAR_PDP_TESTID = 'spiffy-top-suggestion-bar-pdp';
+export const BOTTOM_SUGGESTION_BAR_PDP_TESTID = 'spiffy-bottom-suggestion-bar-pdp';

package/src/config/locators/index.ts

@@ -0,0 +1,3 @@
+export * from './components/chat';
+export * from './components';
+export * from './embedded';

package/src/config/socialProofClasses.ts

@@ -0,0 +1,17 @@
+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";