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

package/dist/index.mjs

@@ -12,7 +12,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`;
 
@@ -337,17 +337,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) {
@@ -360,9 +356,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)
@@ -381,9 +375,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));
@@ -763,6 +756,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 = [];
@@ -791,7 +797,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;
@@ -804,8 +811,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;
@@ -818,22 +827,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(
@@ -850,14 +867,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(
@@ -865,6 +894,7 @@ function createChatService(options) {
         );
       }
       let accumulated = "";
+      const renderedProducts = [];
       const parser = createParser({
         onEvent(event) {
           const data = event.data;
@@ -873,6 +903,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;
@@ -900,7 +933,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
+      };
     }
   };
 }
@@ -1647,6 +1685,7 @@ function getSpeechRecognition() {
 }
 function useVoiceSearch({
   lang,
+  onInterimResult,
   onResult,
   onError
 }) {
@@ -1664,11 +1703,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);
@@ -1678,7 +1730,7 @@ function useVoiceSearch({
     recognitionRef.current = rec;
     rec.start();
     setListening(true);
-  }, [lang, onResult, onError, stop]);
+  }, [lang, onInterimResult, onResult, onError, stop]);
   return { listening, supported, start, stop };
 }