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

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

@@ -671,6 +671,17 @@ const setElementAttribute = ({ element, attributeName, value }) => {
     element.setAttribute(attributeName, value);
   }
 };
+const convertToQueryParams = (obj) => {
+  var _a;
+  if (typeof obj !== "object" || obj === null || obj && !((_a = Object.keys(obj)) == null ? void 0 : _a.length))
+    return {};
+  const queryParams = {};
+  Object.keys(obj).forEach((key) => {
+    var _a2, _b;
+    queryParams[key] = (_b = (_a2 = obj[key]) == null ? void 0 : _a2.map) == null ? void 0 : _b.call(_a2, (value) => encodeURIComponent(value));
+  });
+  return queryParams;
+};
 const root = "";
 const Loading = "";
 const ConfirmationPopup = "";
@@ -6103,6 +6114,36 @@ const SearchIconWidgetPopup = () => {
     ] })
   ] }) });
 };
+const hasDuplicateValue = (array, targetValue) => {
+  let foundCount = 0;
+  if (!(array == null ? void 0 : array.length))
+    return false;
+  for (let i = 0; i < array.length; i++) {
+    if (array[i].value === targetValue) {
+      foundCount++;
+      if (foundCount > 1)
+        return true;
+    }
+  }
+  return false;
+};
+const filterCustomGrouping = (arr) => {
+  if (!(arr == null ? void 0 : arr.length))
+    return [];
+  const groupMap = /* @__PURE__ */ new Map();
+  arr.forEach((arrItem) => {
+    const key = `${arrItem.index}-${arrItem.query_filter}`;
+    if (!groupMap.has(key)) {
+      groupMap.set(key, {
+        query_filter: arrItem.query_filter,
+        index: arrItem.index,
+        items: []
+      });
+    }
+    groupMap.get(key).items.push(arrItem.item);
+  });
+  return Array.from(groupMap.values());
+};
 const sortFacets = ({ facets, sortingOrder }) => {
   if (!(facets == null ? void 0 : facets.length) || !(sortingOrder == null ? void 0 : sortingOrder.length))
     return facets;
@@ -6152,12 +6193,13 @@ const parseFacetObject = ({ facet = "" }) => {
   return null;
 };
 const detectQueryStringFilter = ({ facets, facetsQueryStringObject, callback }) => {
+  var _a, _b;
   const searchParams = new URLSearchParams(document.location.search);
   const searchParamsObject = Object.fromEntries(searchParams);
   for (const searchParamsKey in searchParamsObject) {
     let ifFacetsQueryStringObject = (facets == null ? void 0 : facets.length) && facets.includes(searchParamsKey);
     if (ifFacetsQueryStringObject)
-      facetsQueryStringObject[searchParamsKey] = searchParamsObject[searchParamsKey].split(",");
+      facetsQueryStringObject[searchParamsKey] = (_b = (_a = searchParamsObject[searchParamsKey].split(",")) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (item) => decodeURIComponent(item));
   }
   if (Object.keys(facetsQueryStringObject).length)
     callback(facetsQueryStringObject);
@@ -6202,7 +6244,7 @@ const createQueryFilter = ({
   hierarchicalFacetAliases,
   defaultFilterItems
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   let filters = additional == null ? void 0 : additional.filter((item) => item);
   let detectClickedFacets = detectQueryStringFilter({
     facets,
@@ -6216,6 +6258,7 @@ const createQueryFilter = ({
     hierarchicalFacetAliases
   });
   const facetEntries = Object.entries(detectClickedFacets) || [];
+  let filterCustomByObject = [];
   for (const facetEntry of facetEntries) {
     const detectClickedFacet = facetEntry;
     if (!((detectClickedFacet == null ? void 0 : detectClickedFacet.length) && detectClickedFacet[1].length))
@@ -6223,7 +6266,26 @@ const createQueryFilter = ({
     let isCustom = ["variants.inventory_quantity"].includes(detectClickedFacet[0]);
     let isRange = allowedFilterSlider == null ? void 0 : allowedFilterSlider.includes(detectClickedFacet[0]);
     let isHierarchical = hierarchicalFacetAliases == null ? void 0 : hierarchicalFacetAliases.includes(detectClickedFacet[0]);
-    let filterSettings = (_a = defaultFilterItems == null ? void 0 : defaultFilterItems.find(({ value }) => value === detectClickedFacet[0])) == null ? void 0 : _a.settings;
+    let isHasDuplicate = hasDuplicateValue(defaultFilterItems, detectClickedFacet[0]);
+    if (isHasDuplicate && !isHierarchical) {
+      let filterCustom = [];
+      (_a = detectClickedFacet == null ? void 0 : detectClickedFacet[1]) == null ? void 0 : _a.map((item) => {
+        const defaultFilterItemsObject = defaultFilterItems == null ? void 0 : defaultFilterItems.find(({ items }) => items == null ? void 0 : items.includes(item));
+        const { index: defaultFilterItemsIndex, settings: defaultFilterItemsSettings } = defaultFilterItemsObject || {};
+        const { query_filter: query_filter2 } = defaultFilterItemsSettings || {};
+        filterCustom.push({
+          query_filter: query_filter2,
+          index: defaultFilterItemsIndex,
+          item
+        });
+      });
+      filterCustomByObject.push({
+        value: detectClickedFacet[0],
+        filters: filterCustomGrouping(filterCustom)
+      });
+      continue;
+    }
+    let filterSettings = (_b = defaultFilterItems == null ? void 0 : defaultFilterItems.find(({ value }) => value === detectClickedFacet[0])) == null ? void 0 : _b.settings;
     const { query_filter } = filterSettings || {};
     if (isHierarchical) {
       let arrItemHierarchicals = [];
@@ -6244,15 +6306,15 @@ const createQueryFilter = ({
     } else {
       let filterItem = "";
       if (query_filter === "AND") {
-        filterItem = ((_b = detectClickedFacet == null ? void 0 : detectClickedFacet[1]) == null ? void 0 : _b.length) ? (_f = (_e = (_d = (_c = detectClickedFacet == null ? void 0 : detectClickedFacet[1]) == null ? void 0 : _c.map) == null ? void 0 : _d.call(_c, (item) => `'${detectClickedFacet[0]}' = ${JSON.stringify(item)}`)) == null ? void 0 : _e.join) == null ? void 0 : _f.call(_e, " AND ") : "";
+        filterItem = ((_c = detectClickedFacet == null ? void 0 : detectClickedFacet[1]) == null ? void 0 : _c.length) ? (_g = (_f = (_e = (_d = detectClickedFacet == null ? void 0 : detectClickedFacet[1]) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (item) => `'${detectClickedFacet[0]}' = ${JSON.stringify(item)}`)) == null ? void 0 : _f.join) == null ? void 0 : _g.call(_f, " AND ") : "";
       } else {
         filterItem = `'${detectClickedFacet[0]}' IN ${JSON.stringify(detectClickedFacet[1])}`;
       }
       if (isRange)
         filterItem = `'${detectClickedFacet[0]}' >= ${detectClickedFacet[1][0]} AND '${detectClickedFacet[0]}' <= ${detectClickedFacet[1][1]}`;
       if (isCustom) {
-        if (Array.isArray(detectClickedFacet[1]) && ((_g = detectClickedFacet[1]) == null ? void 0 : _g.length) > 1) {
-          filterItem = `(${(_h = detectClickedFacet[1]) == null ? void 0 : _h.map((item) => {
+        if (Array.isArray(detectClickedFacet[1]) && ((_h = detectClickedFacet[1]) == null ? void 0 : _h.length) > 1) {
+          filterItem = `(${(_i = detectClickedFacet[1]) == null ? void 0 : _i.map((item) => {
             return `'${detectClickedFacet[0]}' ${item}`;
           }).join(" OR ")})`;
         } else {
@@ -6262,7 +6324,25 @@ const createQueryFilter = ({
       filters.push(filterItem);
     }
   }
-  return [...new Set(filters.concat(DEFAULT_QUERY_PRODUCT_MEILISEARCH))].join(" AND ");
+  let filterCustomByObjectString = (_l = (_k = (_j = filterCustomByObject == null ? void 0 : filterCustomByObject.map) == null ? void 0 : _j.call(filterCustomByObject, ({ value, filters: filters2 }) => {
+    var _a2, _b2;
+    let filterCustomString = [];
+    (_a2 = filters2 == null ? void 0 : filters2.map) == null ? void 0 : _a2.call(filters2, ({ query_filter, items }) => {
+      var _a3, _b3;
+      if (!(items == null ? void 0 : items.length))
+        return;
+      if (query_filter === "AND") {
+        filterCustomString.push((_b3 = (_a3 = items.map((item) => `'${value}' = ${JSON.stringify(item)}`)) == null ? void 0 : _a3.join) == null ? void 0 : _b3.call(_a3, " AND "));
+      } else {
+        filterCustomString.push(`'${value}' IN ${JSON.stringify(items)}`);
+      }
+    });
+    return (_b2 = filterCustomString == null ? void 0 : filterCustomString.join) == null ? void 0 : _b2.call(filterCustomString, " AND ");
+  })) == null ? void 0 : _k.filter) == null ? void 0 : _l.call(_k, (item) => item);
+  let filtersConcat = filters.concat(DEFAULT_QUERY_PRODUCT_MEILISEARCH);
+  if (filterCustomByObjectString == null ? void 0 : filterCustomByObjectString.length)
+    filtersConcat = filtersConcat.concat(DEFAULT_QUERY_PRODUCT_MEILISEARCH, filterCustomByObjectString);
+  return [...new Set(filtersConcat)].join(" AND ");
 };
 const createHierarchicalFacet = ({
   indexValue,
@@ -6800,11 +6880,13 @@ const FacetBlockSelected = React__default.memo(
       isSalePercent = true;
     }
     if (defaultFilterItems == null ? void 0 : defaultFilterItems.length) {
+      let isSetValue = false;
       defaultFilterItems.map((defaultFilterItem) => {
         const { label: defaultFilterItemLabel, items, settings: defaultFilterItemSettings } = defaultFilterItem;
-        if (items == null ? void 0 : items.includes(value)) {
+        if ((items == null ? void 0 : items.includes(value)) && !isSetValue) {
           getLabel = defaultFilterItemLabel;
           getSettings = defaultFilterItemSettings;
+          isSetValue = true;
         }
       });
     }
@@ -9020,7 +9102,7 @@ const SearchResultWidget = (props) => {
       }
     }
     if (valueAllowedFilter == null ? void 0 : valueAllowedFilter.length) {
-      valueDefaultFilterItems = valueAllowedFilter.map((filter) => {
+      valueDefaultFilterItems = valueAllowedFilter.map((filter, index) => {
         var _a3;
         const { value, label, display, settings: settings2 } = filter;
         const { prefix, filter_list, selected_filter } = settings2 || {};
@@ -9039,6 +9121,7 @@ const SearchResultWidget = (props) => {
           value,
           label,
           settings: settings2,
+          index,
           items: (_a3 = items == null ? void 0 : items.map((item) => {
             const isManualFilter = item && filter_list === "manual" && !(selected_filter == null ? void 0 : selected_filter.includes(item == null ? void 0 : item.value));
             const isPrefixFilter = item && filter_list === "prefix" && !(prefix == null ? void 0 : prefix.find((prefixItem) => {
@@ -9957,9 +10040,10 @@ const ResultProduct = React__default.memo((props) => {
         otherQueryStringObject[searchParamsKey] = searchParamsObject[searchParamsKey];
     }
     let facetQueryStringObject = {};
-    for (const valueClickedFacetsKey in valueClickedFacets) {
-      if ((_a2 = valueClickedFacets[valueClickedFacetsKey]) == null ? void 0 : _a2.length)
-        otherQueryStringObject[valueClickedFacetsKey] = valueClickedFacets[valueClickedFacetsKey];
+    let convertValueClickedFacets = convertToQueryParams(valueClickedFacets);
+    for (const valueClickedFacetsKey in convertValueClickedFacets) {
+      if ((_a2 = convertValueClickedFacets[valueClickedFacetsKey]) == null ? void 0 : _a2.length)
+        otherQueryStringObject[valueClickedFacetsKey] = convertValueClickedFacets[valueClickedFacetsKey];
     }
     const newQueryString = new URLSearchParams({
       ...otherQueryStringObject,