@nuskin/react-search-sdk 1.0.0-trying-again.8 → 1.0.0-trying-again.9

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useMemo, useCallback, Component } from 'react';
 import configurationSdk from '@nuskin/configuration-sdk';
-import { SearchModal } from '@nuskin/react-search-components';
+import { SearchPanel } from '@nuskin/react-search-components';
 import { SalesAIChatWidget } from '@nuskin/react-nui-chat-sdk';
 import '@nuskin/react-nui-chat-sdk/styles.css';
 import { createProductClient, ProductProvider, useProductById, ProductCard } from '@nuskin/react-product-sdk';
@@ -93,6 +93,65 @@ function useCommerceSearchConfig({
   return config;
 }
 
+// src/copy/searchPanelCopy.ts
+var SEARCH_PANEL_COPY_EN = {
+  cancel: "Cancel",
+  searchPlaceholder: "Search",
+  didYouMean: "Did You Mean?",
+  noSuggestions: "No suggestions",
+  seeMoreResults: "See More Results",
+  recentSearches: "Recent searches",
+  clearRecentSearches: "Clear all",
+  moreRecentSearches: (count) => `+${count} More`,
+  searchLabel: "Search",
+  submitSearch: "Submit search",
+  clearInput: "Clear search",
+  suggestionsLabel: "Suggestions",
+  addToCart: (productName) => `Add ${productName} to cart`,
+  openBundle: (productName) => `Open bundle action for ${productName}`,
+  suggestionsLoading: "Loading suggestions",
+  suggestionsCount: (count) => `${count} suggestions available`
+};
+
+// src/copy/fetchSearchPanelCopy.ts
+async function fetchSearchPanelCopy(_options = {}) {
+  return SEARCH_PANEL_COPY_EN;
+}
+
+// src/copy/loadSearchPanelCopy.ts
+var copyByLanguage = /* @__PURE__ */ new Map();
+function loadSearchPanelCopy(language) {
+  const key = (language ?? "").toLowerCase();
+  const cached = copyByLanguage.get(key);
+  if (cached) return cached;
+  const pending = fetchSearchPanelCopy(language ? { } : {});
+  copyByLanguage.set(key, pending);
+  pending.catch(() => copyByLanguage.delete(key));
+  return pending;
+}
+
+// src/hooks/useSearchPanelCopy.ts
+function useSearchPanelCopy({
+  language
+}) {
+  const [copy, setCopy] = useState(void 0);
+  useEffect(() => {
+    let isStale = false;
+    loadSearchPanelCopy(language).then((next) => {
+      if (!isStale) setCopy(next);
+    }).catch((error) => {
+      console.warn(
+        "[search] Could not load the search panel text:",
+        error
+      );
+    });
+    return () => {
+      isStale = true;
+    };
+  }, [language]);
+  return copy;
+}
+
 // src/services/SearchApiService.ts
 function canUseStorage(storage) {
   return Boolean(storage) && typeof storage.getItem === "function";
@@ -1006,9 +1065,10 @@ function readCookieFlag(cookie) {
     const separator = part.indexOf("=");
     if (separator < 0) continue;
     if (part.slice(0, separator).trim() !== NUI_SEARCH_FLAG) continue;
-    const rawValue = part.slice(separator + 1);
     try {
-      return parseFlagValue(decodeURIComponent(rawValue));
+      return parseFlagValue(
+        decodeURIComponent(part.slice(separator + 1))
+      );
     } catch {
       return void 0;
     }
@@ -1019,20 +1079,7 @@ 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 : "");
-  const setCookie = env.setCookie ?? (inBrowser ? (value) => {
-    document.cookie = value;
-  } : void 0);
-  const fromQuery = parseFlagValue(
-    new URLSearchParams(search).get(NUI_SEARCH_FLAG)
-  );
-  if (fromQuery !== void 0) {
-    const secure = inBrowser && window.location.protocol === "https:" ? "; Secure" : "";
-    setCookie?.(
-      `${NUI_SEARCH_FLAG}=${fromQuery}; path=/; SameSite=Lax${secure}`
-    );
-    return fromQuery;
-  }
-  return readCookieFlag(cookie);
+  return parseFlagValue(new URLSearchParams(search).get(NUI_SEARCH_FLAG)) ?? readCookieFlag(cookie);
 }
 function isNuiSearchEnabled({
   isAuthenticated,
@@ -1202,6 +1249,7 @@ function uniqueRecentSearches(queries) {
   });
 }
 function CommerceSearchView({
+  copy,
   isOpen,
   onClose,
   service,
@@ -1428,10 +1476,11 @@ function CommerceSearchView({
     );
   }
   return /* @__PURE__ */ jsx(
-    SearchModal,
+    SearchPanel,
     {
       isOpen,
       onClose: close,
+      copy,
       logo,
       input: {
         value: query,
@@ -1472,6 +1521,7 @@ function CommerceSearch({
   useEffect(() => {
     if (isOpen) setHasOpened(true);
   }, [isOpen]);
+  const copy = useSearchPanelCopy({ language });
   const { minimumSearchLength, agent, allowGuestAgent } = useCommerceSearchConfig({
     country,
     language,
@@ -1513,6 +1563,7 @@ function CommerceSearch({
       language: language.toLowerCase()
     } : void 0;
   }, [country, language]);
+  if (!copy) return null;
   return /* @__PURE__ */ jsx(
     CommerceSearchView,
     {
@@ -1524,6 +1575,7 @@ function CommerceSearch({
       ...agent ? { agent } : {},
       ...allowGuestAgent ? { allowGuestAgent } : {},
       ...agentProducts ? { agentProducts } : {},
+      copy,
       logo,
       minimumSearchLength,
       gtmContext