@sledge-app/react-instant-search 1.0.112 → 1.0.114

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

@@ -175,7 +175,8 @@ const OBJECT_DATA_STRING_KEY = {
   COLLECTION_NAME: "{{ collection_name }}",
   TOTAL_WISHLIST: "{{ total_wishlist }}",
   ACCEPTED_FILETYPE_MEDIA: "{{ accepted_filetype_media }}",
-  MAX_SIZE_MEDIA: "{{ max_size_media }}"
+  MAX_SIZE_MEDIA: "{{ max_size_media }}",
+  FILTER_TITLE: "{{ filter_title }}"
 };
 const ELEMENT_ID = {
   PRODUCT_REVIEW: {
@@ -836,46 +837,75 @@ const ColorSwatch = ({ id, name, value, rgb, image, required, checked, onClick }
 };
 const Select$1 = "";
 const Select = ({ name, placeholder, required, defaultValue, items, labelStyle = {}, onValueChange }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__select-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name, required, onValueChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$41fb9f06171c75f4, { className: "sledge__select-trigger", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$4c8d1a57a761ef94, { placeholder }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "sledge__select-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
-          fill: "currentColor",
-          fillRule: "evenodd",
-          clipRule: "evenodd"
-        }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$602eac185826482c, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: "sledge__select-content", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$2f60d3ec9ad468f2, { className: "sledge__select-scroll-button", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
-          fill: "currentColor",
-          fillRule: "evenodd",
-          clipRule: "evenodd"
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$d5c6c08dc2d3ca7, { className: "sledge__select-viewport", children: items.map(
-        (item, index) => {
-          const { label, value } = item;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemComponent, { value, children: label }, index);
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$bf1aedc3039c8d63, { className: "sledge__select-scroll-button", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
-          fill: "currentColor",
-          fillRule: "evenodd",
-          clipRule: "evenodd"
-        }
-      ) }) })
-    ] }) })
-  ] }) });
+  const [isLoading, setIsLoading] = React__default.useState(true);
+  React__default.useEffect(() => {
+    setIsLoading(true);
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 0);
+  }, [defaultValue]);
+  const handleClassNameRoot = (open) => {
+    if (!open)
+      return;
+    const selectContentElement = document.querySelector(".sledge__select-content");
+    if (selectContentElement) {
+      const selectRootElement = selectContentElement.parentElement;
+      if (selectRootElement)
+        selectRootElement.classList.toggle("sledge__select-root");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isLoading ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__select-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    $cc7e05a45900e73f$export$be92b6f5f03c0fe9,
+    {
+      name,
+      required,
+      onValueChange,
+      onOpenChange: (open) => handleClassNameRoot(open),
+      ...defaultValue ? {
+        defaultValue
+      } : {},
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$41fb9f06171c75f4, { className: "sledge__select-trigger", style: labelStyle, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$4c8d1a57a761ef94, { placeholder }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "sledge__select-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "path",
+            {
+              d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+              fill: "currentColor",
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$602eac185826482c, { className: "sledge__select-portal", children: /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: "sledge__select-content", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$2f60d3ec9ad468f2, { className: "sledge__select-scroll-button", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "path",
+            {
+              d: "M3.13523 8.84197C3.3241 9.04343 3.64052 9.05363 3.84197 8.86477L7.5 5.43536L11.158 8.86477C11.3595 9.05363 11.6759 9.04343 11.8648 8.84197C12.0536 8.64051 12.0434 8.32409 11.842 8.13523L7.84197 4.38523C7.64964 4.20492 7.35036 4.20492 7.15803 4.38523L3.15803 8.13523C2.95657 8.32409 2.94637 8.64051 3.13523 8.84197Z",
+              fill: "currentColor",
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$d5c6c08dc2d3ca7, { className: "sledge__select-viewport", children: items.map(
+            (item, index) => {
+              const { label, value } = item;
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItemComponent, { value, children: label }, index);
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx($cc7e05a45900e73f$export$bf1aedc3039c8d63, { className: "sledge__select-scroll-button", children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: 15, height: 15, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "path",
+            {
+              d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+              fill: "currentColor",
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          ) }) })
+        ] }) })
+      ]
+    }
+  ) }) });
 };
 const SelectItemComponent = React__default.forwardRef(({ children, className = "", ...props }, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs($cc7e05a45900e73f$export$6d08773d2e66f8f2, { className: `sledge__select-item ${className}`, ...props, ref: forwardedRef, children: [
@@ -4533,7 +4563,6 @@ const SearchIconWidgetPopup = () => {
     ] })
   ] }) });
 };
