@sledge-app/react-instant-search 2.0.21 → 2.0.22

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

@@ -10305,8 +10305,8 @@ const ResultProduct = React__default.memo((props) => {
     filter,
     scrollElementSelector
   }) => {
-    var _a2, _b2;
-    const { value, display, indexFilter } = filter;
+    var _a2, _b2, _c2;
+    const { value, display, indexFilter, settings: filterSettingsProp } = filter;
     const isDisplaySlider = ["slider", "input_range", "slider_with_input_range"].includes(display.toLowerCase());
     const isDisplayColorSwatch = ["swatch", "swatch_with_label"].includes(display.toLowerCase());
     let items = display.toLowerCase() === "tree" ? createHierarchicalFacet({
@@ -10323,33 +10323,73 @@ const ResultProduct = React__default.memo((props) => {
       hierarchicalFacetAliases,
       hierarchicalCollectionsSettings
     }) : searchResultFacets[value];
-    let isRender = Boolean(
-      isDisplaySlider ? items : Number(
-        (_a2 = handleFacetValues({
-          filter,
-          languageSettings,
-          clickedFacets,
-          searchFacetDistribution,
-          displaySettings,
-          settings,
-          items,
-          allowedFilterSlider
-        })) == null ? void 0 : _a2.length
-      )
-    );
-    if (isDisplaySlider) {
-      let defaultItemSlider = (defaultFacetStats == null ? void 0 : defaultFacetStats[value]) && Object.keys(defaultFacetStats[value]).length ? defaultFacetStats[value] : {};
-      let valueFilterSliderChange = [];
-      if (value === "variants.price") {
-        valueFilterSliderChange = valueFilterPriceChange;
-      } else if (value === "variants.sale_percent") {
-        valueFilterSliderChange = valueFilterOnSaleChange;
-      } else {
-        valueFilterSliderChange = valueFilterSliderOthers == null ? void 0 : valueFilterSliderOthers[value];
+    let isRender = false;
+    if ((_a2 = filterSettingsProp == null ? void 0 : filterSettingsProp.visibility_rules) == null ? void 0 : _a2.length) {
+      filterSettingsProp.visibility_rules.map((visibility_rule) => {
+        var _a3, _b3, _c3;
+        const { operator, type, values } = visibility_rule || {};
+        const facetSelectedValues = ((_a3 = clickedFacets == null ? void 0 : clickedFacets[type]) == null ? void 0 : _a3.length) ? clickedFacets == null ? void 0 : clickedFacets[type] : [];
+        if (operator && (values == null ? void 0 : values.length)) {
+          if (String(operator).toLowerCase() === "and") {
+            isRender = values.every((item) => {
+              var _a4;
+              return (_a4 = facetSelectedValues == null ? void 0 : facetSelectedValues.includes) == null ? void 0 : _a4.call(facetSelectedValues, item);
+            });
+          } else if (String(operator).toLowerCase() === "or") {
+            if ((_b3 = values == null ? void 0 : values.find) == null ? void 0 : _b3.call(values, (value2) => {
+              var _a4;
+              return ((_a4 = value2 == null ? void 0 : value2.toLowerCase) == null ? void 0 : _a4.call(value2)) === "all";
+            })) {
+              isRender = Boolean(facetSelectedValues == null ? void 0 : facetSelectedValues.length);
+            } else {
+              isRender = Boolean((_c3 = facetSelectedValues == null ? void 0 : facetSelectedValues.some) == null ? void 0 : _c3.call(facetSelectedValues, (item) => values.includes(item)));
+            }
+          }
+        }
+      });
+    }
+    const isRenderFromVisibilityRules = isRender;
+    const checkRenderFacet = () => {
+      var _a3;
+      isRender = Boolean(
+        isDisplaySlider ? items : Number(
+          (_a3 = handleFacetValues({
+            filter,
+            languageSettings,
+            clickedFacets,
+            searchFacetDistribution,
+            displaySettings,
+            settings,
+            items,
+            allowedFilterSlider
+          })) == null ? void 0 : _a3.length
+        )
+      );
+    };
+    const checkRenderFacetSlider = () => {
+      if (isDisplaySlider) {
+        let defaultItemSlider = (defaultFacetStats == null ? void 0 : defaultFacetStats[value]) && Object.keys(defaultFacetStats[value]).length ? defaultFacetStats[value] : {};
+        let valueFilterSliderChange = [];
+        if (value === "variants.price") {
+          valueFilterSliderChange = valueFilterPriceChange;
+        } else if (value === "variants.sale_percent") {
+          valueFilterSliderChange = valueFilterOnSaleChange;
+        } else {
+          valueFilterSliderChange = valueFilterSliderOthers == null ? void 0 : valueFilterSliderOthers[value];
+        }
+        let defaultValueMin = (valueFilterSliderChange == null ? void 0 : valueFilterSliderChange[0]) || (defaultItemSlider == null ? void 0 : defaultItemSlider.min);
+        let defaultValueMax = (valueFilterSliderChange == null ? void 0 : valueFilterSliderChange[1]) || (defaultItemSlider == null ? void 0 : defaultItemSlider.max);
+        isRender = !defaultValueMin && !defaultValueMax ? false : true;
       }
-      let defaultValueMin = (valueFilterSliderChange == null ? void 0 : valueFilterSliderChange[0]) || (defaultItemSlider == null ? void 0 : defaultItemSlider.min);
-      let defaultValueMax = (valueFilterSliderChange == null ? void 0 : valueFilterSliderChange[1]) || (defaultItemSlider == null ? void 0 : defaultItemSlider.max);
-      isRender = !defaultValueMin && !defaultValueMax ? false : true;
+    };
+    if ((_b2 = filterSettingsProp == null ? void 0 : filterSettingsProp.visibility_rules) == null ? void 0 : _b2.length) {
+      if (isRenderFromVisibilityRules) {
+        checkRenderFacet();
+        checkRenderFacetSlider();
+      }
+    } else {
+      checkRenderFacet();
+      checkRenderFacetSlider();
     }
     let classesUlElement = ["sledge-instant-search__result-filter-item-list"];
     const getFacetComponent = (props2) => {
@@ -10399,7 +10439,7 @@ const ResultProduct = React__default.memo((props) => {
       );
     if (display.toLowerCase() === "tree")
       classesUlElement.push("sledge-instant-search__result-filter-item-tree");
-    if (((_b2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b2.layout) === "vertical" && (allowedFilter == null ? void 0 : allowedFilter.length) === 1)
+    if (((_c2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _c2.layout) === "vertical" && (allowedFilter == null ? void 0 : allowedFilter.length) === 1)
       classesUlElement == null ? void 0 : classesUlElement.push("sledge-instant-search__result-filter-item-list-just-one");
     let isLastIndex = allowedFilter ? (allowedFilter == null ? void 0 : allowedFilter.length) - 1 === indexFilter : false;
     return { isRender, classesUlElement, getFacetComponent, isLastIndex };