@nuskin/react-search-sdk 1.0.0-comx-2233.1 → 1.0.0-comx-2233.3

package/dist/index.d.mts

@@ -237,9 +237,9 @@ interface SearchService {
  * SearchApiService — Phase 0 lift-and-shift of
  * `header-mfe/src/services/HeaderSearchService.js`.
  *
- * Behaviour is intentionally preserved verbatim: same URL formats, same
- * `sessionStorage` key format, same fetch parameter shape, same fallback
- * values. See the ported source for context.
+ * Behaviour follows the header search contract for URL formats,
+ * `sessionStorage` key format, fetch parameter shape, and fallback values.
+ * Navigation side effects are left to the consuming router.
  *
  * Two responsibilities were intentionally moved OUT of the SDK to preserve
  * the SDK-narrow boundary:
@@ -292,10 +292,14 @@ interface ChatServiceOptions {
     conversationsUrl?: string;
     /** POST endpoint for sending a message (SSE response). */
     messagesUrl?: string;
-    /** X-Tenant-Id header value (used for conversations call). */
-    tenantId?: string;
-    /** Returns the current Bearer token, or null if unauthenticated. */
-    getAuthToken?: () => string | null;
+    /** X-Sales-AI-App-Key header value (from CS configurations). */
+    salesAiAppKey?: string;
+    /** X-Sales-AI-Parent-Origin header value (from CS configurations). */
+    salesAiParentOrigin?: string;
+    /** Market code (e.g., "US", "JP") for scope_context in message requests. */
+    market?: string;
+    /** Language code (e.g., "en", "ja") for scope_context in message requests. */
+    language?: string;
     /** Override fetch for testing. */
     fetchImpl?: typeof fetch | null;
 }
@@ -385,6 +389,7 @@ interface SpeechRecognitionErrorEventLike {
 interface UseVoiceSearchOptions {
     lang?: string;
     onResult: (transcript: string) => void;
+    onInterimResult?: (transcript: string) => void;
     onError?: (error: SpeechRecognitionErrorEventLike) => void;
 }
 interface UseVoiceSearchResult {
@@ -393,7 +398,7 @@ interface UseVoiceSearchResult {
     start: () => void;
     stop: () => void;
 }
-declare function useVoiceSearch({ lang, onResult, onError, }: UseVoiceSearchOptions): UseVoiceSearchResult;
+declare function useVoiceSearch({ lang, onInterimResult, onResult, onError, }: UseVoiceSearchOptions): UseVoiceSearchResult;
 
 /**
  * Catalog-product normalisation helpers — Phase 0 lift-and-shift of the
@@ -502,12 +507,12 @@ declare const TRIGGER_PLACEHOLDER = "Product Search";
 /**
  * Full path segment for the AI commerce chat SSE endpoint.
  * Appended to the consumer-provided `chatBaseUrl`.
- * Source: https://admin.tst.nuskin.ai/api/analytics/v1/commerce/chat
+ * Source: https://admin.tst.nuskin.ai/api/analytics/v1/embed
  */
-declare const DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat";
+declare const DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed";
 /** Default POST endpoint for creating an AI chat conversation. */
-declare const DEFAULT_AI_CHAT_CONVERSATIONS_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat/conversations";
+declare const DEFAULT_AI_CHAT_CONVERSATIONS_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed/conversations";
 /** Default POST endpoint for sending AI chat messages. */
-declare const DEFAULT_AI_CHAT_MESSAGES_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat/messages";
+declare const DEFAULT_AI_CHAT_MESSAGES_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed/messages";
 
 export { CATALOG_SUGGESTIONS_PATH, type CatalogSuggestionItem, type ChatMessageResult, type ChatProduct, type ChatService, type ChatServiceOptions, DEBOUNCE_MS, DEFAULT_AI_CHAT_BASE_URL, DEFAULT_AI_CHAT_CONVERSATIONS_URL, DEFAULT_AI_CHAT_MESSAGES_URL, DEFAULT_SEARCH_PATH, DEFAULT_SUGGESTION_PAGE, DEFAULT_SUGGESTION_SIZE, type DidYouMeanItem, type GetMarketConfig, type LocaleParts, type LocationLike, MAX_VISIBLE_SUGGESTIONS, type MarketConfig, type ProductType, RECENT_SEARCHES_DEFAULT_LIMIT, RECENT_SEARCHES_PREFIX, SEARCH_PLACEHOLDER, STOREFRONT_SHOPPING_CONTEXT, type SearchChromeCopy, type SearchHistoryEntry, type SearchHistoryState, type SearchHistoryEntry as SearchHistoryStoreEntry, type SearchService, type SearchServiceOptions, type SuggestionOption, type SuggestionsResponse, TRIGGER_PLACEHOLDER, type UseSearchHistoryResult, type UseSearchSuggestionsOptions, type UseSearchSuggestionsResult, type UseVoiceSearchOptions, type UseVoiceSearchResult, createChatService, createSearchService, getImageFromProperty, getIngredientTerms, getSeeMoreResultsPayload, getVisibleSuggestions, isCartActionDisabled, isSellableProductStatus, isSuggestionDisabled, mapCatalogProductToSuggestion, normalizeDidYouMean, resolveApiGatewayPath, resolveSuggestionImageSrc, useSearchHistory, useSearchHistoryStore, useSearchSuggestions, useVoiceSearch };

package/dist/index.d.ts

@@ -237,9 +237,9 @@ interface SearchService {
  * SearchApiService — Phase 0 lift-and-shift of
  * `header-mfe/src/services/HeaderSearchService.js`.
  *
- * Behaviour is intentionally preserved verbatim: same URL formats, same
- * `sessionStorage` key format, same fetch parameter shape, same fallback
- * values. See the ported source for context.
+ * Behaviour follows the header search contract for URL formats,
+ * `sessionStorage` key format, fetch parameter shape, and fallback values.
+ * Navigation side effects are left to the consuming router.
  *
  * Two responsibilities were intentionally moved OUT of the SDK to preserve
  * the SDK-narrow boundary:
@@ -292,10 +292,14 @@ interface ChatServiceOptions {
     conversationsUrl?: string;
     /** POST endpoint for sending a message (SSE response). */
     messagesUrl?: string;
-    /** X-Tenant-Id header value (used for conversations call). */
-    tenantId?: string;
-    /** Returns the current Bearer token, or null if unauthenticated. */
-    getAuthToken?: () => string | null;
+    /** X-Sales-AI-App-Key header value (from CS configurations). */
+    salesAiAppKey?: string;
+    /** X-Sales-AI-Parent-Origin header value (from CS configurations). */
+    salesAiParentOrigin?: string;
+    /** Market code (e.g., "US", "JP") for scope_context in message requests. */
+    market?: string;
+    /** Language code (e.g., "en", "ja") for scope_context in message requests. */
+    language?: string;
     /** Override fetch for testing. */
     fetchImpl?: typeof fetch | null;
 }
@@ -385,6 +389,7 @@ interface SpeechRecognitionErrorEventLike {
 interface UseVoiceSearchOptions {
     lang?: string;
     onResult: (transcript: string) => void;
+    onInterimResult?: (transcript: string) => void;
     onError?: (error: SpeechRecognitionErrorEventLike) => void;
 }
 interface UseVoiceSearchResult {
@@ -393,7 +398,7 @@ interface UseVoiceSearchResult {
     start: () => void;
     stop: () => void;
 }
-declare function useVoiceSearch({ lang, onResult, onError, }: UseVoiceSearchOptions): UseVoiceSearchResult;
+declare function useVoiceSearch({ lang, onInterimResult, onResult, onError, }: UseVoiceSearchOptions): UseVoiceSearchResult;
 
 /**
  * Catalog-product normalisation helpers — Phase 0 lift-and-shift of the
@@ -502,12 +507,12 @@ declare const TRIGGER_PLACEHOLDER = "Product Search";
 /**
  * Full path segment for the AI commerce chat SSE endpoint.
  * Appended to the consumer-provided `chatBaseUrl`.
- * Source: https://admin.tst.nuskin.ai/api/analytics/v1/commerce/chat
+ * Source: https://admin.tst.nuskin.ai/api/analytics/v1/embed
  */
-declare const DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat";
+declare const DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed";
 /** Default POST endpoint for creating an AI chat conversation. */
-declare const DEFAULT_AI_CHAT_CONVERSATIONS_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat/conversations";
+declare const DEFAULT_AI_CHAT_CONVERSATIONS_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed/conversations";
 /** Default POST endpoint for sending AI chat messages. */
-declare const DEFAULT_AI_CHAT_MESSAGES_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat/messages";
+declare const DEFAULT_AI_CHAT_MESSAGES_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed/messages";
 
 export { CATALOG_SUGGESTIONS_PATH, type CatalogSuggestionItem, type ChatMessageResult, type ChatProduct, type ChatService, type ChatServiceOptions, DEBOUNCE_MS, DEFAULT_AI_CHAT_BASE_URL, DEFAULT_AI_CHAT_CONVERSATIONS_URL, DEFAULT_AI_CHAT_MESSAGES_URL, DEFAULT_SEARCH_PATH, DEFAULT_SUGGESTION_PAGE, DEFAULT_SUGGESTION_SIZE, type DidYouMeanItem, type GetMarketConfig, type LocaleParts, type LocationLike, MAX_VISIBLE_SUGGESTIONS, type MarketConfig, type ProductType, RECENT_SEARCHES_DEFAULT_LIMIT, RECENT_SEARCHES_PREFIX, SEARCH_PLACEHOLDER, STOREFRONT_SHOPPING_CONTEXT, type SearchChromeCopy, type SearchHistoryEntry, type SearchHistoryState, type SearchHistoryEntry as SearchHistoryStoreEntry, type SearchService, type SearchServiceOptions, type SuggestionOption, type SuggestionsResponse, TRIGGER_PLACEHOLDER, type UseSearchHistoryResult, type UseSearchSuggestionsOptions, type UseSearchSuggestionsResult, type UseVoiceSearchOptions, type UseVoiceSearchResult, createChatService, createSearchService, getImageFromProperty, getIngredientTerms, getSeeMoreResultsPayload, getVisibleSuggestions, isCartActionDisabled, isSellableProductStatus, isSuggestionDisabled, mapCatalogProductToSuggestion, normalizeDidYouMean, resolveApiGatewayPath, resolveSuggestionImageSrc, useSearchHistory, useSearchHistoryStore, useSearchSuggestions, useVoiceSearch };

package/dist/index.js

@@ -18,7 +18,7 @@ var DEBOUNCE_MS = 220;
 var MAX_VISIBLE_SUGGESTIONS = 6;
 var SEARCH_PLACEHOLDER = "Search by product name, ingredient, benefits, or SKU";
 var TRIGGER_PLACEHOLDER = "Product Search";
-var DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/chat";
+var DEFAULT_AI_CHAT_BASE_URL = "https://admin.tst.nuskin.ai/api/analytics/v1/embed";
 var DEFAULT_AI_CHAT_CONVERSATIONS_URL = `${DEFAULT_AI_CHAT_BASE_URL}/conversations`;
 var DEFAULT_AI_CHAT_MESSAGES_URL = `${DEFAULT_AI_CHAT_BASE_URL}/messages`;
 
@@ -343,17 +343,13 @@ function createSearchService(options = {}) {
       if (!trimmedQuery) return void 0;
       addRecentHeaderSearch(localeParts, trimmedQuery, storage);
       const optionHref = resolveOptionHref(option, localeParts);
-      if (optionHref && locationLike && typeof locationLike.assign === "function") {
-        locationLike.assign(optionHref);
+      if (optionHref) {
         return stripLocalePrefix(optionHref, localeParts);
       }
       const targetPath = buildSearchResultsPath(
         trimmedQuery,
         localeParts
       );
-      if (locationLike && typeof locationLike.assign === "function") {
-        locationLike.assign(targetPath);
-      }
       return stripLocalePrefix(targetPath, localeParts);
     },
     activateSuggestionAction(option) {
@@ -366,9 +362,7 @@ function createSearchService(options = {}) {
                 option,
                 localeParts
               );
-              if (optionHref2 && locationLike && typeof locationLike.assign === "function") {
-                locationLike.assign(optionHref2);
-              } else {
+              if (!optionHref2) {
                 const optionQuery2 = option?.value ?? option?.label ?? option?.identifier ?? "";
                 service.submitProductSearch(
                   String(optionQuery2)
@@ -387,9 +381,8 @@ function createSearchService(options = {}) {
         }
       }
       const optionHref = resolveOptionHref(option, localeParts);
-      if (optionHref && locationLike && typeof locationLike.assign === "function") {
-        locationLike.assign(optionHref);
-        return optionHref;
+      if (optionHref) {
+        return stripLocalePrefix(optionHref, localeParts);
       }
       const optionQuery = option?.value ?? option?.label ?? option?.identifier ?? "";
       return service.submitProductSearch(String(optionQuery));
@@ -769,6 +762,19 @@ function findClosingFence(content, fromIndex) {
   }
   return -1;
 }
+function isRecord(value) {
+  return value !== null && typeof value === "object";
+}
+function getRenderProductListItems(event) {
+  if (event["type"] !== "render" || event["pattern"] !== "product_list") {
+    return [];
+  }
+  const data = event["data"];
+  if (!isRecord(data) || !Array.isArray(data["items"])) {
+    return [];
+  }
+  return data["items"].filter(isRecord);
+}
 function extractProductsFromMarkdown(content) {
   const products = [];
   const summaryParts = [];
@@ -797,7 +803,8 @@ function extractProductsFromMarkdown(content) {
       if (Array.isArray(parsed)) {
         products.push(...parsed);
       }
-    } catch {
+    } catch (e) {
+      console.error("Failed to parse products block:", e);
     }
     summaryParts.push(content.slice(summaryCursor, start));
     summaryCursor = end + MARKDOWN_CLOSING_FENCE.length;
@@ -810,8 +817,10 @@ function createChatService(options) {
   const {
     conversationsUrl = DEFAULT_AI_CHAT_CONVERSATIONS_URL,
     messagesUrl = DEFAULT_AI_CHAT_MESSAGES_URL,
-    tenantId,
-    getAuthToken,
+    salesAiAppKey,
+    salesAiParentOrigin,
+    market,
+    language,
     fetchImpl: fetchImplOption
   } = options;
   let fetchImpl;
@@ -824,22 +833,30 @@ function createChatService(options) {
       throw new Error("ChatService: no fetch implementation available");
     };
   }
-  function buildHeaders(extra) {
+  function buildHeaders(extra, includeJsonContentType = true) {
     const headers = {
-      "Content-Type": "application/json",
       ...extra
     };
-    if (tenantId) headers["X-Tenant-Id"] = tenantId;
-    const token = getAuthToken?.();
-    if (token) headers["Authorization"] = `Bearer ${token}`;
+    if (includeJsonContentType) {
+      headers["Content-Type"] = "application/json";
+    }
+    const accessToken = typeof window !== "undefined" ? window.localStorage?.getItem("accessToken") : null;
+    if (accessToken) {
+      headers["Authorization"] = `Bearer ${accessToken}`;
+    }
+    if (salesAiAppKey) {
+      headers["X-Sales-AI-App-Key"] = salesAiAppKey;
+    }
+    if (salesAiParentOrigin) {
+      headers["X-Sales-AI-Parent-Origin"] = salesAiParentOrigin;
+    }
     return headers;
   }
   return {
-    async createConversation(title = "Search Session") {
+    async createConversation() {
       const res = await fetchImpl(conversationsUrl, {
         method: "POST",
-        headers: buildHeaders(),
-        body: JSON.stringify({ title })
+        headers: buildHeaders(void 0, false)
       });
       if (!res.ok) {
         throw new Error(
@@ -856,14 +873,26 @@ function createChatService(options) {
       return id;
     },
     async sendMessage(conversationId, content, onChunk) {
+      const requestBody = {
+        conversation_id: conversationId,
+        content
+      };
+      if (market || language) {
+        requestBody.scope_context = {
+          market: market ?? "US",
+          language: language ?? "en"
+        };
+      }
+      requestBody.client_capabilities = {
+        patterns: {
+          product_list: [1],
+          follow_up: [1]
+        }
+      };
       const res = await fetchImpl(messagesUrl, {
         method: "POST",
-        headers: buildHeaders({ Accept: "application/json" }),
-        body: JSON.stringify({
-          conversation_id: conversationId,
-          content,
-          compact: false
-        })
+        headers: buildHeaders({ Accept: "text/event-stream" }),
+        body: JSON.stringify(requestBody)
       });
       if (!res.ok) {
         throw new Error(
@@ -871,6 +900,7 @@ function createChatService(options) {
         );
       }
       let accumulated = "";
+      const renderedProducts = [];
       const parser = createParser({
         onEvent(event) {
           const data = event.data;
@@ -879,6 +909,9 @@ function createChatService(options) {
             const parsed = JSON.parse(data);
             const parsedType = parsed["type"];
             const type = typeof parsedType === "string" ? parsedType : "";
+            renderedProducts.push(
+              ...getRenderProductListItems(parsed)
+            );
             if (type === "content" && typeof parsed["text"] === "string") {
               const text = parsed["text"];
               accumulated += text;
@@ -906,7 +939,12 @@ function createChatService(options) {
         parser.feed(rawBody);
       }
       const { summary, products } = extractProductsFromMarkdown(accumulated);
-      return { summary, products, rawContent: accumulated };
+      const finalProducts = renderedProducts.length > 0 ? renderedProducts : products;
+      return {
+        summary,
+        products: finalProducts,
+        rawContent: accumulated
+      };
     }
   };
 }
@@ -1653,6 +1691,7 @@ function getSpeechRecognition() {
 }
 function useVoiceSearch({
   lang,
+  onInterimResult,
   onResult,
   onError
 }) {
@@ -1670,11 +1709,24 @@ function useVoiceSearch({
     stop();
     const rec = new SR();
     rec.lang = lang ?? navigator.language ?? "en-US";
-    rec.interimResults = false;
+    rec.interimResults = true;
     rec.maxAlternatives = 1;
     rec.onresult = (event) => {
-      const transcript = event.results[0]?.[0]?.transcript ?? "";
-      if (transcript) onResult(transcript);
+      let finalTranscript = "";
+      let interimTranscript = "";
+      const startIndex = event.resultIndex ?? 0;
+      for (let index = startIndex; index < event.results.length; index += 1) {
+        const result = event.results[index];
+        const transcript = result?.[0]?.transcript ?? "";
+        if (!transcript) continue;
+        if (result?.isFinal) {
+          finalTranscript += transcript;
+        } else {
+          interimTranscript += transcript;
+        }
+      }
+      if (interimTranscript) onInterimResult?.(interimTranscript);
+      if (finalTranscript) onResult(finalTranscript);
     };
     rec.onerror = (event) => {
       onError?.(event);
@@ -1684,7 +1736,7 @@ function useVoiceSearch({
     recognitionRef.current = rec;
     rec.start();
     setListening(true);
-  }, [lang, onResult, onError, stop]);
+  }, [lang, onInterimResult, onResult, onError, stop]);
   return { listening, supported, start, stop };
 }