@nuskin/react-search-sdk 1.0.0 → 1.0.1-code-cleanup.1

package/dist/index.js

@@ -127,21 +127,41 @@ async function fetchSearchPanelCopy(_options = {}) {
 
 // src/copy/loadSearchPanelCopy.ts
 var copyByLanguage = /* @__PURE__ */ new Map();
+var loadedByLanguage = /* @__PURE__ */ new Map();
+function cacheKey(language) {
+  return (language ?? "").toLowerCase();
+}
 function loadSearchPanelCopy(language) {
-  const key = (language ?? "").toLowerCase();
+  const key = cacheKey(language);
   const cached = copyByLanguage.get(key);
   if (cached) return cached;
   const pending = fetchSearchPanelCopy(language ? { } : {});
   copyByLanguage.set(key, pending);
-  pending.catch(() => copyByLanguage.delete(key));
+  pending.then(
+    (copy) => {
+      if (copyByLanguage.get(key) === pending) {
+        loadedByLanguage.set(key, copy);
+      }
+    },
+    () => {
+      if (copyByLanguage.get(key) === pending) {
+        copyByLanguage.delete(key);
+      }
+    }
+  );
   return pending;
 }
+function peekSearchPanelCopy(language) {
+  return loadedByLanguage.get(cacheKey(language));
+}
 
 // src/hooks/useSearchPanelCopy.ts
 function useSearchPanelCopy({
   language
 }) {
-  const [copy, setCopy] = react.useState(void 0);
+  const [copy, setCopy] = react.useState(
+    () => peekSearchPanelCopy(language)
+  );
   react.useEffect(() => {
     let isStale = false;
     loadSearchPanelCopy(language).then((next) => {
@@ -159,21 +179,7 @@ function useSearchPanelCopy({
   return copy;
 }
 
-// src/services/SearchApiService.ts
-function canUseStorage(storage) {
-  return Boolean(storage) && typeof storage.getItem === "function";
-}
-function getSessionStorage(providedStorage) {
-  if (providedStorage) return providedStorage;
-  if (typeof window !== "undefined") {
-    try {
-      return window.sessionStorage;
-    } catch {
-      return null;
-    }
-  }
-  return null;
-}
+// src/services/localeParts.ts
 function normalizeLocaleParts({
   country,
   language,
@@ -188,6 +194,102 @@ function normalizeLocaleParts({
     locale: normalizedLocale
   };
 }
+function toCatalogLocale(localeParts) {
+  const language = String(localeParts.language ?? "en").toLowerCase();
+  const country = String(localeParts.country ?? "US").toUpperCase();
+  return `${language}_${country}`;
+}
+
+// src/services/catalogRequest.ts
+function resolveApiGatewayPath(apiGatewayPath, apiName = STOREFRONT_SHOPPING_CONTEXT) {
+  const apiGateway = String(apiGatewayPath ?? "").trim();
+  if (!apiGateway) return "";
+  return apiGateway.replace(/\{api_name\}/gi, apiName).replace(/\/$/, "");
+}
+function resolveCatalogApiBaseUrl(marketConfig) {
+  return resolveApiGatewayPath(marketConfig?.api_gateway_path);
+}
+function resolveCatalogStoreId(marketConfig) {
+  return String(marketConfig?.store_id ?? "").trim();
+}
+function buildCatalogSuggestionsUrl(apiBaseUrl) {
+  const normalizedBase = String(apiBaseUrl ?? "").trim().replace(/\/$/, "");
+  if (!normalizedBase) return "";
+  const suggestionsPath = normalizedBase.endsWith(
+    `/${STOREFRONT_SHOPPING_CONTEXT}`
+  ) ? "/catalogs/search/suggestions" : CATALOG_SUGGESTIONS_PATH;
+  return `${normalizedBase}${suggestionsPath}`;
+}
+function buildSuggestionsRequestUrl({
+  suggestionsUrl,
+  searchTerm,
+  storeId,
+  localeParts
+}) {
+  const queryParams = new URLSearchParams({
+    searchTerm,
+    page: String(DEFAULT_SUGGESTION_PAGE),
+    size: String(DEFAULT_SUGGESTION_SIZE),
+    locale: toCatalogLocale(localeParts),
+    storeId
+  });
+  return `${suggestionsUrl}?${queryParams.toString()}`;
+}
+async function resolveCatalogRequestConfig({
+  locationLike,
+  country,
+  getMarketConfig
+}) {
+  const marketConfig = getMarketConfig ? await getMarketConfig({ locationLike, country }) ?? null : null;
+  return {
+    suggestionsUrl: buildCatalogSuggestionsUrl(
+      resolveCatalogApiBaseUrl(marketConfig)
+    ),
+    storeId: resolveCatalogStoreId(marketConfig)
+  };
+}
+function resolveCustomerTypeHeaders(getCustomerType) {
+  const customerType = getCustomerType?.()?.trim();
+  return customerType ? { "X-Customer-Type": customerType } : void 0;
+}
+var NO_RESULTS_ERROR_CODE = "SFOSER002";
+async function isNoResultsResponse(response) {
+  if (response.status !== 404) return false;
+  try {
+    const body = await response.json();
+    return body?.code === NO_RESULTS_ERROR_CODE;
+  } catch {
+    return false;
+  }
+}
+async function fetchJson(fetchImpl, requestUrl, requestHeaders = {}) {
+  const response = await fetchImpl(requestUrl, {
+    method: "GET",
+    credentials: "include",
+    headers: { Accept: "application/json", ...requestHeaders }
+  });
+  if (!response.ok) {
+    if (await isNoResultsResponse(response)) return null;
+    throw new Error(`Request failed with status ${response.status}`);
+  }
+  return response.json();
+}
+
+// src/services/recentSearches.ts
+function canUseStorage(storage) {
+  return Boolean(storage) && typeof storage.getItem === "function";
+}
+function getSessionStorage(providedStorage) {
+  if (providedStorage) return providedStorage;
+  if (typeof window !== "undefined") {
+    try {
+      return window.sessionStorage;
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
 function getRecentHeaderSearchesStorageKey(localeParts) {
   const { country, language, locale } = normalizeLocaleParts(localeParts);
   return `${RECENT_SEARCHES_PREFIX}:${locale}:${country}:${language}`;
@@ -243,63 +345,8 @@ function clearRecentHeaderSearches(localeParts, storage) {
   } catch {
   }
 }
-function getBrowserLocation(providedLocation) {
-  if (providedLocation) return providedLocation;
-  if (typeof window !== "undefined" && window.location)
-    return window.location;
-  return null;
-}
-function resolveApiGatewayPath(apiGatewayPath, apiName = STOREFRONT_SHOPPING_CONTEXT) {
-  const apiGateway = String(apiGatewayPath ?? "").trim();
-  if (!apiGateway) return "";
-  return apiGateway.replace(/\{api_name\}/gi, apiName).replace(/\/$/, "");
-}
-function resolveCatalogApiBaseUrl(marketConfig) {
-  return resolveApiGatewayPath(marketConfig?.api_gateway_path);
-}
-function resolveCatalogStoreId(marketConfig) {
-  return String(marketConfig?.store_id ?? "").trim();
-}
-function buildCatalogSuggestionsUrl(apiBaseUrl) {
-  const normalizedBase = String(apiBaseUrl ?? "").trim().replace(/\/$/, "");
-  if (!normalizedBase) return "";
-  const suggestionsPath = normalizedBase.endsWith(
-    `/${STOREFRONT_SHOPPING_CONTEXT}`
-  ) ? "/catalogs/search/suggestions" : CATALOG_SUGGESTIONS_PATH;
-  return `${normalizedBase}${suggestionsPath}`;
-}
-function resolveSuggestionsUrl(suggestionsApi, locationLike) {
-  const pathOrUrl = String(suggestionsApi ?? "").trim();
-  if (!pathOrUrl) return "";
-  if (pathOrUrl.startsWith("http://") || pathOrUrl.startsWith("https://")) {
-    return pathOrUrl;
-  }
-  const normalizedPath = pathOrUrl.startsWith("/") ? pathOrUrl : `/${pathOrUrl}`;
-  const origin = String(locationLike?.origin ?? "").trim();
-  return origin ? `${origin}${normalizedPath}` : normalizedPath;
-}
-async function resolveCatalogRequestConfig({
-  suggestionsApi,
-  storeIdOption,
-  locationLike,
-  country,
-  getMarketConfig
-}) {
-  const explicitStoreId = storeIdOption !== void 0 && storeIdOption !== null && String(storeIdOption).trim() !== "" ? String(storeIdOption).trim() : "";
-  const marketConfig = getMarketConfig ? await getMarketConfig({ locationLike, country }) ?? null : null;
-  const configuredApiBase = resolveCatalogApiBaseUrl(marketConfig);
-  const configuredStoreId = resolveCatalogStoreId(marketConfig);
-  const explicitSuggestionsApi = String(suggestionsApi ?? "").trim();
-  return {
-    suggestionsUrl: explicitSuggestionsApi ? resolveSuggestionsUrl(explicitSuggestionsApi, locationLike) : buildCatalogSuggestionsUrl(configuredApiBase),
-    storeId: explicitStoreId || configuredStoreId
-  };
-}
-function toCatalogLocale(localeParts) {
-  const language = String(localeParts.language ?? "en").toLowerCase();
-  const country = String(localeParts.country ?? "US").toUpperCase();
-  return `${language}_${country}`;
-}
+
+// src/services/searchPaths.ts
 function buildSearchResultsPath(query, localeParts) {
   const trimmedQuery = String(query ?? "").trim();
   const hyphenatedQuery = trimmedQuery.replace(/\s+/g, "-");
@@ -369,50 +416,52 @@ function resolveOptionHref(option, localeParts) {
   }
   return "";
 }
-function resolveCustomerTypeHeaders(getCustomerType) {
-  const customerType = getCustomerType?.()?.trim();
-  return customerType ? { "X-Customer-Type": customerType } : void 0;
+
+// src/services/suggestionsPayload.ts
+function emptySuggestions() {
+  return { suggestions: [], didYouMean: [], totalResultsCount: 0 };
 }
-var NO_RESULTS_ERROR_CODE = "SFOSER002";
-async function isNoResultsResponse(response) {
-  if (response.status !== 404) return false;
-  try {
-    const body = await response.json();
-    return body?.code === NO_RESULTS_ERROR_CODE;
-  } catch {
-    return false;
+function resolveTotalResultsCount(payload, fallback) {
+  if (typeof payload?.totalResultsCount === "number") {
+    return payload.totalResultsCount;
   }
+  const pageableTotal = Number(
+    payload?.pageableInfo?.totalCount ?? Number.NaN
+  );
+  return Number.isNaN(pageableTotal) ? fallback : pageableTotal;
 }
-async function fetchJsonFromCandidates(fetchImpl, requestUrls, requestHeaders = {}) {
-  let lastError;
-  for (const requestUrl of requestUrls) {
-    try {
-      const response = await fetchImpl(requestUrl, {
-        method: "GET",
-        credentials: "include",
-        headers: { Accept: "application/json", ...requestHeaders }
-      });
-      if (!response.ok) {
-        if (await isNoResultsResponse(response)) return null;
-        lastError = new Error(
-          `Request failed with status ${response.status}`
-        );
-        continue;
-      }
-      return await response.json();
-    } catch (error) {
-      lastError = error;
-    }
-  }
-  throw lastError ?? new Error("Unable to fetch header search data");
+function normalizeSuggestionsPayload(payload) {
+  const suggestions = Array.isArray(payload?.suggestions) ? payload.suggestions : [];
+  const products = Array.isArray(payload?.product) ? payload.product : null;
+  const rawDidYouMean = payload?.didYouMean ?? payload?.did_you_mean;
+  const didYouMean = Array.isArray(rawDidYouMean) ? rawDidYouMean : [];
+  return {
+    ...payload ?? {},
+    suggestions,
+    didYouMean,
+    totalResultsCount: resolveTotalResultsCount(
+      payload,
+      products?.length ?? suggestions.length
+    )
+  };
+}
+
+// src/services/SearchApiService.ts
+function getBrowserLocation(providedLocation) {
+  if (providedLocation) return providedLocation;
+  if (typeof window !== "undefined" && window.location)
+    return window.location;
+  return null;
+}
+function resolveFetch(fetchImplOption) {
+  if (fetchImplOption !== void 0) return fetchImplOption;
+  return typeof fetch === "function" ? fetch.bind(globalThis) : null;
 }
 function createSearchService(options = {}) {
   const {
     fetchImpl: fetchImplOption,
     location: providedLocation,
     storage: providedStorage,
-    suggestionsApi,
-    storeId: storeIdOption,
     country,
     language,
     locale,
@@ -420,7 +469,7 @@ function createSearchService(options = {}) {
     getCustomerType,
     minimumSearchLength = MINIMUM_SEARCH_CHAR_LENGTH
   } = options;
-  const fetchImpl = fetchImplOption !== void 0 ? fetchImplOption : typeof fetch === "function" ? fetch.bind(globalThis) : null;
+  const fetchImpl = resolveFetch(fetchImplOption);
   const locationLike = getBrowserLocation(providedLocation);
   const storage = getSessionStorage(providedStorage);
   const localeParts = normalizeLocaleParts({ country, language, locale });
@@ -428,8 +477,6 @@ function createSearchService(options = {}) {
   function loadCatalogRequestConfig() {
     if (!catalogRequestConfigPromise) {
       catalogRequestConfigPromise = resolveCatalogRequestConfig({
-        suggestionsApi,
-        storeIdOption,
         locationLike,
         country: localeParts.country,
         getMarketConfig
@@ -448,47 +495,21 @@ function createSearchService(options = {}) {
     async fetchSuggestions(searchTerm) {
       const trimmedSearchTerm = String(searchTerm ?? "").trim();
       if (!trimmedSearchTerm || trimmedSearchTerm.length < minimumSearchLength || !fetchImpl) {
-        return {
-          suggestions: [],
-          didYouMean: [],
-          totalResultsCount: 0
-        };
+        return emptySuggestions();
       }
       const { suggestionsUrl, storeId } = await loadCatalogRequestConfig();
-      if (!suggestionsUrl || !storeId) {
-        return {
-          suggestions: [],
-          didYouMean: [],
-          totalResultsCount: 0
-        };
-      }
-      const queryParams = new URLSearchParams({
-        searchTerm: trimmedSearchTerm,
-        page: String(DEFAULT_SUGGESTION_PAGE),
-        size: String(DEFAULT_SUGGESTION_SIZE),
-        locale: toCatalogLocale(localeParts),
-        storeId: String(storeId)
-      });
-      const requestUrls = [`${suggestionsUrl}?${queryParams.toString()}`];
-      const responsePayload = await fetchJsonFromCandidates(
+      if (!suggestionsUrl || !storeId) return emptySuggestions();
+      const responsePayload = await fetchJson(
         fetchImpl,
-        requestUrls,
+        buildSuggestionsRequestUrl({
+          suggestionsUrl,
+          searchTerm: trimmedSearchTerm,
+          storeId,
+          localeParts
+        }),
         resolveCustomerTypeHeaders(getCustomerType)
       );
-      const suggestionsField = Array.isArray(responsePayload?.suggestions) ? responsePayload?.suggestions : [];
-      const productField = Array.isArray(responsePayload?.product) ? responsePayload?.product : null;
-      const rawDidYouMean = responsePayload?.didYouMean ?? responsePayload?.did_you_mean;
-      const didYouMeanField = Array.isArray(rawDidYouMean) ? rawDidYouMean : [];
-      const pageableTotal = Number(
-        responsePayload?.pageableInfo?.totalCount ?? Number.NaN
-      );
-      const totalResultsCount = typeof responsePayload?.totalResultsCount === "number" ? responsePayload.totalResultsCount : !Number.isNaN(pageableTotal) ? pageableTotal : productField?.length ?? suggestionsField.length;
-      return {
-        ...responsePayload ?? {},
-        suggestions: suggestionsField,
-        didYouMean: didYouMeanField,
-        totalResultsCount
-      };
+      return normalizeSuggestionsPayload(responsePayload);
     },
     submitProductSearch(query, option) {
       const trimmedQuery = String(query ?? "").trim();
@@ -573,7 +594,90 @@ function getProductEnvironment() {
   }
 }
 
-// src/utils/catalogHelpers.ts
+// src/utils/nuiSearchGate.ts
+var NUI_SEARCH_FLAG = "enableNuiSearch";
+function parseFlagValue(raw) {
+  const value = raw?.trim().toLowerCase();
+  if (value === "true" || value === "1") return true;
+  if (value === "false" || value === "0") return false;
+  return void 0;
+}
+function readCookieFlag(cookie) {
+  for (const part of cookie.split(";")) {
+    const separator = part.indexOf("=");
+    if (separator < 0) continue;
+    if (part.slice(0, separator).trim() !== NUI_SEARCH_FLAG) continue;
+    try {
+      return parseFlagValue(
+        decodeURIComponent(part.slice(separator + 1))
+      );
+    } catch {
+      return void 0;
+    }
+  }
+  return void 0;
+}
+function resolveNuiSearchFlag(env = {}) {
+  const inBrowser = typeof window !== "undefined" && typeof document !== "undefined";
+  const search = env.search ?? (inBrowser ? window.location.search : "");
+  const cookie = env.cookie ?? (inBrowser ? document.cookie : "");
+  return parseFlagValue(new URLSearchParams(search).get(NUI_SEARCH_FLAG)) ?? readCookieFlag(cookie);
+}
+function isNuiSearchEnabled({
+  isAuthenticated,
+  flag,
+  allowGuests = false
+}) {
+  return flag === true && (isAuthenticated === true || allowGuests);
+}
+
+// src/hooks/useNuiAgentGate.ts
+function useNuiAgentGate({
+  hasAgent,
+  isOpen,
+  isAuthenticated,
+  allowGuestAgent
+}) {
+  const [flag, setFlag] = react.useState(void 0);
+  react.useEffect(() => {
+    if (isOpen) setFlag(resolveNuiSearchFlag());
+  }, [isOpen]);
+  return hasAgent && isNuiSearchEnabled({
+    isAuthenticated,
+    flag,
+    allowGuests: allowGuestAgent
+  });
+}
+function uniqueRecentSearches(queries) {
+  const seen = /* @__PURE__ */ new Set();
+  return queries.filter((query) => {
+    const key = query.trim().toLowerCase();
+    if (!key || seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+}
+function useRecentSearches({
+  service,
+  isOpen,
+  refreshKey
+}) {
+  const [recentSearches, setRecentSearches] = react.useState([]);
+  react.useEffect(() => {
+    if (isOpen) {
+      setRecentSearches(
+        uniqueRecentSearches(service.getRecentSearches())
+      );
+    }
+  }, [isOpen, service, refreshKey]);
+  const clearRecentSearches = react.useCallback(() => {
+    service.clearRecentSearches();
+    setRecentSearches([]);
+  }, [service]);
+  return { recentSearches, clearRecentSearches };
+}
+
+// src/utils/catalogStatus.ts
 var CART_DISABLED_PRODUCT_STATUSES = /* @__PURE__ */ new Set([
   "discontinued",
   "preview",
@@ -621,6 +725,8 @@ function isSuggestionDisabled(suggestionOption) {
     !suggestionOption || suggestionOption["out_of_stock"] || suggestionOption["outOfStock"]
   );
 }
+
+// src/utils/catalogHelpers.ts
 function getImageFromProperty(properties = {}) {
   let image = String(properties["primaryimage"] ?? "").trim() || String(properties["imageURL"] ?? "").trim();
   if (!image) {
@@ -858,6 +964,46 @@ function normalizeSuggestionsResponse(response) {
     didYouMean: normalizeDidYouMean(r.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: [],
+  hasMoreResults: false,
+  emptyFetched: true,
+  failed: true
+};
+function toSettledResults(response) {
+  const { suggestions: allSuggestions, didYouMean } = normalizeSuggestionsResponse(response);
+  if (didYouMean.length > 0) {
+    return {
+      suggestions: [],
+      didYouMean,
+      hasMoreResults: false,
+      emptyFetched: false,
+      failed: false
+    };
+  }
+  const total = Math.max(
+    resolveTotalResultsCount2(response, allSuggestions.length),
+    allSuggestions.length
+  );
+  const suggestions = allSuggestions.slice(0, MAX_VISIBLE_SUGGESTIONS);
+  return {
+    suggestions,
+    didYouMean,
+    hasMoreResults: total > MAX_VISIBLE_SUGGESTIONS,
+    emptyFetched: suggestions.length === 0,
+    failed: false
+  };
+}
 function useSearchSuggestions({
   service,
   enabled = true
@@ -869,7 +1015,6 @@ function useSearchSuggestions({
   const [emptyFetched, setEmptyFetched] = react.useState(false);
   const [suggestionFetchFailed, setSuggestionFetchFailed] = react.useState(false);
   const [hasMoreResults, setHasMoreResults] = react.useState(false);
-  const [totalResultsCount, setTotalResultsCount] = react.useState(0);
   const [settledQuery, setSettledQuery] = react.useState("");
   const fetchDebounced = react.useRef(null);
   const latestRequestId = react.useRef(0);
@@ -879,7 +1024,6 @@ function useSearchSuggestions({
     setEmptyFetched(false);
     setSuggestionFetchFailed(false);
     setHasMoreResults(false);
-    setTotalResultsCount(0);
     setSettledQuery("");
     setLoading(false);
   }, []);
@@ -897,6 +1041,14 @@ function useSearchSuggestions({
     resetSuggestionsState();
     setQuery("");
   }, [resetSuggestionsState]);
+  const settle = react.useCallback((results, term) => {
+    setDidYouMean(results.didYouMean);
+    setSuggestions(results.suggestions);
+    setHasMoreResults(results.hasMoreResults);
+    setSuggestionFetchFailed(results.failed);
+    setSettledQuery(term);
+    setEmptyFetched(results.emptyFetched);
+  }, []);
   const runFetch = react.useCallback(
     async (nextQuery) => {
       const trimmedQuery = nextQuery.trim();
@@ -908,51 +1060,20 @@ function useSearchSuggestions({
       setLoading(true);
       setEmptyFetched(false);
       setSuggestionFetchFailed(false);
+      let results;
       try {
-        const fetchedSuggestions = await service.fetchSuggestions(trimmedQuery);
-        if (requestId !== latestRequestId.current) {
-          return;
-        }
-        const {
-          suggestions: allSuggestions,
-          didYouMean: suggestedTerms
-        } = normalizeSuggestionsResponse(fetchedSuggestions);
-        const visibleSuggestions = allSuggestions.slice(
-          0,
-          MAX_VISIBLE_SUGGESTIONS
+        results = toSettledResults(
+          await service.fetchSuggestions(trimmedQuery)
         );
-        const hasDidYouMean = suggestedTerms.length > 0;
-        const normalizedTotal = typeof fetchedSuggestions.totalResultsCount === "number" ? fetchedSuggestions.totalResultsCount : typeof fetchedSuggestions.pageableInfo?.totalCount === "number" ? fetchedSuggestions.pageableInfo.totalCount : allSuggestions.length;
-        const effectiveTotal = hasDidYouMean ? suggestedTerms.length : Math.max(normalizedTotal, allSuggestions.length);
-        setDidYouMean(suggestedTerms);
-        setSuggestions(hasDidYouMean ? [] : visibleSuggestions);
-        setHasMoreResults(
-          !hasDidYouMean && effectiveTotal > MAX_VISIBLE_SUGGESTIONS
-        );
-        setTotalResultsCount(effectiveTotal);
-        setSuggestionFetchFailed(false);
-        setSettledQuery(trimmedQuery);
-        setEmptyFetched(
-          hasDidYouMean ? false : visibleSuggestions.length === 0 && suggestedTerms.length === 0
-        );
-      } catch {
-        if (requestId !== latestRequestId.current) {
-          return;
-        }
-        setSuggestions([]);
-        setDidYouMean([]);
-        setEmptyFetched(true);
-        setSuggestionFetchFailed(true);
-        setHasMoreResults(false);
-        setTotalResultsCount(0);
-        setSettledQuery(trimmedQuery);
-      } finally {
-        if (requestId === latestRequestId.current) {
-          setLoading(false);
-        }
+      } catch (error) {
+        console.warn("[search] Could not load suggestions:", error);
+        results = FETCH_FAILED;
       }
+      if (requestId !== latestRequestId.current) return;
+      settle(results, trimmedQuery);
+      setLoading(false);
     },
-    [enabled, service, resetSuggestionsState]
+    [enabled, service, resetSuggestionsState, settle]
   );
   react.useEffect(() => {
     if (!enabled) {
@@ -976,15 +1097,12 @@ function useSearchSuggestions({
     clearQuery,
     emptyFetched,
     hasMoreResults,
-    hasQuery: Boolean(query.trim()),
     didYouMean,
     loading,
     query,
     settledQuery,
-    setQuery,
     suggestionFetchFailed,
     suggestions,
-    totalResultsCount,
     updateQuery
   };
 }
@@ -1059,43 +1177,6 @@ function trackProductSearch(input) {
   });
 }
 
-// src/utils/nuiSearchGate.ts
-var NUI_SEARCH_FLAG = "enableNuiSearch";
-function parseFlagValue(raw) {
-  const value = raw?.trim().toLowerCase();
-  if (value === "true" || value === "1") return true;
-  if (value === "false" || value === "0") return false;
-  return void 0;
-}
-function readCookieFlag(cookie) {
-  for (const part of cookie.split(";")) {
-    const separator = part.indexOf("=");
-    if (separator < 0) continue;
-    if (part.slice(0, separator).trim() !== NUI_SEARCH_FLAG) continue;
-    try {
-      return parseFlagValue(
-        decodeURIComponent(part.slice(separator + 1))
-      );
-    } catch {
-      return void 0;
-    }
-  }
-  return void 0;
-}
-function resolveNuiSearchFlag(env = {}) {
-  const inBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-  const search = env.search ?? (inBrowser ? window.location.search : "");
-  const cookie = env.cookie ?? (inBrowser ? document.cookie : "");
-  return parseFlagValue(new URLSearchParams(search).get(NUI_SEARCH_FLAG)) ?? readCookieFlag(cookie);
-}
-function isNuiSearchEnabled({
-  isAuthenticated,
-  flag,
-  allowGuests = false
-}) {
-  return flag === true && (isAuthenticated === true || allowGuests);
-}
-
 // src/utils/searchRouting.ts
 function decideSearchRoute({
   enabled,
@@ -1108,6 +1189,96 @@ function decideSearchRoute({
   return snapshot.suggestions.length > 0 ? "search" : "handoff";
 }
 
+// src/hooks/useSubmitRouting.ts
+var SUBMIT_WAIT_TIMEOUT_MS = 2e3;
+function useSubmitRouting({
+  enabled,
+  minimumSearchLength,
+  search,
+  gtmContext,
+  pendingTerm,
+  setPendingTerm,
+  onSearch,
+  onHandoff
+}) {
+  const {
+    didYouMean,
+    loading,
+    settledQuery,
+    suggestionFetchFailed,
+    suggestions
+  } = search;
+  const decide = react.useCallback(
+    (term) => decideSearchRoute({
+      enabled,
+      snapshot: {
+        query: term,
+        loading,
+        settledQuery,
+        suggestions,
+        suggestionFetchFailed
+      }
+    }),
+    [enabled, loading, settledQuery, suggestions, suggestionFetchFailed]
+  );
+  const act = react.useCallback(
+    (term, route) => {
+      setPendingTerm(null);
+      if (route === "handoff") {
+        trackChatEntryPoint(gtmContext ?? {});
+        onHandoff({
+          query: term,
+          didYouMean: didYouMean.map((item) => item.value)
+        });
+        return;
+      }
+      onSearch(term);
+    },
+    [didYouMean, gtmContext, onHandoff, onSearch, setPendingTerm]
+  );
+  const submit = react.useCallback(
+    (value) => {
+      const term = value.trim();
+      if (!term) return;
+      if (term.length < minimumSearchLength) {
+        onSearch(term);
+        return;
+      }
+      const route = decide(term);
+      if (route === "wait") {
+        setPendingTerm(term);
+        return;
+      }
+      act(term, route);
+    },
+    [act, decide, minimumSearchLength, onSearch, setPendingTerm]
+  );
+  const latest = react.useRef({ act, decide });
+  react.useEffect(() => {
+    latest.current = { act, decide };
+  });
+  react.useEffect(() => {
+    if (pendingTerm === null) return void 0;
+    const route = latest.current.decide(pendingTerm);
+    if (route !== "wait") {
+      latest.current.act(pendingTerm, route);
+      return void 0;
+    }
+    const timer = setTimeout(
+      () => latest.current.act(pendingTerm, "search"),
+      SUBMIT_WAIT_TIMEOUT_MS
+    );
+    return () => clearTimeout(timer);
+  }, [
+    pendingTerm,
+    loading,
+    settledQuery,
+    suggestions,
+    suggestionFetchFailed
+  ]);
+  return submit;
+}
+
 // src/utils/cachedProductClient.ts
 function withProductCache(client) {
   const lookups = /* @__PURE__ */ new Map();
@@ -1175,7 +1346,8 @@ var AgentErrorBoundary = class extends react.Component {
   static getDerivedStateFromError() {
     return { failed: true };
   }
-  componentDidCatch(_error, _info) {
+  componentDidCatch(error) {
+    console.warn("[search] The agent could not be shown:", error);
     this.props.onError();
   }
   render() {
@@ -1188,6 +1360,10 @@ function useHandoff({
   agentContext,
   onUnavailable
 }) {
+  const onUnavailableRef = react.useRef(onUnavailable);
+  react.useEffect(() => {
+    onUnavailableRef.current = onUnavailable;
+  });
   react.useEffect(() => {
     let cancelled = false;
     let timer;
@@ -1203,7 +1379,10 @@ function useHandoff({
         return;
       }
       if (Date.now() - startedAt >= HANDLE_TIMEOUT_MS) {
-        onUnavailable();
+        console.warn(
+          `[search] The agent did not start within ${HANDLE_TIMEOUT_MS / 1e3} seconds.`
+        );
+        onUnavailableRef.current();
         return;
       }
       timer = setTimeout(tryOpen, HANDLE_POLL_MS);
@@ -1245,16 +1424,6 @@ function NuiAgentPanel({
     }
   ) });
 }
-var SUBMIT_WAIT_TIMEOUT_MS = 2e3;
-function uniqueRecentSearches(queries) {
-  const seen = /* @__PURE__ */ new Set();
-  return queries.filter((query) => {
-    const key = query.trim().toLowerCase();
-    if (!key || seen.has(key)) return false;
-    seen.add(key);
-    return true;
-  });
-}
 function CommerceSearchView({
   copy,
   isOpen,
@@ -1269,11 +1438,9 @@ function CommerceSearchView({
   minimumSearchLength = MINIMUM_SEARCH_CHAR_LENGTH,
   gtmContext
 }) {
-  const [flag, setFlag] = react.useState(void 0);
   const [handoff, setHandoff] = react.useState(null);
   const agentQuery = handoff?.query ?? null;
   const [pendingTerm, setPendingTerm] = react.useState(null);
-  const [recentSearches, setRecentSearches] = react.useState([]);
   const search = useSearchSuggestions({
     service,
     enabled: isOpen && agentQuery === null
@@ -1285,31 +1452,25 @@ function CommerceSearchView({
     hasMoreResults,
     loading,
     query,
-    settledQuery,
-    suggestionFetchFailed,
     suggestions,
     updateQuery
   } = search;
-  const enabled = agent !== void 0 && isNuiSearchEnabled({
+  const agentEnabled = useNuiAgentGate({
+    hasAgent: agent !== void 0,
+    isOpen,
     isAuthenticated,
-    flag,
-    allowGuests: allowGuestAgent
+    allowGuestAgent
+  });
+  const { recentSearches, clearRecentSearches } = useRecentSearches({
+    service,
+    isOpen,
+    refreshKey: agentQuery
   });
   const items = getVisibleSuggestions({
     didYouMean,
     suggestions
   });
   const showDidYouMean = didYouMean.length > 0;
-  react.useEffect(() => {
-    if (isOpen) setFlag(resolveNuiSearchFlag());
-  }, [isOpen]);
-  react.useEffect(() => {
-    if (isOpen) {
-      setRecentSearches(
-        uniqueRecentSearches(service.getRecentSearches())
-      );
-    }
-  }, [isOpen, service, agentQuery]);
   const close = react.useCallback(() => {
     setHandoff(null);
     setPendingTerm(null);
@@ -1348,72 +1509,16 @@ function CommerceSearchView({
     },
     [items, navigateTo, service, trackSemantic]
   );
-  const decide = react.useCallback(
-    (term) => decideSearchRoute({
-      enabled,
-      snapshot: {
-        query: term,
-        loading,
-        settledQuery,
-        suggestions,
-        suggestionFetchFailed
-      }
-    }),
-    [enabled, loading, settledQuery, suggestions, suggestionFetchFailed]
-  );
-  const act = react.useCallback(
-    (term, route) => {
-      setPendingTerm(null);
-      if (route === "handoff") {
-        trackChatEntryPoint(gtmContext ?? {});
-        setHandoff({
-          query: term,
-          didYouMean: didYouMean.map((item) => item.value)
-        });
-        return;
-      }
-      runSearch(term);
-    },
-    [didYouMean, gtmContext, runSearch]
-  );
-  const handleSubmit = react.useCallback(
-    (value) => {
-      const term = value.trim();
-      if (!term) return;
-      if (term.length < minimumSearchLength) {
-        runSearch(term);
-        return;
-      }
-      const route = decide(term);
-      if (route === "wait") {
-        setPendingTerm(term);
-        return;
-      }
-      act(term, route);
-    },
-    [act, decide, minimumSearchLength, runSearch]
-  );
-  const latest = react.useRef({ act, decide });
-  latest.current = { act, decide };
-  react.useEffect(() => {
-    if (pendingTerm === null) return void 0;
-    const route = latest.current.decide(pendingTerm);
-    if (route !== "wait") {
-      latest.current.act(pendingTerm, route);
-      return void 0;
-    }
-    const timer = setTimeout(
-      () => latest.current.act(pendingTerm, "search"),
-      SUBMIT_WAIT_TIMEOUT_MS
-    );
-    return () => clearTimeout(timer);
-  }, [
+  const handleSubmit = useSubmitRouting({
+    enabled: agentEnabled,
+    minimumSearchLength,
+    search,
+    ...gtmContext ? { gtmContext } : {},
     pendingTerm,
-    loading,
-    settledQuery,
-    suggestions,
-    suggestionFetchFailed
-  ]);
+    setPendingTerm,
+    onSearch: runSearch,
+    onHandoff: setHandoff
+  });
   const handleSelect = react.useCallback(
     (option) => {
       if (isSuggestionDisabled(
@@ -1438,10 +1543,11 @@ function CommerceSearchView({
       )) {
         return;
       }
-      const result = service.activateSuggestionAction(
-        option
+      navigateTo(
+        service.activateSuggestionAction(
+          option
+        )
       );
-      void Promise.resolve(result).then(navigateTo).catch(() => void 0);
     },
     [navigateTo, service]
   );
@@ -1456,10 +1562,6 @@ function CommerceSearchView({
     },
     [navigateTo, service, trackSemantic]
   );
-  const handleClearRecent = react.useCallback(() => {
-    service.clearRecentSearches();
-    setRecentSearches([]);
-  }, [service]);
   const handleAgentUnavailable = react.useCallback(() => {
     if (agentQuery !== null)
       navigateTo(service.submitProductSearch(agentQuery));
@@ -1508,7 +1610,7 @@ function CommerceSearchView({
       recentSearches: {
         items: recentSearches,
         onSelect: handleRecentSelect,
-        onClear: handleClearRecent
+        onClear: clearRecentSearches
       },
       agentPanel
     }
@@ -1534,8 +1636,11 @@ function CommerceSearch({
     language,
     enabled: hasOpened
   });
-  const customerTypeRef = react.useRef(GUEST);
-  customerTypeRef.current = customer.isAuthenticated ? customer.accountType ?? GUEST : GUEST;
+  const customerType = customer.isAuthenticated ? customer.accountType ?? GUEST : GUEST;
+  const customerTypeRef = react.useRef(customerType);
+  react.useEffect(() => {
+    customerTypeRef.current = customerType;
+  }, [customerType]);
   const service = react.useMemo(
     () => createSearchService({
       country,