@sledge-app/react-instant-search 2.0.59 → 2.0.61

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);
 };
@@ -7060,6 +7071,7 @@ const FacetBlockSelected = React__default.memo(
       handleFilterChange,
       allowedFilterSlider
     } = props;
+    const { isJsVersion, locale } = React__default.useContext(SledgeContext) || {};
     const { money_format: money_format_props } = generalDataSettings || {};
     const { separator: hierarchical_collections_separator } = hierarchicalCollectionsSettings || {};
     const {
@@ -7123,7 +7135,8 @@ const FacetBlockSelected = React__default.memo(
       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 = (_g = getValueRange == null ? void 0 : getValueRange.map((valueItem) => isPriceValue ? shopifyFormatMoney(valueItem * 100, money_format) : isSalePercent ? `${valueItem}%` : valueItem)) == null ? void 0 : _g.join(" - ");
+      const selectedLocale = isJsVersion ? selectedLocaleJs() : locale;
+      valueText = (_g = getValueRange == null ? void 0 : getValueRange.map((valueItem) => isPriceValue ? shopifyFormatMoney(valueItem * 100, money_format, selectedLocale) : isSalePercent ? `${valueItem}%` : valueItem)) == null ? void 0 : _g.join(" - ");
     } else {
       valueText = (_h = String(valueText)) == null ? void 0 : _h.replaceAll(hierarchical_collections_separator, " > ");
     }
@@ -7825,6 +7838,7 @@ 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);
@@ -8129,9 +8143,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,