@sledge-app/react-instant-search 2.0.58 → 2.0.60

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

@@ -590,8 +590,7 @@ const stringToSlug = (text) => {
     return text;
   return text.toLowerCase().replace(/[^\w ]+/g, "").replace(/ +/g, "-");
 };
-const shopifyFormatMoney = (cents, format) => {
-  var _a;
+const shopifyFormatMoney = (cents, format, selectedLocale) => {
   if (typeof cents == "string") {
     cents = cents.replace(".", "");
   }
@@ -612,19 +611,31 @@ const shopifyFormatMoney = (cents, format) => {
     var parts = number.split("."), dollars = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + thousands), cents2 = parts[1] ? decimal + parts[1] : "";
     return dollars + cents2;
   }
-  switch ((_a = formatString.match(placeholderRegex)) == null ? void 0 : _a[1]) {
-    case "amount":
-      value = formatWithDelimiters(cents, 2);
-      break;
-    case "amount_no_decimals":
-      value = formatWithDelimiters(cents, 0);
-      break;
-    case "amount_with_comma_separator":
-      value = formatWithDelimiters(cents, 2, ".", ",");
-      break;
-    case "amount_no_decimals_with_comma_separator":
-      value = formatWithDelimiters(cents, 0, ".", ",");
-      break;
+  function useFormatWithDelimiters() {
+    var _a;
+    switch ((_a = formatString.match(placeholderRegex)) == null ? void 0 : _a[1]) {
+      case "amount":
+        return formatWithDelimiters(cents, 2);
+      case "amount_no_decimals":
+        return formatWithDelimiters(cents, 0);
+      case "amount_with_comma_separator":
+        return formatWithDelimiters(cents, 2, ".", ",");
+      case "amount_no_decimals_with_comma_separator":
+        return formatWithDelimiters(cents, 0, ".", ",");
+    }
+  }
+  if (selectedLocale) {
+    if (cents) {
+      try {
+        value = new Intl.NumberFormat(selectedLocale).format(cents / 100);
+      } catch (error) {
+        value = useFormatWithDelimiters();
+      }
+    } else {
+      value = useFormatWithDelimiters();
+    }
+  } else {
+    value = useFormatWithDelimiters();
   }
   return formatString.replace(placeholderRegex, value);
 };
@@ -7044,7 +7055,7 @@ const PaginationOrLoadMore = (props) => {
 };
 const FacetBlockSelected = React__default.memo(
   (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     const {
       label,
       name,
@@ -7060,7 +7071,7 @@ const FacetBlockSelected = React__default.memo(
       handleFilterChange,
       allowedFilterSlider
     } = props;
-    const { money_format } = generalDataSettings || {};
+    const { money_format: money_format_props } = generalDataSettings || {};
     const { separator: hierarchical_collections_separator } = hierarchicalCollectionsSettings || {};
     const {
       color: filter_option_color,
@@ -7100,11 +7111,17 @@ const FacetBlockSelected = React__default.memo(
     if (defaultFilterItems == null ? void 0 : defaultFilterItems.length) {
       let isSetValue = false;
       defaultFilterItems.map((defaultFilterItem) => {
-        const { label: defaultFilterItemLabel, items, settings: defaultFilterItemSettings } = defaultFilterItem;
+        const { label: defaultFilterItemLabel, items, settings: defaultFilterItemSettings, value: defaultFilterItemValue } = defaultFilterItem;
         if ((items == null ? void 0 : items.includes(value)) && !isSetValue) {
           getLabel = defaultFilterItemLabel;
           getSettings = defaultFilterItemSettings;
           isSetValue = true;
+        } else {
+          if (defaultFilterItemValue === name && isRange && !isSetValue) {
+            getLabel = defaultFilterItemLabel;
+            getSettings = defaultFilterItemSettings;
+            isSetValue = true;
+          }
         }
       });
     }
@@ -7113,12 +7130,15 @@ const FacetBlockSelected = React__default.memo(
         valueText = String(valueText).replace(deletePrefix, "");
     });
     if (isRange) {
+      let money_format = money_format_props;
+      if (getSettings == null ? void 0 : getSettings.rounded)
+        money_format = (_f = money_format == null ? void 0 : money_format.replace) == null ? void 0 : _f.call(money_format, /\{\{\s*amount[^}]*\}\}/g, "{{amount_no_decimals}}");
       const getValueRange = new Set(value).size === 1 ? [value[0]] : value;
-      valueText = (_f = getValueRange == null ? void 0 : getValueRange.map((valueItem) => isPriceValue ? shopifyFormatMoney(valueItem * 100, money_format) : isSalePercent ? `${valueItem}%` : valueItem)) == null ? void 0 : _f.join(" - ");
+      valueText = (_g = getValueRange == null ? void 0 : getValueRange.map((valueItem) => isPriceValue ? shopifyFormatMoney(valueItem * 100, money_format) : isSalePercent ? `${valueItem}%` : valueItem)) == null ? void 0 : _g.join(" - ");
     } else {
-      valueText = (_g = String(valueText)) == null ? void 0 : _g.replaceAll(hierarchical_collections_separator, " > ");
+      valueText = (_h = String(valueText)) == null ? void 0 : _h.replaceAll(hierarchical_collections_separator, " > ");
     }
-    valueText = (_h = String(valueText)) == null ? void 0 : _h.replaceAll("_", " ");
+    valueText = (_i = String(valueText)) == null ? void 0 : _i.replaceAll("_", " ");
     let aliases = {};
     let aliasValue = "";
     let aliasSeparator = "";
@@ -7783,7 +7803,7 @@ const FilterActive = (props) => {
   ) }) : null });
 };
 const Facet = (props) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     filter,
     isFirstLoading,
