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

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

@@ -2716,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);
@@ -2743,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;
@@ -3184,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, {}) })
@@ -5866,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);
@@ -5915,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
@@ -9701,9 +9714,9 @@ 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,
@@ -9778,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;
@@ -9796,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)
@@ -10754,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,