@sledge-app/react-instant-search 1.0.117 → 1.0.119

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

@@ -663,6 +663,18 @@ const Checkbox = ({ id, name, value, required, label, checked, labelStyle = {},
   ] });
 };
 const Slider$1 = "";
+const inputRangeFormatter = (value) => {
+  var _a, _b;
+  const cleanValue = (_b = (_a = String(value)) == null ? void 0 : _a.replace) == null ? void 0 : _b.call(_a, /[^0-9.]/g, "");
+  const numValue = parseFloat(cleanValue);
+  if (isNaN(numValue))
+    return value;
+  if (Number.isInteger(numValue))
+    return numValue.toString();
+  const [integerPart, decimalPart] = cleanValue.split(".");
+  const formattedDecimal = (decimalPart || "").slice(0, 2).padEnd(2, "0");
+  return `${integerPart}.${formattedDecimal}`;
+};
 const Slider = (props) => {
   var _a, _b, _c;
   const {
@@ -682,8 +694,8 @@ const Slider = (props) => {
     minMaxClassName = "",
     minMaxTextClassName = ""
   } = props;
-  const [inputRangeMin, setInputRangeMin] = React__default.useState(value == null ? void 0 : value[0]);
-  const [inputRangeMax, setInputRangeMax] = React__default.useState((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0]));
+  const [inputRangeMin, setInputRangeMin] = React__default.useState(inputRangeFormatter(value == null ? void 0 : value[0]));
+  const [inputRangeMax, setInputRangeMax] = React__default.useState(inputRangeFormatter((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])));
   const delayInputRangeRef = React__default.useRef(null);
   let content = (textValue == null ? void 0 : textValue.length) ? textValue : value;
   const hasMaxValue = (value == null ? void 0 : value.length) && (value == null ? void 0 : value[1]);
