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

package/dist/index.js

@@ -3,11 +3,11 @@
 var react = require('react');
 var configurationSdk = require('@nuskin/configuration-sdk');
 var reactSearchComponents = require('@nuskin/react-search-components');
+var jsxRuntime = require('react/jsx-runtime');
 var reactNuiChatSdk = require('@nuskin/react-nui-chat-sdk');
 require('@nuskin/react-nui-chat-sdk/styles.css');
 var reactProductSdk = require('@nuskin/react-product-sdk');
 var styled = require('@emotion/styled');
-var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -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,7 +179,125 @@ function useSearchPanelCopy({
   return copy;
 }
 
-// src/services/SearchApiService.ts
+// src/services/localeParts.ts
+var TWO_LETTERS = /^[A-Za-z]{2}$/;
+function marketProblem(country, language) {
+  const countryText = String(country ?? "").trim();
+  const languageText = String(language ?? "").trim();
+  if (TWO_LETTERS.test(countryText) && TWO_LETTERS.test(languageText)) {
+    return void 0;
+  }
+  return `the market is not valid (country ${JSON.stringify(countryText)}, language ${JSON.stringify(languageText)}): each must be two letters, for example US and en`;
+}
+function isValidMarket(country, language) {
+  return marketProblem(country, language) === void 0;
+}
+function createLocaleParts({
+  country,
+  language
+}) {
+  const problem = marketProblem(country, language);
+  if (problem) throw new Error(problem);
+  const normalizedCountry = country.trim().toUpperCase();
+  const normalizedLanguage = language.trim().toLowerCase();
+  return {
+    country: normalizedCountry,
+    language: normalizedLanguage,
+    locale: `${normalizedCountry}-${normalizedLanguage}`
+  };
+}
+function toCatalogLocale({ country, language }) {
+  return `${language}_${country}`;
+}
+function toPathPrefix({ country, language }) {
+  return `/${country.toLowerCase()}/${language}`;
+}
+
+// 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;
+  const suggestionsUrl = buildCatalogSuggestionsUrl(
+    resolveCatalogApiBaseUrl(marketConfig)
+  );
+  if (!suggestionsUrl) {
+    throw new Error(
+      `no suggestions API for market ${country}: the market configuration has no gateway`
+    );
+  }
+  const storeId = resolveCatalogStoreId(marketConfig);
+  if (!storeId) {
+    throw new Error(
+      `no suggestions API for market ${country}: the market configuration has no store`
+    );
+  }
+  return { suggestionsUrl, storeId };
+}
+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";
 }
@@ -174,22 +312,8 @@ function getSessionStorage(providedStorage) {
   }
   return null;
 }
-function normalizeLocaleParts({
-  country,
-  language,
-  locale
-}) {
-  const normalizedCountry = String(country ?? "").trim().toUpperCase();
-  const normalizedLanguage = String(language ?? "").trim().toLowerCase();
-  const normalizedLocale = String(locale ?? "").trim() || "UNKNOWN";
-  return {
-    country: normalizedCountry || "UNKNOWN",
-    language: normalizedLanguage || "unknown",
-    locale: normalizedLocale
-  };
-}
 function getRecentHeaderSearchesStorageKey(localeParts) {
-  const { country, language, locale } = normalizeLocaleParts(localeParts);
+  const { country, language, locale } = localeParts;
   return `${RECENT_SEARCHES_PREFIX}:${locale}:${country}:${language}`;
 }
 function getRecentHeaderSearches(localeParts, storage) {
@@ -243,63 +367,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, "-");
@@ -307,13 +376,14 @@ function buildSearchResultsPath(query, localeParts) {
     /%2D/gi,
     "-"
   );
-  const country = localeParts.country.toLowerCase();
-  const language = localeParts.language.toLowerCase();
-  return `/${country}/${language}${DEFAULT_SEARCH_PATH}/${encodedQuery}`;
+  return `${toPathPrefix(localeParts)}${DEFAULT_SEARCH_PATH}/${encodedQuery}`;
 }