@@ -7816,12 +7836,13 @@ const Facet = (props) => {
     keepCounterFacets,
     allowedFilterSlider
   } = props;
+  const { isJsVersion, locale } = React__default.useContext(SledgeContext) || {};
   const [keywordFacet, setKeywordFacet] = React__default.useState("");
   const [showFacet, setShowFacet] = React__default.useState(false);
   const searchFacetRef = React__default.useRef(null);
   const ulListRef = React__default.useRef(null);
   const previousState = usePrevious({ keywordFacet });
-  const { money_format, default_currency_symbol } = generalDataSettings || {};
+  const { money_format: money_format_props, default_currency_symbol } = generalDataSettings || {};
   const { button_load_more } = (generalDataSettings == null ? void 0 : generalDataSettings.languages) || {};
   const { search_filter_placeholder, search_filter_show_more_result, search_filter_no_result, filter_select_placeholder, highest_price_info } = languageSettings || {};
   const {
@@ -7838,12 +7859,15 @@ const Facet = (props) => {
     ...filter_option_text_transform && { textTransform: filter_option_text_transform }
   };
   let { value, label, display, indexFilter, items, settings: filterSettings } = filter;
-  const { show_search, auto_select_search, hide_filter_list, show_all_children_items } = filterSettings || {};
+  const { show_search, auto_select_search, hide_filter_list, show_all_children_items, rounded } = filterSettings || {};
+  let money_format = money_format_props;
+  if (rounded)
+    money_format = (_b = money_format == null ? void 0 : money_format.replace) == null ? void 0 : _b.call(money_format, /\{\{\s*amount[^}]*\}\}/g, "{{amount_no_decimals}}");
   const show_filter_list_when_search = !hide_filter_list;
   if (isFirstLoading)
     return null;
   let blockComponent = null;