@@ -693,10 +705,10 @@ const Slider = (props) => {
   const isTypeIncludeInputRange = (_c = String(type)) == null ? void 0 : _c.includes("input_range");
   const handleChangeInputRange = ({ event, type: type2 }) => {
     var _a2;
-    const valueInput = (_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value;
+    let valueInput = (_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value;
     if (!Number(valueInput) && Number(valueInput) !== 0)
       return;
-    const valueCommit = type2 === "min" ? [valueInput || 0, (value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])] : [value == null ? void 0 : value[0], valueInput || 0];
+    let valueCommit = type2 === "min" ? [valueInput || 0, (value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])] : [value == null ? void 0 : value[0], valueInput || 0];
     if (type2 === "min") {
       setInputRangeMin(valueInput);
     } else {
@@ -708,8 +720,10 @@ const Slider = (props) => {
     delayInputRangeRef.current = setTimeout(() => {
       const lastValueMin = valueCommit == null ? void 0 : valueCommit[0];
       const lastValueMax = (valueCommit == null ? void 0 : valueCommit[1]) || lastValueMin;
-      const valueInputRange = type2 === "min" ? lastValueMax : lastValueMin;
+      const valueInputRange = inputRangeFormatter(type2 === "min" ? lastValueMax : lastValueMin);
       const valueCommitFiltered = [valueInputRange, valueInputRange];
+      valueInput = inputRangeFormatter(valueInput);
+      valueCommit = [inputRangeFormatter(valueCommit[0]), inputRangeFormatter(valueCommit[1])];
       let filterValueMinOrMax = false;
       if (type2 === "min") {
         filterValueMinOrMax = Number(valueInput) > Number(lastValueMax);
@@ -722,6 +736,11 @@ const Slider = (props) => {
         setValueChange == null ? void 0 : setValueChange(valueCommitFiltered);
         setValueCommit == null ? void 0 : setValueCommit(valueCommitFiltered);
       } else {
+        if (type2 === "min") {
+          setInputRangeMin(valueInput);
+        } else {
+          setInputRangeMax(valueInput);
+        }
         setValueChange == null ? void 0 : setValueChange(valueCommit);
         setValueCommit == null ? void 0 : setValueCommit(valueCommit);
       }
@@ -729,8 +748,8 @@ const Slider = (props) => {
   };
   useEffectOnChange(() => {
     if (isTypeIncludeInputRange && !(valueFilterSliderChange == null ? void 0 : valueFilterSliderChange.length)) {
-      setInputRangeMin(value == null ? void 0 : value[0]);
-      setInputRangeMax((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0]));
+      setInputRangeMin(inputRangeFormatter(value == null ? void 0 : value[0]));
+      setInputRangeMax(inputRangeFormatter((value == null ? void 0 : value[1]) || (value == null ? void 0 : value[0])));
     }
   }, [valueFilterSliderChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sledge__slider-wrapper ${wrapperClassName}`, "data-slider-type": type, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormWrapper, { children: [
@@ -777,8 +796,8 @@ const Slider = (props) => {
           onValueChange: (valueChange) => {
             setValueChange == null ? void 0 : setValueChange(valueChange);
             if (isTypeIncludeInputRange) {
-              setInputRangeMin(valueChange == null ? void 0 : valueChange[0]);
-              setInputRangeMax((valueChange == null ? void 0 : valueChange[1]) || (valueChange == null ? void 0 : valueChange[0]));
+              setInputRangeMin(inputRangeFormatter(valueChange == null ? void 0 : valueChange[0]));
+              setInputRangeMax(inputRangeFormatter((valueChange == null ? void 0 : valueChange[1]) || (valueChange == null ? void 0 : valueChange[0])));
             }
           },
           children: [
@@ -820,8 +839,11 @@ const Slider = (props) => {
   ] }) });
 };
 const Pagination$1 = "";
+const paginationTypes = ["standard", "numbered_button"];
 const Pagination = (props) => {
-  let { currentPage, totalPage, totalResult, onChange, pageInfo: pageInfoProp } = props;
+  let { type = "standard", currentPage, totalPage, totalResult, onChange, pageInfo: pageInfoProp } = props;
+  if (!paginationTypes.includes(type))
+    type = "standard";
   const isDisabledPreviousPage = currentPage === 1;
   const isDisabledNextPage = currentPage === totalPage;
   const [pageInfo, setPageInfo] = React__default.useState(null);
@@ -842,38 +864,101 @@ const Pagination = (props) => {
     }
     setPageInfo(pageInfoProp ? pageInfoProp : defaultPageInfo);
   };
+  const handlePreviousPage = () => {
+    if (isDisabledPreviousPage)
+      return;
+    if (currentPage > 1) {
+      onChange(currentPage - 1);
+    }
+  };
+  const handleNextPage = () => {
+    if (isDisabledNextPage)
+      return;
+    if (currentPage < totalPage) {
+      onChange(currentPage + 1);
+    }
+  };
+  const additionalPreviousPagination = {
+    ...isDisabledPreviousPage ? {
+      disabled: true
+    } : {
+      onClick: () => handlePreviousPage()
+    }
+  };
+  const additionalNextPagination = {
+    ...isDisabledNextPage ? {
+      disabled: true
+    } : {
+      onClick: () => handleNextPage()
+    }
+  };
+  const StandardLayout = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sledge__pagination-navigation", ...additionalPreviousPagination, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowLeftIcon, { width: 16, height: 16, color: "black" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: pageInfo }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sledge__pagination-navigation", ...additionalNextPagination, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowRightIcon, { width: 16, height: 16, color: "black" }) })
+  ] });
+  const NumberedButtonLayout = () => {
+    var _a;
+    const separatorDots = "...";
+    const getPageNumbers = () => {
+      const pageNumbers = [];
+      const visiblePages = 5;
+      const halfVisible = Math.floor(visiblePages / 2);
+      let startPage = Math.max(currentPage - halfVisible, 1);
+      let endPage = Math.min(startPage + visiblePages - 1, totalPage);
+      if (endPage - startPage + 1 < visiblePages) {
+        startPage = Math.max(endPage - visiblePages + 1, 1);
+      }
+      if (startPage > 1) {
+        pageNumbers.push(1);
+        if (startPage > 2) {
+          pageNumbers.push(separatorDots);
+        }
+      }
+      for (let i = startPage; i <= endPage; i++) {
+        pageNumbers.push(i);
+      }
+      if (endPage < totalPage) {
+        if (endPage < totalPage - 1) {
+          pageNumbers.push(separatorDots);
+        }
+        pageNumbers.push(totalPage);
+      }
+      return pageNumbers;
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      isDisabledPreviousPage ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sledge__pagination-navigation-borderless", ...additionalPreviousPagination, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowLeftIcon, { width: 22, height: 22, color: "#43c6ac" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__pagination-numbers", children: ((_a = getPageNumbers()) == null ? void 0 : _a.length) ? getPageNumbers().map((pageNumber, index) => {
+        const isActive = currentPage === pageNumber;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: pageNumber === separatorDots ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge__pagination-dots", children: pageNumber }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => {
+              if (!isActive)
+                onChange(pageNumber);
+            },
+            className: `sledge__pagination-button ${isActive ? "sledge__pagination-button--active" : ""}`,
+            children: pageNumber
+          }
+        ) }, index);
+      }) : null }),
+      isDisabledNextPage ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sledge__pagination-navigation-borderless", ...additionalNextPagination, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowRightIcon, { width: 22, height: 22, color: "#43c6ac" }) })
+    ] });
+  };
+  const renderPaginationLayout = () => {
+    switch (type) {
+      case "standard":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StandardLayout, {});
+      case "numbered_button":
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(NumberedButtonLayout, {});
+      default:
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StandardLayout, {});
+    }
+  };
   React__default.useEffect(() => {
     handlePageInfo();
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__pagination", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "sledge__pagination-navigation",
-        ...isDisabledPreviousPage ? {
-          disabled: true
-        } : {
-          onClick: () => onChange(currentPage - 1)
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowLeftIcon, { width: 16, height: 16, color: "black" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: pageInfo }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "sledge__pagination-navigation",
-        ...isDisabledNextPage ? {
-          disabled: true
-        } : {
-          onClick: () => onChange(currentPage + 1)
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowRightIcon, { width: 16, height: 16, color: "black" })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__pagination", "data-pagination-type": type, children: renderPaginationLayout() });
 };
 const RadioGroup$1 = "";
 const rowRenderer = ({ virtualized, item, id, labelStyle }) => {
@@ -6350,7 +6435,7 @@ const SearchResultWidget = (props) => {
   ] });
 };
 const ResultProduct = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
   const {
     layoutType,
     keyword,
@@ -7054,7 +7139,17 @@ const ResultProduct = (props) => {
       pageInfo: language_pagination_info,
       isVisibleLoadMore
     }
-  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pagination, { currentPage, totalPage, totalResult: totalSearchResult, onChange: (page) => handlePageChange(page), pageInfo: language_pagination_info });
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Pagination,
+    {
+      type: (_m = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _m.pagination_type,
+      currentPage,
+      totalPage,
+      totalResult: totalSearchResult,
+      onChange: (page) => handlePageChange(page),
+      pageInfo: language_pagination_info
+    }
+  );
   const filterHorizontalBlockComponent = ({ deviceType }) => {
     var _a2, _b2;
     return ((_a2 = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _a2.enable_on_search) && (allowedFilter == null ? void 0 : allowedFilter.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isFirstLoading && !propsData ? filterHorizontalSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isLoadingSetting && !propsData ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter-horizontal-loading", children: filterHorizontalSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-filter-horizontal-wrapper", children: [
@@ -7114,15 +7209,15 @@ const ResultProduct = (props) => {
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    ((_m = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _m.mobile_layout) === "flyout" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ((_n = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _n.mobile_layout) === "flyout" && /* @__PURE__ */ jsxRuntimeExports.jsx(
       FlyoutSidebar,
       {
         title: language_filter || "Filter",
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           filterVerticalSelected,
-          ((_o = (_n = filterVerticalComponents({
+          ((_p = (_o = filterVerticalComponents({
             filterLayoutType: "flyout"
-          })) == null ? void 0 : _n.filter((item) => item)) == null ? void 0 : _o.length) ? filterVerticalComponents({
+          })) == null ? void 0 : _o.filter((item) => item)) == null ? void 0 : _p.length) ? filterVerticalComponents({
             filterLayoutType: "flyout"
           }) : null
         ] }),
@@ -7130,9 +7225,9 @@ const ResultProduct = (props) => {
         setOpen: setOpenFilterFlyoutMobile
       }
     ),
-    ((_p = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _p.enable_on_search) && ((_q = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _q.layout) === "horizontal" && (allowedFilter == null ? void 0 : allowedFilter.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: filterHorizontalBlockComponent({ deviceType: "desktop" }) }) : null,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-wrapper", "data-filter-layout": (_r = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _r.layout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: ((_s = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _s.enable_on_search) && ((_t = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _t.layout) === "vertical" && !hideFilterWhenOneValue ? !(allowedFilter == null ? void 0 : allowedFilter.find(({ display }) => (display == null ? void 0 : display.toLowerCase()) === "tree")) && isFirstLoading || (allowedFilter == null ? void 0 : allowedFilter.find(({ display }) => (display == null ? void 0 : display.toLowerCase()) === "tree")) && isLoadingProduct ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: filterVerticalSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: isLoadingSetting ? filterVerticalSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    ((_q = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _q.enable_on_search) && ((_r = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _r.layout) === "horizontal" && (allowedFilter == null ? void 0 : allowedFilter.length) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: filterHorizontalBlockComponent({ deviceType: "desktop" }) }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-wrapper", "data-filter-layout": (_s = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _s.layout, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: ((_t = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _t.enable_on_search) && ((_u = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _u.layout) === "vertical" && !hideFilterWhenOneValue ? !(allowedFilter == null ? void 0 : allowedFilter.find(({ display }) => (display == null ? void 0 : display.toLowerCase()) === "tree")) && isFirstLoading || (allowedFilter == null ? void 0 : allowedFilter.find(({ display }) => (display == null ? void 0 : display.toLowerCase()) === "tree")) && isLoadingProduct ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: filterVerticalSkeleton }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter sledge__hide-element-lg-on-mobile", children: isLoadingSetting ? filterVerticalSkeleton : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         filterVerticalSelected,
         filterVerticalComponents({
           filterLayoutType: "standard"
@@ -7141,7 +7236,7 @@ const ResultProduct = (props) => {
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data", children: [
         isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-mobile-on-lg", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data-keyword", children: [
-            ((_u = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _u.show_total_products) ? summaryTextSkeleton : null,
+            ((_v = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _v.show_total_products) ? summaryTextSkeleton : null,
             searchFieldSkeletonComponent,
             filterHorizontalSkeletonComponent,
             selectOptionSkeletonComponent
@@ -7151,7 +7246,7 @@ const ResultProduct = (props) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: `sledge-instant-search__result-data-summary sledge-instant-search__result-data-summary-filter-horizontal ${((_v = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _v.layout) === "horizontal" ? "" : "sledge__hide-element-mobile-on-lg"}`,
+              className: `sledge-instant-search__result-data-summary sledge-instant-search__result-data-summary-filter-horizontal ${((_w = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _w.layout) === "horizontal" ? "" : "sledge__hide-element-mobile-on-lg"}`,
               children: summaryText
             }
           ),
@@ -7194,7 +7289,7 @@ const ResultProduct = (props) => {
                 language_limit || "Limit",
                 ":"
               ] }),
-              ((_w = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _w.allowed_limit) && Boolean((_y = (_x = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _x.allowed_limit) == null ? void 0 : _y.length) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ((_x = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _x.allowed_limit) && Boolean((_z = (_y = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _y.allowed_limit) == null ? void 0 : _z.length) && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 SelectField,
                 {
                   align: "end",
@@ -7215,7 +7310,7 @@ const ResultProduct = (props) => {
           productGridSkeleton,
           (searchResult == null ? void 0 : searchResult.length) ? paginationComponent : null
         ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          ((_z = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _z.layout) === "vertical" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary sledge-instant-search__result-data-summary-filter-vertical", children: summaryText }) }),
+          ((_A = displaySettings == null ? void 0 : displaySettings.filter) == null ? void 0 : _A.layout) === "vertical" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__hide-element-lg-on-mobile", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-data-summary sledge-instant-search__result-data-summary-filter-vertical", children: summaryText }) }),
           (searchResult == null ? void 0 : searchResult.length) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ProductGrid,
@@ -7230,9 +7325,9 @@ const ResultProduct = (props) => {
                   };
                 }),
                 setting: {
-                  show_vendor: (_A = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _A.show_vendor,
-                  show_sku: (_B = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _B.show_sku,
-                  show_price: (_C = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _C.show_price,
+                  show_vendor: (_B = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _B.show_vendor,
+                  show_sku: (_C = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _C.show_sku,
+                  show_price: (_D = displaySettings == null ? void 0 : displaySettings.search) == null ? void 0 : _D.show_price,
                   language_button_add_to_cart: language_add_to_cart,
                   language_button_out_of_stock: languageSettings && languageSettings["out of stock"] ? languageSettings["out of stock"] : ""
                 },