-const hierarchicalFacetAliases = Object.entries(HIERARCHICAL_FACET_OBJECT_ALIASES).map((hierarchicalFacetAlias) => hierarchicalFacetAlias[1]);
 const detectQueryStringFilter = ({ facets, facetsQueryStringObject, callback }) => {
   const searchParams = new URLSearchParams(document.location.search);
   const searchParamsObject = Object.fromEntries(searchParams);
@@ -4546,8 +4575,13 @@ const detectQueryStringFilter = ({ facets, facetsQueryStringObject, callback })
     callback(facetsQueryStringObject);
   return facetsQueryStringObject;
 };
-const detectArrFacetHierarchical = ({ clickedFacetsObject, separator, separatorCollection }) => {
-  let facetHierarchical = hierarchicalFacetAliases.reduce((item, key) => {
+const detectArrFacetHierarchical = ({
+  clickedFacetsObject,
+  separator,
+  separatorCollection,
+  hierarchicalFacetAliases
+}) => {
+  let facetHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.reduce((item, key) => {
     let defaultLevelHierarchical = {};
     for (let iLevel = 0; iLevel < MAX_LIMIT_HIERARCHICAL; iLevel++) {
       defaultLevelHierarchical[`lvl${iLevel}`] = [];
@@ -4555,12 +4589,12 @@ const detectArrFacetHierarchical = ({ clickedFacetsObject, separator, separatorC
     return { ...item, [key]: defaultLevelHierarchical };
   }, {});
   Object.entries(clickedFacetsObject).map((facet) => {
-    var _a;
+    var _a, _b;
     if ((facet == null ? void 0 : facet.length) && facet[1].length) {
-      const isCollection = facet[0] === HIERARCHICAL_FACET_OBJECT_ALIASES.collections;
-      let isHierarchical = hierarchicalFacetAliases.includes(facet[0]);
+      const isCollection = (_a = String(facet[0])) == null ? void 0 : _a.includes(HIERARCHICAL_FACET_OBJECT_ALIASES.collections);
+      let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(facet[0]);
       if (isHierarchical)
-        (_a = facet[1]) == null ? void 0 : _a.map((item) => {
+        (_b = facet[1]) == null ? void 0 : _b.map((item) => {
           const arrItem = String(item).split(isCollection ? separatorCollection : 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);
@@ -4569,7 +4603,16 @@ const detectArrFacetHierarchical = ({ clickedFacetsObject, separator, separatorC
   });
   return facetHierarchical;
 };
-const createQueryFilter = ({ facets, facetsQueryStringObject, callback, additional = [], separator, separatorCollection, allowedFilterSlider }) => {
+const createQueryFilter = ({
+  facets,
+  facetsQueryStringObject,
+  callback,
+  additional = [],
+  separator,
+  separatorCollection,
+  allowedFilterSlider,
+  hierarchicalFacetAliases
+}) => {
   var _a, _b;
   let filters = additional == null ? void 0 : additional.filter((item) => item);
   let detectClickedFacets = detectQueryStringFilter({
@@ -4580,7 +4623,8 @@ const createQueryFilter = ({ facets, facetsQueryStringObject, callback, addition
   let facetHierarchical = detectArrFacetHierarchical({
     clickedFacetsObject: detectClickedFacets,
     separator,
-    separatorCollection
+    separatorCollection,
+    hierarchicalFacetAliases
   });
   const facetEntries = Object.entries(detectClickedFacets) || [];
   for (const facetEntry of facetEntries) {
@@ -4589,7 +4633,7 @@ const createQueryFilter = ({ facets, facetsQueryStringObject, callback, addition
       continue;
     let isCustom = ["variants.inventory_quantity"].includes(detectClickedFacet[0]);
     let isRange = allowedFilterSlider == null ? void 0 : allowedFilterSlider.includes(detectClickedFacet[0]);
-    let isHierarchical = hierarchicalFacetAliases.includes(detectClickedFacet[0]);
+    let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(detectClickedFacet[0]);
     if (isHierarchical) {
       let arrItemHierarchicals = [];
       Object.entries(facetHierarchical[detectClickedFacet[0]]).map((itemHierarchical) => {
@@ -4629,21 +4673,23 @@ const createHierarchicalFacet = ({
   hiddens,
   hiddensCollection,
   displaySettings,
-  searchFacetDistribution
+  searchFacetDistribution,
+  hierarchicalFacetAliases
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const { hide_unrelated } = filter;
-  const isCollection = indexValue === HIERARCHICAL_FACET_OBJECT_ALIASES.collections;
+  const isCollection = (_a = String(indexValue)) == null ? void 0 : _a.includes(HIERARCHICAL_FACET_OBJECT_ALIASES.collections);
   const hiddensProp = isCollection ? hiddensCollection : hiddens;
   let arrSelectedFacetHierarchical = detectArrFacetHierarchical({
     clickedFacetsObject,
     separator,
-    separatorCollection
+    separatorCollection,
+    hierarchicalFacetAliases
   });
   let hierarchicalFacets = [];
   for (let level = 0; level < MAX_LIMIT_HIERARCHICAL; level++) {
     let facets = searchResultFacets[`${indexValue}.lvl${level}`];
-    let isHideFacetWhenZeroValue = (_a = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a.hide_when_zero_value;
+    let isHideFacetWhenZeroValue = (_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.hide_when_zero_value;
     if (isHideFacetWhenZeroValue) {
       let filteredFacets = (searchFacetDistribution == null ? void 0 : searchFacetDistribution[`${indexValue}.lvl${level}`]) || {};
       facets = Object.keys(filteredFacets).map((item) => {
@@ -4671,7 +4717,7 @@ const createHierarchicalFacet = ({
         parent = hierarchicalFacets;
         for (let i = 0; i < names.length - 1; i++) {
           let foundIndex = parent == null ? void 0 : parent.findIndex((f) => f.name.trim().toLowerCase() === names[i].trim().toLowerCase());
-          parent = (_b = parent == null ? void 0 : parent[foundIndex]) == null ? void 0 : _b.children;
+          parent = (_c = parent == null ? void 0 : parent[foundIndex]) == null ? void 0 : _c.children;
         }
         parent == null ? void 0 : parent.push({
           ...facet,
@@ -4772,7 +4818,7 @@ const handleFacetValues = ({
   return facetValues;
 };
 const FacetComponent = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     filter,
     isFirstLoading,
@@ -4811,7 +4857,7 @@ const FacetComponent = (props) => {
   const previousState = usePrevious({ keywordFacet });
   const { money_format } = generalDataSettings || {};
   const { button_load_more } = (generalDataSettings == null ? void 0 : generalDataSettings.languages) || {};
-  const { search_filter_placeholder, search_filter_show_more_result, search_filter_no_result } = languageSettings || {};
+  const { search_filter_placeholder, search_filter_show_more_result, search_filter_no_result, filter_select_placeholder } = languageSettings || {};
   const {
     color: filter_option_color,
     font_size: filter_option_font_size,
@@ -5142,7 +5188,7 @@ const FacetComponent = (props) => {
     blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Select,
       {
-        placeholder: `Select ${label}`,
+        placeholder: String(filter_select_placeholder).replaceAll(OBJECT_DATA_STRING_KEY.FILTER_TITLE, label),
         name: value,
         onValueChange: (getValue2) => handleFilterChange({
           parentId: value,
@@ -5156,6 +5202,7 @@ const FacetComponent = (props) => {
             value: value2
           };
         }),
+        defaultValue: clickedFacets && ((_e = clickedFacets[value]) == null ? void 0 : _e.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style
       }
     ) });
@@ -5398,6 +5445,7 @@ const SearchResultWidget = (props) => {
   const [attributesToRetrieve, setAttributesToRetrieve] = React__default.useState(((_k = sledgeSettings == null ? void 0 : sledgeSettings.instantsearch) == null ? void 0 : _k.attributes_to_retrieve) || []);
   const [totalHitsProduct, setTotalHitsProduct] = React__default.useState(0);
   const [allowedFilterSlider, setAllowedFilterSlider] = React__default.useState([]);
+  const [hierarchicalFacetAliases, setHierarchicalFacetAliases] = React__default.useState([]);
   const debouncedKeyword = useDebounce(keyword, 500);
   let productCardsComponent = null;
   let collectionCardsComponent = null;
@@ -5446,7 +5494,7 @@ const SearchResultWidget = (props) => {
             const { active, collections, items } = filter;
             if (!active)
               return;
-            const newItems = items == null ? void 0 : items.map(({ value, ...otherItem }) => (otherItem == null ? void 0 : otherItem.display) === "tree" ? HIERARCHICAL_FACET_OBJECT_ALIASES[value] : value);
+            const newItems = items == null ? void 0 : items.map(({ value, ...otherItem }) => (otherItem == null ? void 0 : otherItem.display) === "tree" ? HIERARCHICAL_FACET_OBJECT_ALIASES[value] || value : value);
             if (collectionId && (collections == null ? void 0 : collections.includes(String(collectionId)))) {
               isSetFilter = true;
               getFacets = newItems;
@@ -5531,7 +5579,7 @@ const SearchResultWidget = (props) => {
           const newItems = items == null ? void 0 : items.map(({ value, ...otherItem }) => {
             return {
               ...otherItem,
-              value: (otherItem == null ? void 0 : otherItem.display) === "tree" ? HIERARCHICAL_FACET_OBJECT_ALIASES[value] : value
+              value: (otherItem == null ? void 0 : otherItem.display) === "tree" ? HIERARCHICAL_FACET_OBJECT_ALIASES[value] || value : value
             };
           });
           if (collectionId && (collections == null ? void 0 : collections.includes(String(collectionId)))) {
@@ -5584,8 +5632,16 @@ const SearchResultWidget = (props) => {
             return;
           return value;
         }).filter((item) => item);
-        setAllowedFilterSlider(valueAllowedFilterSlider);
+        let valueHierarchicalFacetAliases = valueAllowedFilter.map((filter) => {
+          const { value, display: display2 } = filter;
+          const isDisplayTree = display2.toLowerCase() === "tree";
+          if (!isDisplayTree)
+            return;
+          return value;
+        }).filter((item) => item);
         setDefaultFilterItems(valueDefaultFilterItems);
+        setAllowedFilterSlider(valueAllowedFilterSlider);
+        setHierarchicalFacetAliases(valueHierarchicalFacetAliases);
       }
     }
     setAllowedTabs(
@@ -6058,7 +6114,8 @@ const SearchResultWidget = (props) => {
       mobileShowSelectedSort,
       soldProductAtEnd,
       attributesToRetrieve,
-      allowedFilterSlider
+      allowedFilterSlider,
+      hierarchicalFacetAliases
     })
   ] });
 };
@@ -6121,7 +6178,8 @@ const ResultProduct = (props) => {
     mobileShowSelectedSort,
     soldProductAtEnd,
     attributesToRetrieve,
-    allowedFilterSlider
+    allowedFilterSlider,
+    hierarchicalFacetAliases
   } = props || {};
   const querySortBy = (query == null ? void 0 : query.sortBy) ? query.sortBy : DEFAULT_QUERY_PARAM.SORT_BY;
   const queryPage = (query == null ? void 0 : query.page) ? query.page : DEFAULT_QUERY_PARAM.PAGE;
@@ -6306,7 +6364,7 @@ const ResultProduct = (props) => {
     var _a2;
     let facets2 = [value];
     let isRange = allowedFilterSlider == null ? void 0 : allowedFilterSlider.includes(parentId);
-    let isHierarchical = hierarchicalFacetAliases.includes(parentId);
+    let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(parentId);
     if (clickedFacets) {
       if (force) {
         facets2 = [value];
@@ -6404,7 +6462,8 @@ const ResultProduct = (props) => {
       separator: hierarchical_separator,
       separatorCollection: hierarchical_collections_separator,
       additional: [(hiddenTags == null ? void 0 : hiddenTags.length) ? `'tags' NOT IN ${JSON.stringify(hiddenTags)}` : null, collectionId ? `'collections.id' = '${collectionId}'` : null],
-      allowedFilterSlider
+      allowedFilterSlider,
+      hierarchicalFacetAliases
     });
     let sort = soldProductAtEnd ? ["availability:asc"] : [];
     if (clickedSortId)
@@ -6601,7 +6660,8 @@ const ResultProduct = (props) => {
       hiddens: hierarchical_hiddens,
       hiddensCollection: hierarchical_collections_hiddens,
       displaySettings,
-      searchFacetDistribution
+      searchFacetDistribution,
+      hierarchicalFacetAliases
     }) : searchResultFacets[value];
     let isRender = Boolean(
       display.toLowerCase() === "slider" ? items : Number(