@sledge-app/react-instant-search 2.0.72 → 2.0.74

package/dist/sledge-react-instant-search.js

@@ -720,6 +720,77 @@ const getSortMap = ({
     "title-descending": "title:desc"
   };
 };
+let onStorageFallback;
+const getWindowStore = () => {
+  if (typeof window === "undefined")
+    return null;
+  window.__SLEDGE_STORAGE__ = window.__SLEDGE_STORAGE__ || { data: {} };
+  return window.__SLEDGE_STORAGE__;
+};
+const getFallbackValue = (key) => {
+  var _a;
+  const store = getWindowStore();
+  return ((_a = store == null ? void 0 : store.data) == null ? void 0 : _a[key]) ?? null;
+};
+const setFallbackValue = (key, value) => {
+  const store = getWindowStore();
+  if (!store)
+    return;
+  store.data[key] = value;
+};
+const deleteFallbackValue = (key) => {
+  const store = getWindowStore();
+  if (!store)
+    return;
+  delete store.data[key];
+};
+const reportFallback = (key, error, operation) => {
+  var _a, _b;
+  try {
+    onStorageFallback == null ? void 0 : onStorageFallback(key, error, operation);
+  } catch {
+  }
+  if (typeof window !== "undefined") {
+    try {
+      (_b = (_a = window.posthog) == null ? void 0 : _a.capture) == null ? void 0 : _b.call(_a, "sledge_localstorage_fallback", {
+        key,
+        operation,
+        errorName: error == null ? void 0 : error.name
+      });
+    } catch {
+    }
+  }
+};
+const safeSetItem = (key, value) => {
+  if (typeof window === "undefined")
+    return;
+  if (typeof localStorage !== "undefined") {
+    try {
+      localStorage.setItem(key, value);
+      deleteFallbackValue(key);
+      return;
+    } catch (error) {
+      reportFallback(key, error, "setItem");
+    }
+  } else {
+    reportFallback(key, new Error("localStorage_unavailable"), "setItem");
+  }
+  setFallbackValue(key, value);
+};
+const safeGetItem = (key) => {
+  const fallbackValue = getFallbackValue(key);
+  if (fallbackValue !== null)
+    return fallbackValue;
+  if (typeof localStorage !== "undefined") {
+    try {
+      return localStorage.getItem(key);
+    } catch (error) {
+      reportFallback(key, error, "getItem");
+      return getFallbackValue(key);
+    }
+  }
+  return getFallbackValue(key);
+};
 const root = "";
 const Loading = "";
 const ConfirmationPopup = "";
