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

package/dist/index.mjs

@@ -1248,6 +1248,7 @@ function useSearchSuggestions({
   const [didYouMean, setDidYouMean] = useState([]);
   const [loading, setLoading] = useState(false);
   const [emptyFetched, setEmptyFetched] = useState(false);
+  const [suggestionFetchFailed, setSuggestionFetchFailed] = useState(false);
   const [hasMoreResults, setHasMoreResults] = useState(false);
   const [totalResultsCount, setTotalResultsCount] = useState(0);
   const fetchDebounced = useRef(null);
@@ -1256,6 +1257,7 @@ function useSearchSuggestions({
     setSuggestions([]);
     setDidYouMean([]);
     setEmptyFetched(false);
+    setSuggestionFetchFailed(false);
     setHasMoreResults(false);
     setTotalResultsCount(0);
     setLoading(false);
@@ -1264,6 +1266,7 @@ function useSearchSuggestions({
     (nextQuery) => {
       const hasNextQuery = Boolean(nextQuery.trim());
       setEmptyFetched(false);
+      setSuggestionFetchFailed(false);
       setLoading(enabled && hasNextQuery);
       setQuery(nextQuery);
     },
@@ -1283,6 +1286,7 @@ function useSearchSuggestions({
       }
       setLoading(true);
       setEmptyFetched(false);
+      setSuggestionFetchFailed(false);
       try {
         const fetchedSuggestions = await service.fetchSuggestions(trimmedQuery);
         if (requestId !== latestRequestId.current) {
@@ -1305,6 +1309,7 @@ function useSearchSuggestions({
           !hasDidYouMean && effectiveTotal > MAX_VISIBLE_SUGGESTIONS
         );
         setTotalResultsCount(effectiveTotal);
+        setSuggestionFetchFailed(false);
         setEmptyFetched(
           hasDidYouMean ? false : visibleSuggestions.length === 0 && suggestedTerms.length === 0
         );
@@ -1315,6 +1320,7 @@ function useSearchSuggestions({
         setSuggestions([]);
         setDidYouMean([]);
         setEmptyFetched(true);
+        setSuggestionFetchFailed(true);
         setHasMoreResults(false);
         setTotalResultsCount(0);
       } finally {
@@ -1352,6 +1358,7 @@ function useSearchSuggestions({
     loading,
     query,
     setQuery,
+    suggestionFetchFailed,
     suggestions,
     totalResultsCount,
     updateQuery
@@ -1734,6 +1741,188 @@ function useVoiceSearch({
   return { listening, supported, start, stop };
 }
 
-export { CATALOG_SUGGESTIONS_PATH, 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, MAX_VISIBLE_SUGGESTIONS, RECENT_SEARCHES_DEFAULT_LIMIT, RECENT_SEARCHES_PREFIX, SEARCH_PLACEHOLDER, STOREFRONT_SHOPPING_CONTEXT, TRIGGER_PLACEHOLDER, createChatService, createSearchService, getImageFromProperty, getIngredientTerms, getSeeMoreResultsPayload, getVisibleSuggestions, isCartActionDisabled, isSellableProductStatus, isSuggestionDisabled, mapCatalogProductToSuggestion, normalizeDidYouMean, resolveApiGatewayPath, resolveSuggestionImageSrc, useSearchHistory, useSearchHistoryStore, useSearchSuggestions, useVoiceSearch };
+// src/utils/commonUtils.ts
+var IS_BROWSER = typeof window !== "undefined";
+function toEventString(value, fallback = " ") {
+  if (value === void 0 || value === null) return fallback;
+  const str = String(value).trim();
+  return str.length > 0 ? str : fallback;
+}
+function getLocaleFromUrl(pathname) {
+  const path = pathname ?? (IS_BROWSER ? window.location.pathname : "");
+  const [country, language] = path.split("/").filter(Boolean);
+  if (!/^[a-z]{2}$/i.test(country ?? "") || !/^[a-z]{2}$/i.test(language ?? "")) {
+    return {};
+  }
+  return {
+    countryCode: country.toUpperCase(),
+    language: language.toLowerCase()
+  };
+}
+function safeParse(raw) {
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return raw;
+  }
+}
+function getLocalStorage(key) {
+  if (!IS_BROWSER) return void 0;
+  try {
+    const raw = window.localStorage.getItem(key);
+    return raw === null ? void 0 : safeParse(raw);
+  } catch {
+    return void 0;
+  }
+}
+function getSessionStorage2(key) {
+  if (!IS_BROWSER) return void 0;
+  try {
+    const raw = window.sessionStorage.getItem(key);
+    return raw === null ? void 0 : safeParse(raw);
+  } catch {
+    return void 0;
+  }
+}
+
+// src/utils/gtmConstants.ts
+var SEARCH_GTM_EVENTS = {
+  CHAT_ENTRY_POINT: "Begin_chat",
+  SEARCH_TYPE: "Search_Type",
+  PRODUCT_SEARCH: "ProductSearch",
+  ERROR_POPUP: "Error_popup"
+};
+var SEARCH_GTM_SEARCH_TYPES = {
+  SEMANTIC: "semantic search",
+  AI_AGENT: "AI agent"
+};
+var SEARCH_GTM_USER_STATUS = {
+  GUEST: "guest",
+  LOGGED_IN: "logged_in"
+};
+var AI_CHAT_CONVERSATION_ID_KEY = "ai_chat_conversation_id";
+var IS_AUTHENTICATED_KEY = "IsAuthenticated";
+var ACCOUNT_TYPE_KEY = "accountType";
+var NUSKIN_ACCOUNT_DATA_KEY = "nuskin.account.data";
+var GTM_FALLBACK_NA = "NA";
+
+// src/utils/gtmTracking.ts
+function readSessionChatId() {
+  const raw = getSessionStorage2(AI_CHAT_CONVERSATION_ID_KEY);
+  return typeof raw === "string" || typeof raw === "number" ? String(raw) : void 0;
+}
+function readUserStatusFromStorage() {
+  const value = getLocalStorage(IS_AUTHENTICATED_KEY);
+  if (value === void 0) return void 0;
+  if (value === SEARCH_GTM_USER_STATUS.GUEST || value === SEARCH_GTM_USER_STATUS.LOGGED_IN) {
+    return value;
+  }
+  const isAuthenticated = value === true || typeof value === "string" && ["true", "1", "yes", "y"].includes(value.toLowerCase().trim());
+  return isAuthenticated ? SEARCH_GTM_USER_STATUS.LOGGED_IN : SEARCH_GTM_USER_STATUS.GUEST;
+}
+function readAccountTypeFromStorage() {
+  const value = getLocalStorage(ACCOUNT_TYPE_KEY);
+  return typeof value === "string" && value.trim().length > 0 ? value : void 0;
+}
+function readUserIdFromStorage() {
+  const raw = getLocalStorage(NUSKIN_ACCOUNT_DATA_KEY);
+  if (!raw || typeof raw !== "object") return void 0;
+  const user = raw.user;
+  if (!user || typeof user !== "object") return void 0;
+  const id = user.id;
+  return typeof id === "string" && id.trim().length > 0 ? id : void 0;
+}
+function resolveUserId(explicit) {
+  return toEventString(explicit ?? readUserIdFromStorage(), GTM_FALLBACK_NA);
+}
+function baseEventPayload(ctx) {
+  const urlLocale = getLocaleFromUrl();
+  const chatId = ctx.chatId ?? readSessionChatId();
+  const userStatus = ctx.userStatus ?? readUserStatusFromStorage();
+  const accountType = ctx.accountType ?? readAccountTypeFromStorage();
+  const resolvedUserStatus = userStatus ?? SEARCH_GTM_USER_STATUS.GUEST;
+  const documentTitle = IS_BROWSER && typeof document?.title === "string" ? document.title : void 0;
+  return {
+    Chat_ID: toEventString(chatId, GTM_FALLBACK_NA),
+    page_type: toEventString(
+      ctx.pageType ?? documentTitle,
+      GTM_FALLBACK_NA
+    ),
+    country_code: toEventString(
+      ctx.countryCode ?? urlLocale.countryCode,
+      GTM_FALLBACK_NA
+    ),
+    language: toEventString(
+      ctx.language ?? urlLocale.language,
+      GTM_FALLBACK_NA
+    ),
+    user_status: toEventString(
+      resolvedUserStatus,
+      SEARCH_GTM_USER_STATUS.GUEST
+    ),
+    account_type: toEventString(accountType, GTM_FALLBACK_NA)
+  };
+}
+function serializeProductResults(productResultsData, productResults) {
+  if (productResultsData !== void 0) {
+    try {
+      return JSON.stringify(productResultsData);
+    } catch {
+      return GTM_FALLBACK_NA;
+    }
+  }
+  if (productResults === void 0 || productResults === null) {
+    return GTM_FALLBACK_NA;
+  }
+  return String(productResults);
+}
+function pushGtmEvent(event) {
+  if (!IS_BROWSER) return;
+  try {
+    const layer = window.dataLayer ?? (window.dataLayer = []);
+    layer.push(event);
+  } catch (err) {
+    if (typeof console !== "undefined") {
+      console.warn("[react-search-sdk] pushGtmEvent failed:", err);
+    }
+  }
+}
+function trackChatEntryPoint(ctx) {
+  pushGtmEvent({
+    event: SEARCH_GTM_EVENTS.CHAT_ENTRY_POINT,
+    ...baseEventPayload(ctx)
+  });
+}
+function trackSearchType(input) {
+  pushGtmEvent({
+    event: SEARCH_GTM_EVENTS.SEARCH_TYPE,
+    ...baseEventPayload(input),
+    id: resolveUserId(input.userId),
+    type: input.searchType ?? SEARCH_GTM_SEARCH_TYPES.SEMANTIC,
+    search_response: toEventString(input.searchResponse, GTM_FALLBACK_NA)
+  });
+}
+function trackProductSearch(input) {
+  pushGtmEvent({
+    event: SEARCH_GTM_EVENTS.PRODUCT_SEARCH,
+    ...baseEventPayload(input),
+    id: resolveUserId(input.userId),
+    search_type: input.searchType ?? SEARCH_GTM_SEARCH_TYPES.SEMANTIC,
+    Product_results: serializeProductResults(
+      input.productResultsData,
+      input.productResults
+    )
+  });
+}
+function trackErrorPopup(input) {
+  pushGtmEvent({
+    event: SEARCH_GTM_EVENTS.ERROR_POPUP,
+    ...baseEventPayload(input),
+    id: resolveUserId(input.userId),
+    search_type: input.searchType ?? SEARCH_GTM_SEARCH_TYPES.SEMANTIC
+  });
+}
+
+export { CATALOG_SUGGESTIONS_PATH, 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, MAX_VISIBLE_SUGGESTIONS, RECENT_SEARCHES_DEFAULT_LIMIT, RECENT_SEARCHES_PREFIX, SEARCH_GTM_EVENTS, SEARCH_GTM_SEARCH_TYPES, SEARCH_GTM_USER_STATUS, SEARCH_PLACEHOLDER, STOREFRONT_SHOPPING_CONTEXT, TRIGGER_PLACEHOLDER, createChatService, createSearchService, getImageFromProperty, getIngredientTerms, getLocaleFromUrl, getSeeMoreResultsPayload, getVisibleSuggestions, isCartActionDisabled, isSellableProductStatus, isSuggestionDisabled, mapCatalogProductToSuggestion, normalizeDidYouMean, pushGtmEvent, resolveApiGatewayPath, resolveSuggestionImageSrc, trackChatEntryPoint, trackErrorPopup, trackProductSearch, trackSearchType, useSearchHistory, useSearchHistoryStore, useSearchSuggestions, useVoiceSearch };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map