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

package/dist/index.mjs

@@ -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));
@@ -1255,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);
@@ -1263,6 +1257,7 @@ function useSearchSuggestions({
     setSuggestions([]);
     setDidYouMean([]);
     setEmptyFetched(false);
+    setSuggestionFetchFailed(false);
     setHasMoreResults(false);
     setTotalResultsCount(0);
     setLoading(false);
@@ -1271,6 +1266,7 @@ function useSearchSuggestions({
     (nextQuery) => {
       const hasNextQuery = Boolean(nextQuery.trim());
       setEmptyFetched(false);
+      setSuggestionFetchFailed(false);
       setLoading(enabled && hasNextQuery);
       setQuery(nextQuery);
     },
@@ -1290,6 +1286,7 @@ function useSearchSuggestions({
       }
       setLoading(true);
       setEmptyFetched(false);
+      setSuggestionFetchFailed(false);
       try {
         const fetchedSuggestions = await service.fetchSuggestions(trimmedQuery);
         if (requestId !== latestRequestId.current) {
@@ -1312,6 +1309,7 @@ function useSearchSuggestions({
           !hasDidYouMean && effectiveTotal > MAX_VISIBLE_SUGGESTIONS
         );
         setTotalResultsCount(effectiveTotal);
+        setSuggestionFetchFailed(false);
         setEmptyFetched(
           hasDidYouMean ? false : visibleSuggestions.length === 0 && suggestedTerms.length === 0
         );
@@ -1322,6 +1320,7 @@ function useSearchSuggestions({
         setSuggestions([]);
         setDidYouMean([]);
         setEmptyFetched(true);
+        setSuggestionFetchFailed(true);
         setHasMoreResults(false);
         setTotalResultsCount(0);
       } finally {
@@ -1359,6 +1358,7 @@ function useSearchSuggestions({
     loading,
     query,
     setQuery,
+    suggestionFetchFailed,
     suggestions,
     totalResultsCount,
     updateQuery
@@ -1741,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