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

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`;
 
@@ -763,6 +763,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 +804,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 +818,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 +834,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 +874,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 +901,7 @@ function createChatService(options) {
         );
       }
       let accumulated = "";
+      const renderedProducts = [];
       const parser = createParser({
         onEvent(event) {
           const data = event.data;
@@ -873,6 +910,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 +940,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 +1692,7 @@ function getSpeechRecognition() {
 }
 function useVoiceSearch({
   lang,
+  onInterimResult,
   onResult,
   onError
 }) {
@@ -1664,11 +1710,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 +1737,7 @@ function useVoiceSearch({
     recognitionRef.current = rec;
     rec.start();
     setListening(true);
-  }, [lang, onResult, onError, stop]);
+  }, [lang, onInterimResult, onResult, onError, stop]);
   return { listening, supported, start, stop };
 }