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

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
@@ -6207,7 +6220,7 @@ const SearchIconWidgetPopup = () => {
     let response;
     let body = {
       queries: tabs.map((tab) => {
-        var _a3, _b3, _c3;
+        var _a3, _b3, _c3, _d3;
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
         let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
@@ -6242,12 +6255,13 @@ const SearchIconWidgetPopup = () => {
         let filterProduct = additionalFilter;
         if (containsFilter)
           filterProduct = filterProduct.concat(containsFilter);
+        let hiddenCollectionsFilter = index === (instantSearchSettings == null ? void 0 : instantSearchSettings.index_collection) && ((_d3 = instantSearchSettings == null ? void 0 : instantSearchSettings.hidden_collections) == null ? void 0 : _d3.length) ? `'id' NOT IN ${JSON.stringify(instantSearchSettings.hidden_collections)}` : null;
         return {
           indexUid: index,
           q: valueKeyword,
           sort,
           hitsPerPage: isProductIndex ? instantSearchLimit : 4,
-          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : "",
+          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : [hiddenCollectionsFilter].filter(Boolean).join(" AND "),
           attributesToRetrieve: attributes_to_retrieve
         };
       })
@@ -7010,7 +7024,7 @@ const keyOpenFilters = ({ items = [] }) => {
   }).filter((item) => item) : [];
 };
 const handleSearchResponse = async (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   let {
     layoutType = "default",
     clickedTabIndexId,
@@ -7100,6 +7114,10 @@ const handleSearchResponse = async (props) => {
   if (isTypeCategoryHasPublished({ usePublishedFilter, type: clickedTabIndexType })) {
     filterCategory = DEFAULT_QUERY_PUBLISHED_FILTER;
   }
+  let hiddenCollectionsCategoryFilter = String(clickedTabIndexId) === (instantSearchSettings == null ? void 0 : instantSearchSettings.index_collection) && ((_e = instantSearchSettings == null ? void 0 : instantSearchSettings.hidden_collections) == null ? void 0 : _e.length) ? `'id' NOT IN ${JSON.stringify(instantSearchSettings.hidden_collections)}` : null;
+  if (hiddenCollectionsCategoryFilter) {
+    filterCategory = [filterCategory, hiddenCollectionsCategoryFilter].filter(Boolean).join(" AND ");
+  }
   let bodyProductOrCategory = isResultForProduct ? {
     q: keyword,
     sort,
@@ -7124,15 +7142,20 @@ const handleSearchResponse = async (props) => {
       let getTabs = isUseMultiSearch ? tabs : tabs.filter(({ index }) => index == null ? void 0 : index.includes(clickedTabIndexId));
       let body = {
         queries: getTabs.map((tab) => {
+          var _a2;
           const { index, type } = tab;
           let isCurrentIndex = index.includes(clickedTabIndexId);
           let isProductIndex = type === "product";
+          let hiddenCollectionsFilter = index === (instantSearchSettings == null ? void 0 : instantSearchSettings.index_collection) && ((_a2 = instantSearchSettings == null ? void 0 : instantSearchSettings.hidden_collections) == null ? void 0 : _a2.length) ? `'id' NOT IN ${JSON.stringify(instantSearchSettings.hidden_collections)}` : null;
           return {
             indexUid: index,
             ...isCurrentIndex ? bodyProductOrCategory : {
               q: keyword || "",
               hitsPerPage: 1,
-              filter: isTypeCategoryHasPublished({ usePublishedFilter, type }) ? DEFAULT_QUERY_PUBLISHED_FILTER : isProductIndex ? filterProduct : "",
+              filter: [
+                isTypeCategoryHasPublished({ usePublishedFilter, type }) ? DEFAULT_QUERY_PUBLISHED_FILTER : isProductIndex ? filterProduct : "",
+                hiddenCollectionsFilter
+              ].filter(Boolean).join(" AND "),
               attributesToRetrieve: [],
               limit: 0,
               page: 0,
@@ -9701,9 +9724,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 +9801,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 +9820,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 +10778,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,
@@ -11689,7 +11713,7 @@ const SearchWidget = (props) => {
     let response;
     let body = {
       queries: tabs.map((tab) => {
-        var _a3, _b3, _c3;
+        var _a3, _b3, _c3, _d3;
         const { index } = tab;
         let isProductIndex = index.includes(index_product);
         let additionalFilter = DEFAULT_QUERY_PRODUCT_MEILISEARCH;
@@ -11724,12 +11748,13 @@ const SearchWidget = (props) => {
         let filterProduct = additionalFilter;
         if (containsFilter)
           filterProduct = filterProduct.concat(containsFilter);
+        let hiddenCollectionsFilter = index === (instantSearchSettings == null ? void 0 : instantSearchSettings.index_collection) && ((_d3 = instantSearchSettings == null ? void 0 : instantSearchSettings.hidden_collections) == null ? void 0 : _d3.length) ? `'id' NOT IN ${JSON.stringify(instantSearchSettings.hidden_collections)}` : null;
         return {
           indexUid: index,
           q: valueKeyword,
           sort,
           hitsPerPage: isProductIndex ? instantSearchLimit : 4,
-          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : "",
+          filter: isProductIndex ? [...new Set(filterProduct)].join(" AND ") : [hiddenCollectionsFilter].filter(Boolean).join(" AND "),
           attributesToRetrieve: attributes_to_retrieve
         };
       })