+var SCHEME = /^[a-z][a-z0-9+.-]*:/i;
 function normalizeOptionUrl(rawValue) {
   if (typeof rawValue !== "string") return "";
-  return rawValue.trim();
+  const value = rawValue.trim();
+  if (!value || value.startsWith("/") || SCHEME.test(value)) return value;
+  return `/${value}`;
 }
 function safeDecodeURIComponent(value) {
   try {
@@ -343,16 +413,14 @@ function slugifyPathSegment(value) {
 function buildProductSlugPath(slugValue, localeParts) {
   const slug = slugifyPathSegment(slugValue);
   if (!slug) return "";
-  const country = String(localeParts.country ?? "US").toLowerCase();
-  const language = String(localeParts.language ?? "en").toLowerCase();
-  return `/${country}/${language}/product/${slug}`;
+  return `${toPathPrefix(localeParts)}/product/${slug}`;
 }
 function isNavigableUrl(value) {
   if (!value) return false;
   return value.startsWith("/") || /^https?:\/\//i.test(value);
 }
 function stripLocalePrefix(path, localeParts) {
-  const prefix = `/${localeParts.country.toLowerCase()}/${localeParts.language.toLowerCase()}`;
+  const prefix = toPathPrefix(localeParts);
   return path.startsWith(prefix) ? path.slice(prefix.length) || "/" : path;
 }
 function resolveOptionHref(option, localeParts) {
@@ -369,67 +437,61 @@ 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
+    )
+  };
 }
-function createSearchService(options = {}) {
+
+// src/services/SearchApiService.ts
+function getBrowserLocation(providedLocation) {
+  if (providedLocation) return providedLocation;
+  if (typeof window !== "undefined" && window.location)
+    return window.location;
+  return null;
+}
+function createSearchService(options) {
   const {
     fetchImpl: fetchImplOption,
     location: providedLocation,
     storage: providedStorage,
-    suggestionsApi,
-    storeId: storeIdOption,
     country,
     language,
-    locale,
     getMarketConfig,
     getCustomerType,
     minimumSearchLength = MINIMUM_SEARCH_CHAR_LENGTH
   } = options;
-  const fetchImpl = fetchImplOption !== void 0 ? fetchImplOption : typeof fetch === "function" ? fetch.bind(globalThis) : null;
   const locationLike = getBrowserLocation(providedLocation);
   const storage = getSessionStorage(providedStorage);
-  const localeParts = normalizeLocaleParts({ country, language, locale });
+  const localeParts = createLocaleParts({ country, language });
   let catalogRequestConfigPromise = null;
   function loadCatalogRequestConfig() {
     if (!catalogRequestConfigPromise) {
       catalogRequestConfigPromise = resolveCatalogRequestConfig({
-        suggestionsApi,
-        storeIdOption,
         locationLike,
         country: localeParts.country,
         getMarketConfig
@@ -447,48 +509,21 @@ function createSearchService(options = {}) {
   const service = {
     async fetchSuggestions(searchTerm) {
       const trimmedSearchTerm = String(searchTerm ?? "").trim();
-      if (!trimmedSearchTerm || trimmedSearchTerm.length < minimumSearchLength || !fetchImpl) {
-        return {
-          suggestions: [],
-          didYouMean: [],
-          totalResultsCount: 0
-        };
+      if (!trimmedSearchTerm || trimmedSearchTerm.length < minimumSearchLength) {
+        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(
-        fetchImpl,
-        requestUrls,
+      const responsePayload = await fetchJson(
+        fetchImplOption ?? fetch.bind(globalThis),
+        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();
@@ -533,7 +568,7 @@ function createSearchService(options = {}) {
 
 // src/services/marketConfig.ts
 var fetchMarketConfig = async ({ country }) => {
-  const countryCode = String(country ?? "").trim().toUpperCase() || "US";
+  const countryCode = country.trim().toUpperCase();
   const configuration = await getConfiguration([EQUINOX_MARKETS_MAP], {
     country: countryCode,
     ...getEnvironmentCode() ? { environment: getEnvironmentCode() } : {},
@@ -556,14 +591,25 @@ var SEARCH_GTM_USER_STATUS = {
 var GTM_FALLBACK_NA = "NA";
 
 // src/utils/navigationTarget.ts
+var EXTERNAL_URL = /^https?:\/\//i;
+var INTERNAL_PATH = /^\/(?![/\\])[^\t\n\r]*$/;
 function toNavigationTarget(path) {
-  return /^https?:\/\//i.test(path) ? { type: "external", url: path } : { type: "internal", path };
+  if (EXTERNAL_URL.test(path)) return { type: "external", url: path };
+  if (INTERNAL_PATH.test(path)) return { type: "internal", path };
+  return void 0;
 }
 
 // src/utils/productEnvironment.ts
-var PRODUCT_ENVIRONMENTS = ["dev", "test", "prod"];
+var PRODUCT_ENVIRONMENTS = {
+  dev: true,
+  test: true,
+  prod: true
+};
+function isProductEnvironment(code) {
+  return Object.keys(PRODUCT_ENVIRONMENTS).includes(code);
+}
 function toProductEnvironment(environmentCode) {
-  return environmentCode && PRODUCT_ENVIRONMENTS.includes(environmentCode) ? environmentCode : void 0;
+  return environmentCode !== void 0 && isProductEnvironment(environmentCode) ? environmentCode : void 0;
 }
 function getProductEnvironment() {
   try {
@@ -572,8 +618,132 @@ function getProductEnvironment() {
     return void 0;
   }
 }
+var NOTHING = () => void 0;
+function CommerceSearchUnavailable({
+  isOpen,
+  onClose,
+  country,
+  language,
+  logo
+}) {
+  react.useEffect(() => {
+    console.error(
+      `[search] Search is unavailable: ${marketProblem(country, language)}`
+    );
+  }, [country, language]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSearchComponents.SearchPanel,
+    {
+      isOpen,
+      onClose,
+      copy: SEARCH_PANEL_COPY_EN,
+      logo,
+      input: { value: "", onChange: NOTHING, onSubmit: NOTHING },
+      suggestions: {
+        items: [],
+        loading: false,
+        showNoResults: false,
+        showDidYouMean: false,
+        hasMore: false,
+        query: "",
+        onSelect: NOTHING,
+        onRunAction: NOTHING,
+        onSeeMore: NOTHING
+      },
+      recentSearches: {
+        items: [],
+        onSelect: NOTHING,
+        onClear: NOTHING
+      },
+      agentPanel: /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: "Search is unavailable right now." })
+    }
+  );
+}
 
-// 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 +791,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 +1030,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 +1081,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 +1090,6 @@ function useSearchSuggestions({
     setEmptyFetched(false);
     setSuggestionFetchFailed(false);
     setHasMoreResults(false);
-    setTotalResultsCount(0);
     setSettledQuery("");
     setLoading(false);
   }, []);
@@ -897,6 +1107,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,53 +1126,23 @@ 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
-        );
-        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
+        results = toSettledResults(
+          await service.fetchSuggestions(trimmedQuery)
         );
-      } 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(() => {
+    latestRequestId.current += 1;
     if (!enabled) {
       resetSuggestionsState();
       return void 0;
@@ -962,7 +1150,6 @@ function useSearchSuggestions({
     if (fetchDebounced.current) {
       clearTimeout(fetchDebounced.current);
     }
-    latestRequestId.current += 1;
     fetchDebounced.current = setTimeout(() => {
       void runFetch(query);
     }, DEBOUNCE_MS);
@@ -976,15 +1163,12 @@ function useSearchSuggestions({
     clearQuery,
     emptyFetched,
     hasMoreResults,
-    hasQuery: Boolean(query.trim()),
     didYouMean,
     loading,
     query,
     settledQuery,
-    setQuery,
     suggestionFetchFailed,
     suggestions,
-    totalResultsCount,
     updateQuery
   };
 }
@@ -1059,43 +1243,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 +1255,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 +1412,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,12 +1426,16 @@ function useHandoff({
   agentContext,
   onUnavailable
 }) {
+  const onUnavailableRef = react.useRef(onUnavailable);
+  react.useEffect(() => {
+    onUnavailableRef.current = onUnavailable;
+  });
   react.useEffect(() => {
-    let cancelled = false;
+    let canceled = false;
     let timer;
     const startedAt = Date.now();
     const tryOpen = () => {
-      if (cancelled) return;
+      if (canceled) return;
       const handle = getSalesAIHandle();
       if (handle) {
         handle.open({
@@ -1203,14 +1445,17 @@ 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);
     };
     tryOpen();
     return () => {
-      cancelled = true;
+      canceled = true;
       if (timer !== void 0) clearTimeout(timer);
     };
   }, [query]);
@@ -1245,16 +1490,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 +1504,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 +1518,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 +1575,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 +1609,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 +1628,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,14 +1676,29 @@ function CommerceSearchView({
       recentSearches: {
         items: recentSearches,
         onSelect: handleRecentSelect,
-        onClear: handleClearRecent
+        onClear: clearRecentSearches
       },
       agentPanel
     }
   );
 }
 var GUEST = "guest";
-function CommerceSearch({
+function CommerceSearch(props) {
+  if (!isValidMarket(props.country, props.language)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CommerceSearchUnavailable,
+      {
+        isOpen: props.isOpen,
+        onClose: props.onClose,
+        country: props.country,
+        language: props.language,
+        logo: props.logo
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ValidMarketSearch, { ...props });
+}
+function ValidMarketSearch({
   isOpen,
   onClose,
   navigate,
@@ -1534,13 +1717,15 @@ 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,
       language,
-      locale: `${country.toUpperCase()}-${language.toLowerCase()}`,
       getMarketConfig: fetchMarketConfig,
       minimumSearchLength,
       getCustomerType: () => customerTypeRef.current
@@ -1548,7 +1733,17 @@ function CommerceSearch({
     [country, language, minimumSearchLength]
   );
   const navigateToPath = react.useCallback(
-    (path) => navigate(toNavigationTarget(path)),
+    (path) => {
+      const target = toNavigationTarget(path);
+      if (target) {
+        navigate(target);
+      } else {
+        console.warn(
+          "[search] Not navigating to a path the SDK does not recognize:",
+          path
+        );
+      }
+    },
     [navigate]
   );
   const { isAuthenticated, accountType, userId } = customer;