-  const isShowNumberMatchingProduct = (_b = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _b.show_number_matching_product;
+  const isShowNumberMatchingProduct = (_c = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _c.show_number_matching_product;
   const isDisplaySlider = ["slider", "input_range", "slider_with_input_range"].includes(display.toLowerCase());
   const isDisplayColorSwatch = ["swatch", "swatch_with_label"].includes(display.toLowerCase());
   const isDisplayInputRange = display.toLowerCase() === "input_range";
@@ -8086,11 +8110,17 @@ const Facet = (props) => {
   }
   if (isDisplaySlider) {
     items = (defaultFacetStats == null ? void 0 : defaultFacetStats[value]) && Object.keys(defaultFacetStats[value]).length ? defaultFacetStats[value] : {};
-    if (items && ((_c = Object.keys(items)) == null ? void 0 : _c.length)) {
+    if (items && ((_d = Object.keys(items)) == null ? void 0 : _d.length)) {
       items = {
         min: (items == null ? void 0 : items.min) < 0 ? 0 : items == null ? void 0 : items.min,
         max: items == null ? void 0 : items.max
       };
+      if (rounded) {
+        items = {
+          min: Math.floor(items == null ? void 0 : items.min),
+          max: Math.floor(items == null ? void 0 : items.max)
+        };
+      }
     }
     let valueFilterSliderChange = [];
     let isPriceValue = false;
@@ -8111,9 +8141,10 @@ const Facet = (props) => {
       defaultValueMin = (items == null ? void 0 : items.min) && Number(defaultValueMin) < Number(items == null ? void 0 : items.min) ? items == null ? void 0 : items.min : defaultValueMin;
       defaultValueMax = (items == null ? void 0 : items.max) && Number(defaultValueMax) > Number(items == null ? void 0 : items.max) ? items == null ? void 0 : items.max : defaultValueMax;
     }
-    let contentDefaultValueMin = isPriceValue ? shopifyFormatMoney(defaultValueMin * 100, money_format) : isSalePercent ? `${defaultValueMin}%` : defaultValueMin;
-    let contentDefaultValueMax = isPriceValue ? shopifyFormatMoney(defaultValueMax * 100, money_format) : isSalePercent ? `${defaultValueMax}%` : defaultValueMax;
-    let contentFacetStatsMax = isPriceValue ? shopifyFormatMoney((items == null ? void 0 : items.max) * 100, money_format) : isSalePercent ? `${items == null ? void 0 : items.max}%` : items == null ? void 0 : items.max;
+    const selectedLocale = isJsVersion ? selectedLocaleJs() : locale;
+    let contentDefaultValueMin = isPriceValue ? shopifyFormatMoney(defaultValueMin * 100, money_format, selectedLocale) : isSalePercent ? `${defaultValueMin}%` : defaultValueMin;
+    let contentDefaultValueMax = isPriceValue ? shopifyFormatMoney(defaultValueMax * 100, money_format, selectedLocale) : isSalePercent ? `${defaultValueMax}%` : defaultValueMax;
+    let contentFacetStatsMax = isPriceValue ? shopifyFormatMoney((items == null ? void 0 : items.max) * 100, money_format, selectedLocale) : isSalePercent ? `${items == null ? void 0 : items.max}%` : items == null ? void 0 : items.max;
     let descriptionInputRange = highest_price_info ? String(highest_price_info).replaceAll(OBJECT_DATA_STRING_KEY.PRICE_MAX_MONEY_FORMAT, contentFacetStatsMax) : `The highest price is ${contentFacetStatsMax}`;
     blockComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(
       Slider,
@@ -8186,7 +8217,7 @@ const Facet = (props) => {
             value: value2
           };
         }),
-        value: clickedFacets && ((_d = clickedFacets[value]) == null ? void 0 : _d.length) ? clickedFacets[value][0] : "",
+        value: clickedFacets && ((_e = clickedFacets[value]) == null ? void 0 : _e.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style,
         useVirtualized: true,
         selector: scrollElementSelector,
@@ -8214,7 +8245,7 @@ const Facet = (props) => {
             value: value2
           };
         }),
-        defaultValue: clickedFacets && ((_e = clickedFacets[value]) == null ? void 0 : _e.length) ? clickedFacets[value][0] : "",
+        defaultValue: clickedFacets && ((_f = clickedFacets[value]) == null ? void 0 : _f.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style,
         loadMoreText: button_load_more || "Load More",
         useLoadMore: true
@@ -9333,8 +9364,14 @@ const SearchResultWidget = (props) => {
         const { value, label, display, settings: settings2 } = filter;
         const { prefix, filter_list, selected_filter } = settings2 || {};
         const isDisplaySlider = ["slider", "input_range", "slider_with_input_range"].includes(display.toLowerCase());
-        if (isDisplaySlider)
-          return;
+        if (isDisplaySlider) {
+          return {
+            value,
+            label,
+            settings: settings2,
+            index
+          };
+        }
         let items = [];
         if (display.toLowerCase() === "tree") {
           for (let level = 0; level < MAX_LIMIT_HIERARCHICAL; level++) {