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

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

@@ -7044,7 +7044,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 +7060,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 +7100,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 +7119,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 +7792,7 @@ const FilterActive = (props) => {
   ) }) : null });
 };
 const Facet = (props) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     filter,
     isFirstLoading,
@@ -7821,7 +7830,7 @@ const Facet = (props) => {
   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 +7847,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 +8098,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;
@@ -8186,7 +8204,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 +8232,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
@@ -8645,7 +8663,8 @@ const EnterpriseLayout = (props) => {
     languageSettings,
     openFilterToggle = false,
     setOpenFilterToggle = () => {
-    }
+    },
+    handleSearchResultFirstTime
   } = props;
   const { filter: language_filter } = languageSettings || {};
   const {
@@ -8683,7 +8702,7 @@ const EnterpriseLayout = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { className: openFilterToggle ? "" : "sledge__has-closed-filter-toggle", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-instant-search__result-filter-toggle-panel ${"animated"}`, "data-filter-toggle": openFilterToggle ? "open" : "closed", children: filterVertical == null ? void 0 : filterVertical({
         filterLayoutType: "standard",
-        isSkeleton: Boolean(!isAllowedFilterTree && isFirstLoading || isAllowedFilterTree && isLoadingProduct || isLoadingSetting)
+        isSkeleton: Boolean(!isAllowedFilterTree && isFirstLoading || isAllowedFilterTree && isLoadingProduct || isLoadingSetting || handleSearchResultFirstTime)
       }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-flex", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProductGridPaginationWrapper, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         productGrid,
@@ -8750,7 +8769,7 @@ const YuvaLayout = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ResultData, { className: openFilterToggle ? "" : "sledge__has-closed-filter-toggle", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge-instant-search__result-filter-toggle-panel ${""}`, "data-filter-toggle": openFilterToggle ? "open" : "closed", children: filterVertical == null ? void 0 : filterVertical({
         filterLayoutType: "standard",
-        isSkeleton: Boolean(!isAllowedFilterTree && isFirstLoading || isAllowedFilterTree && isLoadingProduct || isLoadingSetting)
+        isSkeleton: Boolean(!isAllowedFilterTree && isFirstLoading || isAllowedFilterTree && isLoadingProduct || isLoadingSetting || handleSearchResultFirstTime)
       }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-flex", children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: productGridSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProductGridPaginationWrapper, { children: (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         productGrid,
@@ -9332,8 +9351,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++) {