@nuskin/react-search-sdk 1.1.0-pa-1255.2 → 1.1.0

package/dist/index.mjs

@@ -104,6 +104,7 @@ async function fetchCommerceSearchConfig({
 }
 
 // src/hooks/useCommerceSearchConfig.ts
+var MISSING_CLIENT_ID_HINT = "[search] The configuration could not be read and no clientId was passed to CommerceSearch, so the Configuration SDK used the run config of the page. If the page has none, pass the clientId prop: without a client id the search cannot read its configuration or its suggestions.";
 function useCommerceSearchConfig({
   country,
   language,
@@ -117,6 +118,7 @@ function useCommerceSearchConfig({
     currentMarket.current = market;
   }, [market]);
   const reading = useRef(null);
+  const hasHintedClientId = useRef(false);
   useEffect(() => {
     if (!isOpen || loaded?.market === market || reading.current === market) {
       return;
@@ -135,6 +137,10 @@ function useCommerceSearchConfig({
         "[search] Could not load the product search configuration:",
         error
       );
+      if (!clientId && !hasHintedClientId.current) {
+        hasHintedClientId.current = true;
+        console.error(MISSING_CLIENT_ID_HINT);
+      }
     }).finally(() => {
       if (reading.current === market) reading.current = null;
     });
@@ -551,6 +557,7 @@ function createSearchService(options) {
     return catalogRequestConfigPromise;
   }
   const service = {
+    maxSuggestions,
     async fetchSuggestions(searchTerm) {
       const trimmedSearchTerm = String(searchTerm ?? "").trim();
       if (!trimmedSearchTerm || trimmedSearchTerm.length < minimumSearchLength) {
@@ -629,7 +636,8 @@ var fetchMarketConfig = async ({
 // src/utils/gtmConstants.ts
 var SEARCH_GTM_EVENTS = {
   CHAT_ENTRY_POINT: "Begin_chat",
-  PRODUCT_SEARCH: "ProductSearch"};
+  PRODUCT_SEARCH: "ProductSearch"
+};
 var SEARCH_GTM_SEARCH_TYPES = {
   SEMANTIC: "semantic search"};
 var SEARCH_GTM_USER_STATUS = {
@@ -786,17 +794,6 @@ function useRecentSearches({
 }
 
 // src/utils/catalogStatus.ts
-var CART_DISABLED_PRODUCT_STATUSES = /* @__PURE__ */ new Set([
-  "discontinued",
-  "preview",
-  "previewproduct",
-  "test",
-  "stopped",
-  "replacement",
-  "bundleonly",
-  "inactive",
-  "notavailable"
-]);
 function normalizeProductStatusValue(value) {
   return String(value ?? "").trim().toLowerCase().replace(/\s+/g, "");
 }
@@ -809,9 +806,6 @@ function resolveSkuStatusValues(suggestionOption) {
   ].map(normalizeProductStatusValue).filter(Boolean);
 }
 function isNonSellableStatusValue(statusValue) {
-  if (CART_DISABLED_PRODUCT_STATUSES.has(statusValue)) {
-    return true;
-  }
   return statusValue !== "sellable" && statusValue !== "active";
 }
 function isCartActionDisabled(suggestionOption) {
@@ -1049,38 +1043,21 @@ function getVisibleSuggestions(opts) {
 
 // src/hooks/useSearchSuggestions.ts
 function normalizeSuggestionsResponse(response) {
-  if (Array.isArray(response)) {
+  if (Array.isArray(response.product)) {
     return {
-      suggestions: response,
-      didYouMean: []
-    };
-  }
-  if (!response || typeof response !== "object") {
-    return { suggestions: [], didYouMean: [] };
-  }
-  const r = response;
-  if (Array.isArray(r.product)) {
-    return {
-      suggestions: r.product.map(
+      suggestions: response.product.map(
         (product, index) => mapCatalogProductToSuggestion(product, index)
       ).filter((item) => item !== null),
-      didYouMean: normalizeDidYouMean(r.didYouMean ?? r.did_you_mean)
+      didYouMean: normalizeDidYouMean(
+        response.didYouMean ?? response.did_you_mean
+      )
     };
   }
   return {
-    suggestions: Array.isArray(r.suggestions) ? r.suggestions : [],
-    didYouMean: normalizeDidYouMean(r.didYouMean)
+    suggestions: response.suggestions,
+    didYouMean: normalizeDidYouMean(response.didYouMean)
   };
 }
-function resolveTotalResultsCount2(response, fallback) {
-  if (typeof response.totalResultsCount === "number") {
-    return response.totalResultsCount;
-  }
-  if (typeof response.pageableInfo?.totalCount === "number") {
-    return response.pageableInfo.totalCount;
-  }
-  return fallback;
-}
 var FETCH_FAILED = {
   suggestions: [],
   didYouMean: [],
@@ -1099,10 +1076,7 @@ function toSettledResults(response, maxSuggestions) {
       failed: false
     };
   }
-  const total = Math.max(
-    resolveTotalResultsCount2(response, allSuggestions.length),
-    allSuggestions.length
-  );
+  const total = Math.max(response.totalResultsCount, allSuggestions.length);
   const suggestions = allSuggestions.slice(0, maxSuggestions);
   return {
     suggestions,
@@ -1114,9 +1088,9 @@ function toSettledResults(response, maxSuggestions) {
 }
 function useSearchSuggestions({
   service,
-  enabled = true,
-  maxSuggestions = DEFAULT_MAX_SUGGESTIONS
+  enabled = true
 }) {
+  const { maxSuggestions } = service;
   const [query, setQuery] = useState("");
   const [suggestions, setSuggestions] = useState([]);
   const [didYouMean, setDidYouMean] = useState([]);
@@ -1545,7 +1519,6 @@ function CommerceSearchView({
   agentProducts,
   logo,
   minimumSearchLength = MINIMUM_SEARCH_CHAR_LENGTH,
-  maxSuggestions = DEFAULT_MAX_SUGGESTIONS,
   gtmContext
 }) {
   const [handoff, setHandoff] = useState(null);
@@ -1553,7 +1526,6 @@ function CommerceSearchView({
   const [pendingTerm, setPendingTerm] = useState(null);
   const search = useSearchSuggestions({
     service,
-    maxSuggestions,
     enabled: isOpen && agentQuery === null
   });
   const {
@@ -1845,7 +1817,6 @@ function ValidMarketSearch({
       copy,
       logo,
       minimumSearchLength,
-      maxSuggestions,
       gtmContext
     }
   );