@sledge-app/react-instant-search 0.0.103 → 0.0.105

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

@@ -886,7 +886,7 @@ const BadgeRoot = (props) => {
   React__default.useEffect(() => {
     if (!isRenderAppWishlist)
       return;
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [isRenderAppWishlist, triggerRenderMultipleComponent]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: React__default.Children.count(children) && React__default.Children.map(
     children,
@@ -1116,7 +1116,7 @@ const Trigger = (props) => {
         handleCheckWishlist();
       };
     }
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.WISHLIST_SETTING) || null);
   }, [isRenderAppWishlist]);
   React__default.useEffect(() => {
     setIsRequiredLogin(sledgeAnonymId && is_required_login);
@@ -1645,7 +1645,7 @@ const Rating = (props) => {
     let isProductIdChanged = Boolean(previousState && (previousState == null ? void 0 : previousState.productId) !== productId);
     if (isProductIdChanged)
       setIsFirstLoading(true);
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.PRODUCT_REVIEW_SETTING) || null);
   }, [isRenderAppProductReview, productId]);
   React__default.useEffect(() => {
     var _a2, _b2, _c, _d;
@@ -2413,22 +2413,19 @@ const ScrollArea = ({ children, isLoading = false, className = "", withCorner =
 };
 const SkeletonLoading$1 = "";
 const SkeletonItem = ({ width, height, rounded, color, style = {}, className = "", ...otherProps }) => {
-  const [isLoading, setIsLoading] = React__default.useState(true);
+  var _a, _b, _c, _d, _e;
   const [dataSettings, setDataSettings] = React__default.useState({});
-  const { enable, colors } = (dataSettings == null ? void 0 : dataSettings.skeleton) || {};
-  const { main_color } = colors || {};
-  const handleSettings = () => {
+  const handleSettings = async (LOCAL_STORAGE_GENERAL_SETTING) => {
     let response;
-    response = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || "");
+    response = JSON.parse(LOCAL_STORAGE_GENERAL_SETTING);
     if (!response)
       return;
-    setIsLoading(false);
     setDataSettings(response);
   };
   React__default.useEffect(() => {
-    handleSettings();
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.GENERAL_SETTING) || null);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoading && enable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: ((_a = dataSettings == null ? void 0 : dataSettings.skeleton) == null ? void 0 : _a.enable) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: `sledge__skeleton-item sledge__skeleton-item-animation ${className}`,
@@ -2437,8 +2434,8 @@ const SkeletonItem = ({ width, height, rounded, color, style = {}, className = "
           width,
           height
         },
-        ...main_color && {
-          background: main_color
+        ...((_c = (_b = dataSettings == null ? void 0 : dataSettings.skeleton) == null ? void 0 : _b.colors) == null ? void 0 : _c.main_color) && {
+          background: (_e = (_d = dataSettings == null ? void 0 : dataSettings.skeleton) == null ? void 0 : _d.colors) == null ? void 0 : _e.main_color
         },
         ...style
       },
@@ -2914,7 +2911,7 @@ const SearchIconWidgetPopup = () => {
         });
       };
     }
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
   }, [isRenderAppInstantSearch]);
   React__default.useEffect(() => {
     showInfo ? document.body.classList.add("sledge__open-popup-state") : document.body.classList.remove("sledge__open-popup-state");
@@ -3268,7 +3265,7 @@ const SearchResultWidget = (props) => {
       return;
     const searchParams2 = new URLSearchParams(document.location.search);
     setKeyword((searchParams2 == null ? void 0 : searchParams2.get(queryKeyword)) || "");
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
   }, [isRenderAppInstantSearch]);
   React__default.useEffect(() => {
     if (Boolean(previousState && (previousState == null ? void 0 : previousState.keyword) !== keyword) && layoutType === "default") {
@@ -4494,7 +4491,7 @@ const SearchWidget = (props) => {
   React__default.useEffect(() => {
     if (!isRenderAppInstantSearch)
       return;
-    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || "");
+    handleSettings(localStorage.getItem(LOCAL_STORAGE_KEY.INSTANT_SEARCH_SETTING) || null);
   }, [keyword]);
   React__default.useEffect(() => {
     if (Boolean(previousState && (previousState == null ? void 0 : previousState.keyword) !== keyword)) {