@@ -1692,7 +1763,7 @@ const addToCart = async (data) => {
   });
 };
 const getWishlist = async (query, token) => {
-  let sledgeAuthApp = token ? token : typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = token ? token : safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let queryParams = "?" + new URLSearchParams({
     ...query || {}
   }).toString();
@@ -1709,7 +1780,7 @@ const getWishlist = async (query, token) => {
 };
 const addWishlist = async (data) => {
   const { productId, productVariantId, productName, productVendor, productSku, productVariantName, productLink, productImage, productCurrency, productPrice, type = "toggle" } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/wishlist`;
   let payload = {
     product: JSON.stringify({
@@ -1738,7 +1809,7 @@ const addWishlist = async (data) => {
   });
 };
 const bulkAddWishlist = async (data) => {
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let products = data.map((item) => {
     const { productId, productVariantId, productName, productVariantName, productLink, productImage, productCurrency, productPrice } = item;
     return {
@@ -1773,7 +1844,7 @@ const bulkAddWishlist = async (data) => {
   });
 };
 const getWishlistInfo = async ({ token = "", query = null }) => {
-  let sledgeAuthApp = token ? token : typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = token ? token : safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let queryParams = "?" + new URLSearchParams({
     ...query
   }).toString();
@@ -1791,7 +1862,7 @@ const getWishlistInfo = async ({ token = "", query = null }) => {
 const checkWishlist = async ({ id, variantId = "", query = null }) => {
   let convertId = sanitizeDataId(id);
   let convertVariantId = variantId ? sanitizeDataId(variantId) : "";
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let queryParams = "?" + new URLSearchParams({
     variant_id: convertVariantId,
     ...query
@@ -1808,7 +1879,7 @@ const checkWishlist = async ({ id, variantId = "", query = null }) => {
   });
 };
 const checkWishlists = async () => {
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/wishlist/checks`;
   return await fetchApi({
     url,
@@ -1821,7 +1892,7 @@ const checkWishlists = async () => {
   });
 };
 const clearWishlist = async () => {
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/wishlist/clear`;
   return await fetchApi({
     url,
@@ -1835,7 +1906,7 @@ const clearWishlist = async () => {
 };
 const addToCartTrigger$2 = async (data) => {
   const { productId } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/wishlist/cart`;
   let payload = {
     product: JSON.stringify({
@@ -1901,11 +1972,11 @@ const BadgeCounter = (props) => {
           setIsMaximizeTotalWishlist(valueTotalWishlist > 99);
           setIsFirstLoading(false);
           setIsLoading(false);
-          localStorage == null ? void 0 : localStorage.setItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, valueTotalWishlist);
+          safeSetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, String(valueTotalWishlist));
         }
       });
     } else {
-      localStorage == null ? void 0 : localStorage.setItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, totalWishlist);
+      safeSetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, String(totalWishlist));
     }
   };
   const handleSettings = async (LOCAL_STORAGE_WISHLIST_SETTING) => {
@@ -1920,7 +1991,7 @@ const BadgeCounter = (props) => {
   React__default.useEffect(() => {
     if (!isRenderAppWishlist)
       return;
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [isRenderAppWishlist]);
   React__default.useEffect(() => {
     if (!(dataSettings == null ? void 0 : dataSettings.launch_point) || !isRenderAppWishlist)
@@ -1934,7 +2005,7 @@ const BadgeCounter = (props) => {
       triggerRenderWishlistBadge(false);
     handleGetWishlistInfo();
   }, [valueRenderWishlistBadge, isRenderAppWishlist]);
-  const defaultTotalWishlist = isJsVersion ? (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER)) || null : null;
+  const defaultTotalWishlist = isJsVersion ? safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER) || null : null;
   const contentTotalWishlist = isFirstLoading ? defaultTotalWishlist : isLoading || isRequiredLogin ? 0 : `${isMaximizeTotalWishlist ? "99+" : totalWishlist}` || 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-wishlist-counter": contentTotalWishlist, children: contentTotalWishlist });
 };
@@ -2645,7 +2716,7 @@ const WidgetRoot = (props) => {
     }
   };
   const handleSetWishlistData = async (isLoadMore = false, init = false) => {
-    var _a2, _b2, _c2;
+    var _a2, _b2;
     const searchParams = new URLSearchParams(document.location.search);
     const getShareId = (params == null ? void 0 : params.shareId) ? params.shareId : (searchParams == null ? void 0 : searchParams.get(queryShareId)) || "";
     setIsLoading(isRefreshWidgetList ? true : !isLoadMore);
@@ -2672,15 +2743,16 @@ const WidgetRoot = (props) => {
       response = propsData;
     } else
       response = await getWishlist(queryParam);
+    const responseData = (response == null ? void 0 : response.data) ?? [];
     run = ((_a2 = response == null ? void 0 : response.status) == null ? void 0 : _a2.code) === 200 || false;
-    valueWishlistData = !((_b2 = response.data) == null ? void 0 : _b2.length) ? [] : (prevState) => (wishlistData == null ? void 0 : wishlistData.length) && isLoadMore ? [...prevState, ...response.data] : response.data;
-    valueTotalPage = ((_c2 = response == null ? void 0 : response.page) == null ? void 0 : _c2.total_page) || 1;
+    valueWishlistData = !responseData.length ? [] : (prevState) => (wishlistData == null ? void 0 : wishlistData.length) && isLoadMore ? [...prevState, ...responseData] : responseData;
+    valueTotalPage = ((_b2 = response == null ? void 0 : response.page) == null ? void 0 : _b2.total_page) || 1;
     if (run) {
       setWishlistData(valueWishlistData);
       setTotalPage(valueTotalPage);
-      setIsLoading(false);
-      setIsRefreshWidgetList(false);
     }
+    setIsLoading(false);
+    setIsRefreshWidgetList(false);
   };
   const handleShareData = async () => {
     var _a2, _b2, _c2, _d;
@@ -2721,8 +2793,8 @@ const WidgetRoot = (props) => {
     let responseGeneral;
     let responseInstantSearch;
     response = wishlistPreviewSettings || JSON.parse(LOCAL_STORAGE_WISHLIST_SETTING);
-    responseGeneral = generalPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
-    responseInstantSearch = instantSearchPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    responseGeneral = generalPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    responseInstantSearch = instantSearchPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     if (!response)
       return;
     const { sorts } = response == null ? void 0 : response.display;
@@ -2734,7 +2806,7 @@ const WidgetRoot = (props) => {
       setInstantSearchSettings(responseInstantSearch);
   };
   useEffectOnChange(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [previewSettings]);
   React__default.useEffect(() => {
     if (!isRenderAppWishlist)
@@ -2776,7 +2848,7 @@ const WidgetRoot = (props) => {
       };
     }
     handleShareData();
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
     setIsFirstLoading(false);
   }, [isRenderAppWishlist]);
   React__default.useEffect(() => {
@@ -2901,7 +2973,7 @@ const Badge = (props) => {
         setIsMaximizeTotalWishlist(valueTotalWishlist > 99);
         setProxyUrl(valueProxyUrl);
         setData(valueData);
-        localStorage == null ? void 0 : localStorage.setItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, valueTotalWishlist);
+        safeSetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER, String(valueTotalWishlist));
       },
       wishlistPreviewSettings,
       generalPreviewSettings
@@ -2948,7 +3020,7 @@ const Badge = (props) => {
     }
   };
   useEffectOnChange(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
     handleConfirmationPopup({
       isPreviewSettings: true
     });
@@ -2956,7 +3028,7 @@ const Badge = (props) => {
   React__default.useEffect(() => {
     if (!isRenderAppWishlist)
       return;
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [isRenderAppWishlist]);
   React__default.useEffect(() => {
     if (!(dataSettings == null ? void 0 : dataSettings.launch_point) || !isRenderAppWishlist)
@@ -3016,7 +3088,7 @@ const Badge = (props) => {
                   data: isJsVersion ? {
                     ...data,
                     ...{
-                      total_data: (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER)) || (data == null ? void 0 : data.total_data)
+                      total_data: safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER) || (data == null ? void 0 : data.total_data)
                     }
                   } : data
                 }
@@ -3043,7 +3115,7 @@ const Badge = (props) => {
                 data: isJsVersion ? {
                   ...data,
                   ...{
-                    total_data: (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER)) || (data == null ? void 0 : data.total_data)
+                    total_data: safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER) || (data == null ? void 0 : data.total_data)
                   }
                 } : data
               }
@@ -3067,7 +3139,7 @@ const Badge = (props) => {
               data: isJsVersion ? {
                 ...data,
                 ...{
-                  total_data: (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER)) || (data == null ? void 0 : data.total_data)
+                  total_data: safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER) || (data == null ? void 0 : data.total_data)
                 }
               } : data
             }
