@sledge-app/react-instant-search 2.0.71 → 2.0.73

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 });
 };
@@ -2721,8 +2792,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 +2805,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 +2847,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 +2972,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 +3019,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 +3027,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 +3087,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 +3114,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 +3138,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 +3164,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
                 }
@@ -3147,7 +3218,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 +3232,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 +3273,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 +3324,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 +3376,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 +3600,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 +3617,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 +3705,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 +3751,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 +3770,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 +3907,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 +3938,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 +4306,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 +4323,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 +4341,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 +4365,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 +4390,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 +4416,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 +4440,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 +4665,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 +5268,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 +5487,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 +5520,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++) {
@@ -6291,7 +6362,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 +6370,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 +6383,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 +8577,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(() => {
@@ -9154,7 +9225,7 @@ const DesktopLayout = (props) => {
   );
 };
 const FilterFlyoutLayout = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     displaySettings,
     languageSettings,
@@ -9191,6 +9262,7 @@ const FilterFlyoutLayout = (props) => {
     searchAndSelectOption: searchAndSelectOptionSkeleton,
     productGrid: productGridSkeleton
   } = skeleton || {};
+  const columnGridElement = ((_a = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _a.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       FlyoutSidebar,
@@ -9206,23 +9278,26 @@ const FilterFlyoutLayout = (props) => {
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ResultWrapper, { displaySettings, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(ResultDataKeyword, { children: isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        ((_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.show_total_products) ? summaryTextSkeleton : null,
+        ((_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.show_total_products) ? summaryTextSkeleton : null,
         searchFieldSkeletonComponent,
         filterHorizontalSkeleton,
         selectOptionSkeletonComponent
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
-        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SummaryTextHorizontal, { children: [
+          summaryText,
+          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? columnGridElement : null
+        ] }),
+        ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_search_bar) ? null : columnGridElement,
         /* @__PURE__ */ jsxRuntimeExports.jsx(FilterHorizontalBlockMobile, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultSearchFieldFlex, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", className: "sledge-instant-search__trigger-filter-flyout", onClick: () => setOpenFilterFlyout == null ? void 0 : setOpenFilterFlyout(true), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_filter || "Filter" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
           ] }),
-          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField
+          ((_e = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _e.hide_search_bar) ? null : searchField
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
-          ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
+          ((_f = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _f.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
         ] })
       ] }) }),
       isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -9357,7 +9432,7 @@ const StickyFilterButtonLayout = (props) => {
   ] });
 };
 const MobileLayout = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { displaySettings } = props;
   const renderLayout = () => {
     var _a2;
@@ -9379,7 +9454,8 @@ const MobileLayout = (props) => {
       layout: (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.mobile_layout,
       additionalProps: {
         "data-hide-search-bar": (_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar,
-        "data-hide-limit-options": (_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options
+        "data-hide-limit-options": (_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options,
+        "data-show-switch-view-option": (_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.show_switch_view_option
       },
       children: renderLayout()
     }
@@ -9411,15 +9487,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));
@@ -9634,13 +9710,11 @@ const SearchResultWidget = (props) => {
       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(
@@ -9771,7 +9845,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);
@@ -9821,7 +9895,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);
@@ -9878,13 +9952,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]);
@@ -9894,7 +9968,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") {
@@ -10538,7 +10612,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()}`);
   }, []);
@@ -10661,7 +10735,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;
@@ -11403,7 +11477,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;
@@ -11708,13 +11782,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 = "") => {
@@ -11727,7 +11801,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);