@sledge-app/react-instant-search 1.0.50 → 1.0.52

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

@@ -2530,16 +2530,6 @@ const ProductCard = (props) => {
   const defaultSelectedVariantStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? variants[0].inventory_quantity : 0;
   const [selectedVariantId, setSelectedVariantId] = React__default.useState(defaultSelectedVariantId);
   const [selectedVariantStock, setSelectedVariantStock] = React__default.useState(defaultSelectedVariantStock);
-  const [hasEntry, setHasEntry] = React__default.useState(false);
-  const [rootRef, rootEntry] = useIntersectionObserver({
-    threshold: 0,
-    root: null,
-    rootMargin: "0px"
-  });
-  React__default.useEffect(() => {
-    if (!hasEntry && (rootEntry == null ? void 0 : rootEntry.isIntersecting))
-      setHasEntry(rootEntry == null ? void 0 : rootEntry.isIntersecting);
-  }, [rootEntry]);
   let isLoadingAddToCart = clickedAddToCartId == selectedVariantId;
   let isOutOfStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? !Number(selectedVariantStock) && showOptionOutOfStock : false;
   let component = null;
@@ -2567,7 +2557,7 @@ const ProductCard = (props) => {
       setShowPopupComponent,
       sourceApp
     };
-    component = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-entry-card", dangerouslySetInnerHTML: { __html: CardsComponent({ ...CardsProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CardsComponent, { ...CardsProps }) });
+    component = /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: CardsComponent({ ...CardsProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CardsComponent, { ...CardsProps }) });
   } else {
     let setDefaultFunction = function() {
       if (!(variants == null ? void 0 : variants.length))
@@ -2842,7 +2832,7 @@ ${selectedOption === item2 ? "sledge__product-variant-size-swatch-active" : ""}
       ) }) : null
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-entry-card", ref: rootRef, children: hasEntry && component }, id);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: component }, id);
 };
 const ProductGrid = (props) => {
   const { type, className = "", data, setting, sourceApp = null, useSlider = false, onAfterAddToCart, onAfterRenderProduct } = props;
@@ -3942,8 +3932,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 }),
@@ -4789,12 +4781,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) {