@@ -3093,7 +3165,7 @@ const Badge = (props) => {
                   data: isJsVersion ? {
                     ...data,
                     ...{
-                      total_data: (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER)) || (data == null ? void 0 : data.total_data)
+                      total_data: safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_BADGE_COUNTER) || (data == null ? void 0 : data.total_data)
                     }
                   } : data
                 }
@@ -3113,7 +3185,8 @@ const Badge = (props) => {
         setOpen: setOpenFlyoutWishlistWidget,
         position: "right",
         className: "sledge-flyout-widget__wishlist",
-        withBlurEffect: true
+        withBlurEffect: true,
+        unmountContentOnLoading: false
       }
     ) : null,
     isFirstLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: position === "none" ? /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderMenu, {}) : String(position).includes("bottom") ? /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingFull, {}) })
@@ -3147,7 +3220,7 @@ const BadgeCounterInitSelector = (props) => {
                 productReview: true,
                 instantSearch: true
               },
-              sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+              sledgeAnonymId: safeGetItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
               isJsVersion: true
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(BadgeCounter, { previewSettings })
@@ -3161,7 +3234,7 @@ const BadgeInitSelector = (props) => {
   var _a;
   const { selector = "", reload = false, previewSettings = null } = props || {};
   const getSelector = selector || SELECTOR.WISHLIST.ELEMENT_BADGE;
-  const LOCAL_STORAGE_WISHLIST_SETTING = localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) ? JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null) : null;
+  const LOCAL_STORAGE_WISHLIST_SETTING = safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) ? JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null) : null;
   const sledgeWishlistSettings = objectPresent((_a = previewSettings == null ? void 0 : previewSettings.settings) == null ? void 0 : _a.wishlist) || LOCAL_STORAGE_WISHLIST_SETTING;
   let element = Array.from(document.querySelectorAll(getSelector));
   let isElementDetected = !element || element && !element.length;
@@ -3202,7 +3275,7 @@ const BadgeInitSelector = (props) => {
                     productReview: true,
                     instantSearch: true
                   },
-                  sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                  sledgeAnonymId: safeGetItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
                   isJsVersion: true
                 },
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3253,7 +3326,7 @@ const BadgeInitSelector = (props) => {
                     productReview: true,
                     instantSearch: true
                   },
-                  sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                  sledgeAnonymId: safeGetItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
                   isJsVersion: true
                 },
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3305,7 +3378,7 @@ const BadgeInitSelector = (props) => {
                   productReview: true,
                   instantSearch: true
                 },
