@sledge-app/react-instant-search 2.0.23 → 2.0.25

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

@@ -6114,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;
@@ -6214,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,
@@ -6228,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))
@@ -6235,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 = [];
@@ -6256,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 {
@@ -6274,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,
@@ -6812,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;
         }
       });
     }
@@ -8628,7 +8698,7 @@ const DesktopLayout = (props) => {
   );
 };
 const FilterFlyoutLayout = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
     displaySettings,
     languageSettings,
@@ -8686,17 +8756,17 @@ const FilterFlyoutLayout = (props) => {
         selectOptionSkeletonComponent
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }),
+        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
         /* @__PURE__ */ jsxRuntimeExports.jsx(FilterHorizontalBlockMobile, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultSearchFieldFlex, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", className: "sledge-instant-search__trigger-filter-flyout", onClick: () => setOpenFilterFlyout == null ? void 0 : setOpenFilterFlyout(true), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: language_filter || "Filter" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(FilterIcon, { width: 18, height: 18, color: "#393d4e" })
           ] }),
-          ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : searchField
+          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField
         ] }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
-          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
+          ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
         ] })
       ] }) }),
       isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -8707,7 +8777,7 @@ const FilterFlyoutLayout = (props) => {
   ] });
 };
 const FilterStandardLayout = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { displaySettings, languageSettings, allowedFilter, isFirstLoading, isLoading, isLoadingProduct, isLoadingSetting, searchResult = [], components, skeleton } = props;
   const {
     filterHorizontal = null,
@@ -8737,14 +8807,14 @@ const FilterStandardLayout = (props) => {
       selectOptionSkeletonComponent
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }),
+      ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
       /* @__PURE__ */ jsxRuntimeExports.jsxs(FilterHorizontalBlockMobile, { children: [
-        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : searchField,
+        ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : searchField,
         filterHorizontal == null ? void 0 : filterHorizontal({ deviceType: "mobile" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
-        ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
+        ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
       ] })
     ] }) }),
     isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -8754,7 +8824,7 @@ const FilterStandardLayout = (props) => {
   ] }) }) });
 };
 const StickyFilterButtonLayout = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
     displaySettings,
     languageSettings,
@@ -8816,11 +8886,11 @@ const StickyFilterButtonLayout = (props) => {
         selectOptionSkeletonComponent
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryTextHorizontal, { children: summaryText }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }),
-        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(FilterHorizontalBlockMobile, { children: searchField }),
+        ((_b = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _b.show_switch_view_option) ? /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnGridSelectorWrapper, { children: columnGridSelector }) : null,
+        ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_search_bar) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(FilterHorizontalBlockMobile, { children: searchField }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectFieldWrapper, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: sort }),
-          ((_c = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _c.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
+          ((_d = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _d.hide_limit_options) ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(SelectFieldItem, { children: limit })
         ] })
       ] }) }),
       isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -9032,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 || {};
@@ -9051,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) => {