@sledge-app/react-instant-search 1.0.49 → 1.0.51

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

@@ -3942,8 +3942,10 @@ const ButtonLoadMore = ({ text, onClick, isInfiniteScroll, currentPage, totalPag
   };
   React__default.useEffect(() => {
     handlePageInfo();
-    if (isInfiniteScroll && isVisibleLoadMore && (entry == null ? void 0 : entry.isIntersecting))
-      onClick == null ? void 0 : onClick();
+    if (isInfiniteScroll && isVisibleLoadMore && (entry == null ? void 0 : entry.isIntersecting)) {
+      const delay = setTimeout(() => onClick == null ? void 0 : onClick(), 500);
+      return () => clearTimeout(delay);
+    }
   }, [entry]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__pagination", ref, children: (entry == null ? void 0 : entry.isIntersecting) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__load-more", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: pageInfo }),
@@ -4699,27 +4701,31 @@ const ResultProduct = (props) => {
     ...filter_button_text_transform && { textTransform: filter_button_text_transform }
   });
   let hierarchicalFacetAliases = Object.entries(HIERARCHICAL_FACET_OBJECT_ALIASES).map((hierarchicalFacetAlias) => hierarchicalFacetAlias[1]);
-  let facetHierarchical = hierarchicalFacetAliases.reduce((item, key) => {
-    let defaultLevelHierarchical = {};
-    for (let iLevel = 0; iLevel < MAX_LIMIT_HIERARCHICAL; iLevel++) {
-      defaultLevelHierarchical[`lvl${iLevel}`] = [];
-    }
-    return { ...item, [key]: defaultLevelHierarchical };
-  }, {});
-  Object.entries(clickedFacets).map((facet) => {
-    var _a2;
-    if ((facet == null ? void 0 : facet.length) && facet[1].length) {
-      let isHierarchical = hierarchicalFacetAliases.includes(facet[0]);
-      if (isHierarchical)
-        (_a2 = facet[1]) == null ? void 0 : _a2.map((item) => {
-          const arrItem = String(item).split(hierarchical_separator);
-          if ((arrItem == null ? void 0 : arrItem.length) && Object.hasOwn(facetHierarchical[facet[0]], `lvl${arrItem.length - 1}`))
-            facetHierarchical[facet[0]][`lvl${arrItem.length - 1}`].push(item);
-        });
-    }
-  });
   const isLoadMore = ["load_more", "infinite_scroll"].includes((_j = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _j.pagination_type);
   const isVisibleLoadMore = totalPage === currentPage && !isLoadingButtonLoadMore ? false : totalPage >= currentPage;
+  const detectArrFacetHierarchical = (clickedFacetsObject) => {
+    let facetHierarchical = hierarchicalFacetAliases.reduce((item, key) => {
+      let defaultLevelHierarchical = {};
+      for (let iLevel = 0; iLevel < MAX_LIMIT_HIERARCHICAL; iLevel++) {
+        defaultLevelHierarchical[`lvl${iLevel}`] = [];
+      }
+      return { ...item, [key]: defaultLevelHierarchical };
+    }, {});
+    Object.entries(clickedFacetsObject).map((facet) => {
+      var _a2;
+      if ((facet == null ? void 0 : facet.length) && facet[1].length) {
+        let isHierarchical = hierarchicalFacetAliases.includes(facet[0]);
+        if (isHierarchical)
+          (_a2 = facet[1]) == null ? void 0 : _a2.map((item) => {
+            const arrItem = String(item).split(hierarchical_separator);
+            if ((arrItem == null ? void 0 : arrItem.length) && Object.hasOwn(facetHierarchical[facet[0]], `lvl${arrItem.length - 1}`))
+              facetHierarchical[facet[0]][`lvl${arrItem.length - 1}`].push(item);
+          });
+      }
+    });
+    return facetHierarchical;
+  };
+  let arrSelectedFacetHierarchical = detectArrFacetHierarchical(clickedFacets);
   const detectQueryStringFilter = (facetsQueryStringObject) => {
     const searchParams = new URLSearchParams(document.location.search);
     const searchParamsObject = Object.fromEntries(searchParams);
@@ -4785,12 +4791,15 @@ const ResultProduct = (props) => {
     var _a2;
     let facets2 = [value];
     let isRange = ["variants.price"].includes(parentId);
+    let isHierarchical = hierarchicalFacetAliases.includes(parentId);
     if (clickedFacets) {
       if (force) {
         facets2 = [value];
       } else {
         if ((_a2 = clickedFacets[parentId]) == null ? void 0 : _a2.includes(value)) {
           facets2 = clickedFacets[parentId].filter((facet) => facet !== value);
+          if (isHierarchical)
+            facets2 = facets2.filter((facet) => !facet.startsWith(value));
         } else {
           if (isRange) {
             if (clickedFacets[parentId], clickedFacets[parentId] === value) {
@@ -4848,6 +4857,7 @@ const ResultProduct = (props) => {
     }
     setIsLoading(isReplaceData ? true : !isLoadMore2);
     let detectClickedFacets = detectQueryStringFilter(clickedFacets);
+    let facetHierarchical = detectArrFacetHierarchical(detectClickedFacets);
     let response;
     let filters = Object.entries(detectClickedFacets).map((facet) => {
       var _a3, _b3;
@@ -5229,7 +5239,7 @@ const ResultProduct = (props) => {
       let parent = hierarchicalFacets;
       for (let facet of facets2) {
         const names = facet.name.split(hierarchical_separator);
-        const selectedFacetHierarchical = facetHierarchical[indexValue][`lvl${level}`];
+        const selectedFacetHierarchical = arrSelectedFacetHierarchical[indexValue][`lvl${level}`];
         const isWhenSelectedHideSiblings = hide_unrelated && (selectedFacetHierarchical == null ? void 0 : selectedFacetHierarchical.length) && !selectedFacetHierarchical.includes(facet.value);
         const isHidden = hierarchical_hiddens == null ? void 0 : hierarchical_hiddens.find((hierarchical_hidden) => {
           var _a3;