-                sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+                sledgeAnonymId: safeGetItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
                 isJsVersion: true
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3529,7 +3602,7 @@ const Trigger = (props) => {
     setIsRequiredLogin(sledgeAnonymId && is_required_login2);
   };
   useEffectOnChange(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
     handleConfirmationPopup({
       isPreviewSettings: true
     });
@@ -3546,7 +3619,7 @@ const Trigger = (props) => {
         handleCheckWishlist();
       };
     }
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [isRenderAppWishlist, hasEntry]);
   useEffectOnChange(() => {
     setIsRequiredLogin(sledgeAnonymId && is_required_login);
@@ -3634,7 +3707,7 @@ const ElementInit = (item, reload, previewSettings) => {
             productReview: true,
             instantSearch: true
           },
-          sledgeAnonymId: localStorage.getItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
+          sledgeAnonymId: safeGetItem(LOCAL_STORAGE_KEY.ANONYM_ID) || "",
           isJsVersion: true
         },
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3680,7 +3753,7 @@ const TriggerInitSelector = (props) => {
 const getReviewInfo = async (props) => {
   const { productId = null, query = null } = props || {};
   let convertId = productId ? sanitizeDataId(productId) : "";
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let queryParams = "?" + new URLSearchParams({
     [PAYLOAD_API_ALIASES.Authorization]: sledgeAuthApp,
     ...query
@@ -3699,7 +3772,7 @@ const getReviewInfo = async (props) => {
 };
 const getProductsReviewInfo = async (ids, token) => {
   let convertIds = ids.map((v) => sanitizeDataId(v));
-  let sledgeAuthApp = token ? token : typeof localStorage !== "undefined" ? (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP)) || "" : "";
+  let sledgeAuthApp = token ? token : safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/review/info/ids/${convertIds.join(",")}?${PAYLOAD_API_ALIASES.Authorization}=${sledgeAuthApp}`;
   return await fetchApi({
     url,
@@ -3836,7 +3909,7 @@ const Rating = (props) => {
   };
   useEffectOnChange(() => {
     handleSettings({
-      LOCAL_STORAGE_PRODUCT_REVIEW_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || null,
+      LOCAL_STORAGE_PRODUCT_REVIEW_SETTING: safeGetItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || null,
       isPreviewSettings: true
     });
   }, [previewSettings]);
@@ -3867,7 +3940,7 @@ const Rating = (props) => {
     if (isProductIdChanged)
       setIsFirstLoading(true);
     handleSettings({
-      LOCAL_STORAGE_PRODUCT_REVIEW_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || null
+      LOCAL_STORAGE_PRODUCT_REVIEW_SETTING: safeGetItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || null
     });
   }, [isRenderAppProductReview, hasEntry, productId]);
   React__default.useEffect(() => {
@@ -4235,7 +4308,7 @@ WidgetHeader.Sort = WidgetHeaderSort;
 WidgetHeader.AddTrigger = WidgetHeaderAddTrigger;
 WidgetHeader.Summary = WidgetHeaderSummary;
 const search = async (index, payload) => {
-  let sledgeInstantSearchAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_AUTH_APP) || "" : "";
+  let sledgeInstantSearchAuthApp = safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_AUTH_APP) || "";
   let url = `${INSTANT_SEARCH_ENGINE_URL}/indexes/${index}/search`;
   let headers = {
     "Content-Type": "application/json"
@@ -4252,7 +4325,7 @@ const search = async (index, payload) => {
   });
 };
 const multiSearch = async (payload, token) => {
-  let sledgeInstantSearchAuthApp = token ? token : typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_AUTH_APP) || "" : "";
+  let sledgeInstantSearchAuthApp = token ? token : safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_AUTH_APP) || "";
   let url = `${INSTANT_SEARCH_ENGINE_URL}/multi-search`;
   let headers = {
     "Content-Type": "application/json"
@@ -4270,7 +4343,7 @@ const multiSearch = async (payload, token) => {
 };
 const searchTrigger = async (data) => {
   const { keyword, resultCount } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/instantsearch/statistics/search`;
   let headers = {
     "Content-Type": "application/json"
@@ -4294,7 +4367,7 @@ const searchTrigger = async (data) => {
 };
 const productClickTrigger$1 = async (data) => {
   const { productId } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/instantsearch/statistics/click`;
   let headers = {
     "Content-Type": "application/json"
@@ -4319,7 +4392,7 @@ const productClickTrigger$1 = async (data) => {
 };
 const addToCartTrigger$1 = async (data) => {
   const { productId } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/instantsearch/statistics/cart`;
   let headers = {
     "Content-Type": "application/json"
@@ -4345,7 +4418,7 @@ const addToCartTrigger$1 = async (data) => {
 const productRecommendationSourceApps = ["recently-viewed", "related-product", "hand-picked", "new-arrival", "personalized-curated"];
 const productClickTrigger = async (data) => {
   const { productId, sourceApp } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/product-recommendation/statistics/click`;
   let headers = {
     "Content-Type": "application/json"
@@ -4369,7 +4442,7 @@ const productClickTrigger = async (data) => {
 };
 const addToCartTrigger = async (data) => {
   const { productId, sourceApp } = data;
-  let sledgeAuthApp = typeof localStorage !== "undefined" ? localStorage.getItem(LOCAL_STORAGE_KEY.AUTH_APP) || "" : "";
+  let sledgeAuthApp = safeGetItem(LOCAL_STORAGE_KEY.AUTH_APP) || "";
   let url = `${API_URL}/product-recommendation/statistics/cart`;
   let headers = {
     "Content-Type": "application/json"
@@ -4594,7 +4667,7 @@ const VariantSelector = (props) => {
           const defaultOptionClass = `
 ${selectedOption === item ? "sledge__product-variant-size-swatch-active" : ""} sledge__product-variant-size-swatch`;
           const colorOptionClass = `${selectedOption === item ? "sledge__product-variant-color-swatch-active" : ""} sledge__product-variant-color-swatch`;
-          const colorDataSettings = ((_a3 = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING))) == null ? void 0 : _a3.colors) || [];
+          const colorDataSettings = ((_a3 = JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING))) == null ? void 0 : _a3.colors) || [];
           const getColorSwatch = (colorDataSettings == null ? void 0 : colorDataSettings.filter(({ name }) => name === item)[0]) || {};
           const colorSwatch = (getColorSwatch == null ? void 0 : getColorSwatch.image) ? `url('${getColorSwatch == null ? void 0 : getColorSwatch.image}')` : (getColorSwatch == null ? void 0 : getColorSwatch.rgb) || item;
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5197,7 +5270,7 @@ const ProductGrid = React__default.memo((props) => {
   };
   const handleSettings = () => {
     let responseGeneral;
-    responseGeneral = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    responseGeneral = JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
     if (responseGeneral)
       setGeneralDataSettings(responseGeneral);
   };
@@ -5416,7 +5489,7 @@ const SkeletonItem = ({ width, height, rounded, color, style = {}, className = "
     setDataSettings(response);
   };
   React__default.useEffect(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: ((_a = dataSettings == null ? void 0 : dataSettings.skeleton) == null ? void 0 : _a.enable) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -5449,7 +5522,7 @@ const SkeletonProductGrid = ({ count, type, isFlyout = false, currentColumnGrid
     setDataSettings(response);
   };
   React__default.useEffect(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
   }, []);
   let components = [];
   for (let i = 0; i < count; i++) {
@@ -5795,7 +5868,18 @@ const DotButton = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", ...restProps, children });
 };
 const FlyoutSidebar$1 = "";
-const FlyoutSidebar = ({ title, content, footer = null, open, setOpen, position = "left", className = "", withBlurEffect = false, flyoutInfoContent = null }) => {
+const FlyoutSidebar = ({
+  title,
+  content,
+  footer = null,
+  open,
+  setOpen,
+  position = "left",
+  className = "",
+  withBlurEffect = false,
+  flyoutInfoContent = null,
+  unmountContentOnLoading = true
+}) => {
   const [isLoading, setIsLoading] = React__default.useState(false);
   const [isScrollAtBottom, setIsScrollAtBottom] = React__default.useState(false);
   const contentContainerRef = React__default.useRef(null);
@@ -5844,11 +5928,11 @@ const FlyoutSidebar = ({ title, content, footer = null, open, setOpen, position
           {
             ref: contentContainerRef,
             className: `sledge__flyout-mobile-content ${showBlurEffect ? "sledge__flyout-mobile-content-blur-effect" : ""}`,
-            style: isLoading ? { display: "none" } : void 0,
-            children: content
+            style: unmountContentOnLoading && isLoading ? { display: "none" } : void 0,
+            children: unmountContentOnLoading && isLoading ? null : content
           }
         ),
-        footer ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__flyout-mobile-footer", style: isLoading ? { display: "none" } : void 0, children: footer }) : null
+        footer ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__flyout-mobile-footer", style: unmountContentOnLoading && isLoading ? { display: "none" } : void 0, children: unmountContentOnLoading && isLoading ? null : footer }) : null
       ] })
     ] }),
     document.body
@@ -6291,7 +6375,7 @@ const SearchIconWidgetPopup = () => {
       };
     }
     handleSettings({
-      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null
+      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null
     });
   }, [isRenderAppInstantSearch]);
   React__default.useEffect(() => {
@@ -6299,7 +6383,7 @@ const SearchIconWidgetPopup = () => {
   }, [showInfo]);
   React__default.useEffect(() => {
     if (Boolean(previousState && (previousState == null ? void 0 : previousState.keyword) !== keyword)) {
-      const INSTANT_SEARCH_SETTING = (handleFunctions == null ? void 0 : handleFunctions.instantSearchPreviewSettings) || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+      const INSTANT_SEARCH_SETTING = (handleFunctions == null ? void 0 : handleFunctions.instantSearchPreviewSettings) || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
       const delayDebounceFn = setTimeout(() => {
         if (INSTANT_SEARCH_SETTING)
           handleMultiSearch({
@@ -6312,7 +6396,7 @@ const SearchIconWidgetPopup = () => {
   }, [keyword]);
   useEffectOnChange(() => {
     handleSettings({
-      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null,
+      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null,
       isPreviewSettings: true
     });
   }, [handleFunctions == null ? void 0 : handleFunctions.instantSearchPreviewSettings]);
@@ -8506,15 +8590,15 @@ const ColumnGridSelector = ({
   isDesktopLayout,
   showText = true
 }) => {
-  const desktopColumns = localStorage.getItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN) || "column-3";
-  const mobileColumns = localStorage.getItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN) || "column-2";
+  const desktopColumns = safeGetItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN) || "column-3";
+  const mobileColumns = safeGetItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN) || "column-2";
   const changeGridLayout = (type, value) => {
     const newLayout = { ...currentColumnGrid, [type]: value };
     setCurrentColumnGrid == null ? void 0 : setCurrentColumnGrid(newLayout);
     if (type === "desktop") {
-      localStorage.setItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN, value);
+      safeSetItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN, value);
     } else {
-      localStorage.setItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN, value);
+      safeSetItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN, value);
     }
   };
   React__default.useEffect(() => {
@@ -9416,15 +9500,15 @@ const SearchResultWidget = (props) => {
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const queryPage = (query == null ? void 0 : query.page) ? query.page : DEFAULT_QUERY_PARAM.PAGE;
   const queryLimit = (query == null ? void 0 : query.limit) ? query.limit : DEFAULT_QUERY_PARAM.LIMIT;
-  const desktopColumns = localStorage.getItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN) || "column-3";
-  const mobileColumns = localStorage.getItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN) || "column-2";
+  const desktopColumns = safeGetItem(LOCAL_STORAGE_KEY.GRID_DESKTOP_COLUMN) || "column-3";
+  const mobileColumns = safeGetItem(LOCAL_STORAGE_KEY.GRID_MOBILE_COLUMN) || "column-2";
   const { collectionId } = params || {};
   const searchParams = typeof document !== "undefined" ? new URLSearchParams((_a = document == null ? void 0 : document.location) == null ? void 0 : _a.search) : null;
   const { generalPreviewSettings, instantSearchPreviewSettings, previewSettings } = usePreviewSettings({
     defaultSettings: previewSettingsProp,
     nestedProperty: layoutType === "product-filter" ? "sledge.instantSearch.productFilter.preview" : "sledge.instantSearch.searchResult.preview"
   });
-  const [settings] = React__default.useState(instantSearchPreviewSettings || typeof localStorage !== "undefined" ? JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "{}") : {});
+  const [settings] = React__default.useState(instantSearchPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "{}"));
   const [isFirstLoading, setIsFirstLoading] = React__default.useState(!propsData);
   const [isLoading, setIsLoading] = React__default.useState(!propsData);
   const [keyword, setKeyword] = React__default.useState(searchParams == null ? void 0 : searchParams.get(queryKeyword));
@@ -9630,22 +9714,20 @@ const SearchResultWidget = (props) => {
       valueHierarchicalFacetAliases
     };
   };
-  const handleSetInitStates = ({ results = {}, data = {}, callback, isUpdateFilter = false }) => {
+  const handleSetInitStates = ({ results = {}, data, callback, isUpdateFilter = false }) => {
     var _a2, _b2, _c2;
-    const { filters, index_product, tabs: tabs2, hidden_tags, show_out_of_stock, display, use_published_filter } = data;
+    const { filters, index_product, tabs: tabs2, hidden_tags, show_out_of_stock, display, use_published_filter } = data ?? {};
     const {
       facetStats,
       totalHits: totalHitsResult,
       facetDistribution
     } = isUpdateFilter ? results || {} : layoutType === "default" ? ((_a2 = results == null ? void 0 : results.find) == null ? void 0 : _a2.call(results, ({ indexUid }) => indexUid.includes(index_product))) || {} : results || {};
     let totalHits = totalHitsResult || 0;
-    if (typeof localStorage !== "undefined") {
-      const INIT_TOTAL_HITS = Number(localStorage.getItem(layoutType === "default" ? LOCAL_STORAGE_KEY.SEARCH_RESULT_INIT_TOTAL_HITS : LOCAL_STORAGE_KEY.PRODUCT_FILTER_INIT_TOTAL_HITS) || 0);
-      if (!(INIT_TOTAL_HITS > 1)) {
-        localStorage.setItem(layoutType === "default" ? LOCAL_STORAGE_KEY.SEARCH_RESULT_INIT_TOTAL_HITS : LOCAL_STORAGE_KEY.PRODUCT_FILTER_INIT_TOTAL_HITS, totalHits);
-      }
-      totalHits = totalHits <= 1 ? INIT_TOTAL_HITS : totalHits;
+    const INIT_TOTAL_HITS = Number(safeGetItem(layoutType === "default" ? LOCAL_STORAGE_KEY.SEARCH_RESULT_INIT_TOTAL_HITS : LOCAL_STORAGE_KEY.PRODUCT_FILTER_INIT_TOTAL_HITS) || 0);
+    if (!(INIT_TOTAL_HITS > 1)) {
+      safeSetItem(layoutType === "default" ? LOCAL_STORAGE_KEY.SEARCH_RESULT_INIT_TOTAL_HITS : LOCAL_STORAGE_KEY.PRODUCT_FILTER_INIT_TOTAL_HITS, String(totalHits));
     }
+    totalHits = totalHits <= 1 ? INIT_TOTAL_HITS : totalHits;
     setTotalHitsProduct(totalHits || 0);
     let valueHideFilterWhenOneValue = ((_b2 = display == null ? void 0 : display.filter) == null ? void 0 : _b2.hide_when_one_value) && totalHits <= 1;
     let valueSearchResultFacets = facetDistribution ? Object.fromEntries(
@@ -9709,15 +9791,16 @@ const SearchResultWidget = (props) => {
     });
   };
   const handleInitStates = async (data) => {
-    const { filters, index_product, tabs: tabs2, hidden_tags, show_out_of_stock, display, use_published_filter } = data;
-    let getTabs = layoutType === "product-filter" ? tabs2.filter(({ index }) => index == null ? void 0 : index.includes(index_product)) : tabs2;
-    getTabs.map((tab) => {
-      var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2;
+    const { filters, index_product, tabs: tabs2, hidden_tags, show_out_of_stock, display, use_published_filter } = data ?? {};
+    const getTabs = layoutType === "product-filter" ? (_a2 = tabs2 == null ? void 0 : tabs2.filter) == null ? void 0 : _a2.call(tabs2, ({ index }) => index == null ? void 0 : index.includes(index_product)) : tabs2;
+    (_b2 = getTabs == null ? void 0 : getTabs.map) == null ? void 0 : _b2.call(getTabs, (tab) => {
+      var _a3, _b3, _c2, _d2, _e2, _f2;
       const { index } = tab;
       let isSetFilter2 = false;
       let getFacets = [];
       if (!isSetFilter2) {
-        let allowedFiltersCollectionId = (_c2 = (_b2 = (_a2 = filters == null ? void 0 : filters.map) == null ? void 0 : _a2.call(filters, (filter) => {
+        let allowedFiltersCollectionId = (_c2 = (_b3 = (_a3 = filters == null ? void 0 : filters.map) == null ? void 0 : _a3.call(filters, (filter) => {
           const { active, collections, items } = filter;
           if (!active)
             return;
@@ -9727,7 +9810,7 @@ const SearchResultWidget = (props) => {
           } else {
             return;
           }
-        })) == null ? void 0 : _b2.filter) == null ? void 0 : _c2.call(_b2, (item) => item);
+        })) == null ? void 0 : _b3.filter) == null ? void 0 : _c2.call(_b3, (item) => item);
         let allowedFiltersCollectionAll = (_f2 = (_e2 = (_d2 = filters == null ? void 0 : filters.map) == null ? void 0 : _d2.call(filters, (filter) => {
           const { active, collections, items } = filter;
           if (!active)
@@ -9776,7 +9859,7 @@ const SearchResultWidget = (props) => {
     let responseGeneral;
     let getFirstIndex;
     response = instantSearchPreviewSettings || JSON.parse(LOCAL_STORAGE_INSTANT_SEARCH_SETTING);
-    responseGeneral = generalPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
+    responseGeneral = generalPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
     if (!response)
       return;
     setInstantSearchSettings(response);
@@ -9826,7 +9909,7 @@ const SearchResultWidget = (props) => {
       valueDefaultSort = (_e2 = valueAllowedSorts == null ? void 0 : valueAllowedSorts[0]) == null ? void 0 : _e2.value;
     }
     setDefaultSort(valueDefaultSort);
-    setDefaultLimit(instantSearchPreviewSettings ? limit : (localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT)) || limit);
+    setDefaultLimit(instantSearchPreviewSettings ? limit : safeGetItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT) || limit);
     setLanguageSettings(languages);
     setHierarchicalProductTypeSettings(hierarchical_product_type);
     setHierarchicalCollectionsSettings(hierarchical_collections);
@@ -9883,13 +9966,13 @@ const SearchResultWidget = (props) => {
       window.history.replaceState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   }, []);
   const initStates = () => {
-    const INSTANT_SEARCH_SETTING = instantSearchPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    const INSTANT_SEARCH_SETTING = instantSearchPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     if (INSTANT_SEARCH_SETTING)
       handleInitStates(INSTANT_SEARCH_SETTING);
   };
   useEffectOnChange(() => {
     handleSettings({
-      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null,
+      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null,
       isPreviewSettings: true
     });
   }, [previewSettings]);
@@ -9899,7 +9982,7 @@ const SearchResultWidget = (props) => {
       return;
     initStates();
     handleSettings({
-      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null
+      LOCAL_STORAGE_INSTANT_SEARCH_SETTING: safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null
     });
     if (typeof window !== "undefined") {
       if (layoutType === "default") {
@@ -10543,7 +10626,7 @@ const ResultProduct = React__default.memo((props) => {
     const searchParams2 = new URLSearchParams(document.location.search);
     searchParams2.set(queryLimit, String(value));
     setClickedLimitId(Number(value));
-    localStorage == null ? void 0 : localStorage.setItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT, value);
+    safeSetItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT, String(value));
     if (!objectPresent(previewSettings))
       window.history.replaceState(null, "", `${document.location.pathname}?${searchParams2.toString()}`);
   }, []);
@@ -10666,7 +10749,7 @@ const ResultProduct = React__default.memo((props) => {
   const handleSearchResultData = async (props2) => {
     var _a2, _b2;
     const { isLoadMore: isLoadMore2 = false, result: resultProp, onSearch } = props2;
-    const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    const INSTANT_SEARCH_SETTING = JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     const { index_product } = INSTANT_SEARCH_SETTING || {};
     const isNoneFacetSelected = Boolean(!((_a2 = handleDataClickedFacets()) == null ? void 0 : _a2.length));
     const isFirstTimeOrOnSearch = handleSearchResultFirstTime && initStatesFirstTime || onSearch;
@@ -10685,8 +10768,8 @@ const ResultProduct = React__default.memo((props) => {
             let isCurrentIndex = index.includes(clickedTabIndexId);
             let tabTotal = isCurrentIndex ? totalHits : total;
             if (layoutType === "default" && ((_a3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _a3.length)) {
-              const { totalHits: totalHits2 } = (_c2 = (_b3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _b3.find) == null ? void 0 : _c2.call(_b3, ({ indexUid }) => indexUid.includes(index));
-              tabTotal = totalHits2 || tabTotal;
+              const { totalHits: totalHitsFromIndex } = ((_c2 = (_b3 = resultProp == null ? void 0 : resultProp.results) == null ? void 0 : _b3.find) == null ? void 0 : _c2.call(_b3, ({ indexUid }) => indexUid.includes(index))) || {};
+              tabTotal = totalHitsFromIndex ?? tabTotal;
             }
             return {
               ...tab,
@@ -11408,7 +11491,7 @@ const ResultCategory = React__default.memo((props) => {
   const handleSearchResultData = (props2) => {
     var _a;
     const { isReplaceData = false, result: resultProp, onSearch } = props2;
-    const INSTANT_SEARCH_SETTING = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    const INSTANT_SEARCH_SETTING = JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     const handleSearchResultFirstTime = isFirstLoading;
     const isFirstTimeOrOnSearch = handleSearchResultFirstTime && initStatesFirstTime || onSearch;
     const resultData = isFirstTimeOrOnSearch ? resultProp == null ? void 0 : resultProp.results : resultProp;
@@ -11713,13 +11796,13 @@ const SearchWidget = (props) => {
       await handleMultiSearch(response);
   };
   useEffectOnChange(() => {
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
   }, [previewSettings]);
   React__default.useEffect(() => {
     var _a2, _b2;
     if (!isRenderAppInstantSearch)
       return;
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    handleSettings(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     if (typeof window !== "undefined") {
       if ((_b2 = (_a2 = window == null ? void 0 : window.sledge) == null ? void 0 : _a2.instantSearch) == null ? void 0 : _b2.searchWidget)
         window.sledge.instantSearch.searchWidget.search = (keyword2 = "") => {
@@ -11732,7 +11815,7 @@ const SearchWidget = (props) => {
     }
   }, [isRenderAppInstantSearch]);
   useEffectOnChange(() => {
-    const INSTANT_SEARCH_SETTING = instantSearchPreviewSettings || JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
+    const INSTANT_SEARCH_SETTING = instantSearchPreviewSettings || JSON.parse(safeGetItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
     setShowSearchResult(keyword ? true : false);
     if (INSTANT_SEARCH_SETTING)
       handleMultiSearch(INSTANT_SEARCH_SETTING, true);