@sledge-app/react-instant-search 1.0.74 → 1.0.75

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

@@ -1,5 +1,5 @@
-import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as motion, E as client, F as $a093c7e1ec25a057$export$2881499e37b75b9a, G as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, H as $a093c7e1ec25a057$export$41fb9f06171c75f4, I as $a093c7e1ec25a057$export$602eac185826482c, J as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, K as $a093c7e1ec25a057$export$21b07c8f274aebd5, L as $57acba87d6e25586$export$be92b6f5f03c0fe9, M as $57acba87d6e25586$export$d5c6c08dc2d3ca7, N as $57acba87d6e25586$export$9a4e88b92edfce6b, O as $57acba87d6e25586$export$6521433ed15a34db, P as MasonryResponsive, Q as Masonry, R as useEmblaCarousel, W as WindowScroller, S as List, T as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, U as $5d3850c4d0b4e6c7$export$602eac185826482c, V as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, X as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-4bab83cd.js";
-import React__default, { createElement, useState } from "react";
+import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as motion, E as client, F as $a093c7e1ec25a057$export$2881499e37b75b9a, G as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, H as $a093c7e1ec25a057$export$41fb9f06171c75f4, I as $a093c7e1ec25a057$export$602eac185826482c, J as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, K as $a093c7e1ec25a057$export$21b07c8f274aebd5, L as $57acba87d6e25586$export$be92b6f5f03c0fe9, M as $57acba87d6e25586$export$d5c6c08dc2d3ca7, N as $57acba87d6e25586$export$9a4e88b92edfce6b, O as $57acba87d6e25586$export$6521433ed15a34db, P as MasonryResponsive, Q as Masonry, R as useEmblaCarousel, S as useVirtualizer, T as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, U as $5d3850c4d0b4e6c7$export$602eac185826482c, V as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, W as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-dc719d80.js";
+import React__default, { createElement } from "react";
 import { SledgeContext } from "@sledge-app/core";
 import "react-dom";
 const ProductFilterWidget = (props) => {
@@ -724,16 +724,16 @@ const Pagination = (props) => {
   ] });
 };
 const RadioGroup$1 = "";
-const rowRenderer = ({ virtualized, item, id, labelStyle, useVirtualized }) => {
-  const { index, key = "", style = {} } = virtualized || {};
+const rowRenderer = ({ virtualized, item, id, labelStyle }) => {
+  const { index, key = "" } = virtualized || {};
   const { label, value } = item;
   const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: "sledge__radio-group-item", value, id: `${id}${index}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx($f99a8c78507165f7$export$adb584737d712b70, { className: "sledge__radio-group-indicator" }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "sledge__radio-group-label", htmlFor: `${id}${index}`, style: labelStyle, children: label })
   ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-item-flex", style, children: content }, key || index);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-item-flex", children: content }, key || index);
 };
-const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {}, onValueChange, scrollElement, useVirtualized = false }) => {
+const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {}, onValueChange, useVirtualized = false, scrollElementRef }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("form", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     $f99a8c78507165f7$export$be92b6f5f03c0fe9,
     {
@@ -747,22 +747,17 @@ const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {},
       children: useVirtualized ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         VirtualizedList,
         {
-          ...scrollElement && {
-            scrollElement
-          },
           rowCount: items == null ? void 0 : items.length,
-          rowHeight: 36,
-          rowRenderer: ({ index, key, style }) => rowRenderer({
+          rowRenderer: ({ index, key }) => rowRenderer({
             virtualized: {
               index,
-              key,
-              style
+              key
             },
             item: items[index],
             id,
-            labelStyle,
-            useVirtualized
-          })
+            labelStyle
+          }),
+          scrollElementRef
         }
       ) : items.map(
         (item, index) => rowRenderer({
@@ -771,8 +766,7 @@ const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {},
           },
           item,
           id,
-          labelStyle,
-          useVirtualized
+          labelStyle
         })
       )
     }
@@ -2815,10 +2809,14 @@ const ProductCard = (props) => {
   } = (variants == null ? void 0 : variants.length) ? variants[0] : {};
   const defaultSelectedVariantId = variant_admin_graphql_api_id ? variant_admin_graphql_api_id : "";
   const defaultSelectedVariantStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? variants[0].inventory_quantity : 0;
+  const defaultSelectedVariantInventoryManagement = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_management") ? variants[0].inventory_management : null;
+  const defaultSelectedVariantInventoryPolicy = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_policy") ? variants[0].inventory_policy : "";
   const [selectedVariantId, setSelectedVariantId] = React__default.useState(defaultSelectedVariantId);
   const [selectedVariantStock, setSelectedVariantStock] = React__default.useState(defaultSelectedVariantStock);
+  const [selectedVariantInventoryManagement, setSelectedVariantInventoryManagement] = React__default.useState(defaultSelectedVariantInventoryManagement);
+  const [selectedVariantInventoryPolicy, setSelectedVariantInventoryPolicy] = React__default.useState(defaultSelectedVariantInventoryPolicy);
   let isLoadingAddToCart = clickedAddToCartId == selectedVariantId;
-  let isOutOfStock = (variants == null ? void 0 : variants.length) && Object.hasOwn(variants[0], "inventory_quantity") ? !Number(selectedVariantStock) && showOptionOutOfStock : false;
+  let isOutOfStock = showOptionOutOfStock ? !Boolean(selectedVariantStock > 0 || selectedVariantInventoryManagement === null || selectedVariantInventoryPolicy === "continue") : false;
   let isOnSale = parseFloat(String(compare_at_price)) ? parseFloat(String(compare_at_price)) > parseFloat(String(price)) : false;
   const { money_format } = generalDataSettings || {};
   let component = null;
@@ -2828,10 +2826,12 @@ const ProductCard = (props) => {
         ...product,
         ...{
           variants: variants.map((variant, index) => {
-            const { inventory_quantity } = variant || {};
+            const isInventoryQuantity = Object.hasOwn(variants[index], "inventory_quantity") ? variants[index].inventory_quantity > 0 : false;
+            const isInventoryManagement = Object.hasOwn(variants[index], "inventory_management") ? variants[index].inventory_management === null : false;
+            const isInventoryPolicy = Object.hasOwn(variants[index], "inventory_policy") ? variants[index].inventory_policy === "continue" : false;
             return {
               ...variant,
-              is_out_of_stock: Object.hasOwn(variants[index], "inventory_quantity") ? !inventory_quantity : false
+              is_out_of_stock: !Boolean(isInventoryQuantity || isInventoryManagement || isInventoryPolicy)
             };
           })
         },
@@ -2859,6 +2859,8 @@ const ProductCard = (props) => {
       }
       defaultSelected["data-variant-id"] = variants[0].admin_graphql_api_id;
       defaultSelected["data-inventory-quantity"] = variants[0].inventory_quantity;
+      defaultSelected["data-inventory-management"] = variants[0].inventory_management;
+      defaultSelected["data-inventory-policy"] = variants[0].inventory_policy;
     }, setSelectedOption = function(element, optionName) {
       const optionsButton = element.target.offsetParent.querySelector(`.options-button-${stringToSlug(optionName)}`).querySelectorAll(`button`);
       const defaultSelectedClassChanger = () => {
@@ -2884,7 +2886,7 @@ const ProductCard = (props) => {
           defaultSelectedClassChanger();
       }
     }, setSelectedVariant = function(element, value, optionIndex) {
-      var _a2, _b2;
+      var _a2, _b2, _c2, _d;
       const parentCard = element.target.offsetParent;
       const selectedInput = parentCard.querySelector(`.sledge__product-grid-card-selected-option[data-product-id='${id}']`);
       const setOptionAttribute = () => {
@@ -2897,13 +2899,21 @@ const ProductCard = (props) => {
       const variantId = selectOption.attributes["data-graphql-id"].value;
       const imageId = (_a2 = selectOption.attributes["data-image-id"]) == null ? void 0 : _a2.value;
       const inventoryQuantity = (_b2 = selectOption.attributes["data-inventory-quantity"]) == null ? void 0 : _b2.value;
+      const inventoryManagement = (_c2 = selectOption.attributes["data-inventory-management"]) == null ? void 0 : _c2.value;
+      const inventoryPolicy = (_d = selectOption.attributes["data-inventory-policy"]) == null ? void 0 : _d.value;
       const setOther = () => {
         selectedInput.attributes[`data-variant-id`].value = selectOption.attributes["data-graphql-id"].value;
         selectedInput.attributes[`data-inventory-quantity`].value = inventoryQuantity;
+        selectedInput.attributes[`data-inventory-management`].value = inventoryManagement;
+        selectedInput.attributes[`data-inventory-policy`].value = inventoryPolicy;
         if (variantId)
           setSelectedVariantId(variantId);
         if (inventoryQuantity)
           setSelectedVariantStock(inventoryQuantity);
+        if (inventoryManagement)
+          setSelectedVariantInventoryManagement(inventoryManagement);
+        if (inventoryPolicy)
+          setSelectedVariantInventoryPolicy(inventoryPolicy);
         if (imageId)
           parentCard.querySelector(`img.sledge__product-grid-card-image-featured-image`).src = parentCard.querySelector(
             `div.sledge__product-grid-card-variant-images img[id="${imageId}"]`
@@ -3046,11 +3056,13 @@ const ProductCard = (props) => {
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge__product-grid-card-variant-swatch", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "hidden", ...defaultSelected, className: "sledge__product-grid-card-selected-option" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("select", { className: "variant-picker sledge__product-grid-card-variant-picker", children: variants == null ? void 0 : variants.map((variant) => {
-              const { title: title2, option1, option2, position, id: id2, admin_graphql_api_id, image_id, inventory_quantity } = variant;
+              const { title: title2, option1, option2, position, id: id2, admin_graphql_api_id, image_id, inventory_quantity, inventory_management, inventory_policy } = variant;
               let optionAttributes = {
                 "data-option-1": option1,
                 "data-option-2": option2,
                 "data-inventory-quantity": inventory_quantity,
+                "data-inventory-management": inventory_management,
+                "data-inventory-policy": inventory_policy,
                 "data-position": position,
                 "data-id": id2,
                 "data-graphql-id": admin_graphql_api_id,
@@ -3727,37 +3739,35 @@ const FlyoutSidebar = ({ title, content, open, setOpen }) => {
     }
   );
 };
-const getElement = ({ selector, setUsedScrollElement }) => {
-  const element = document.querySelector(selector);
-  if (!element)
-    setTimeout(() => {
-      getElement({ selector, setUsedScrollElement });
-    }, 1e3);
-  else
-    setUsedScrollElement(element);
-};
-const VirtualizedList = ({ selector, scrollElement, rowCount, rowHeight, rowRenderer: rowRenderer2, minHeight = 72 }) => {
-  const [usedScrollElement, setUsedScrollElement] = useState(scrollElement);
-  if (!usedScrollElement && selector)
-    getElement({ selector, setUsedScrollElement });
+const VirtualizedList = ({ rowCount, rowRenderer: rowRenderer2, scrollElementRef }) => {
+  var _a;
+  const virtualizer = useVirtualizer({
+    count: rowCount,
+    getScrollElement: () => scrollElementRef.current,
+    estimateSize: () => 45
+  });
+  const items = virtualizer.getVirtualItems();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    WindowScroller,
+    "div",
     {
-      ...usedScrollElement && {
-        scrollElement: usedScrollElement
+      style: {
+        height: virtualizer.getTotalSize(),
+        width: "100%",
+        position: "relative"
       },
-      children: ({ width, height, isScrolling, onChildScroll, scrollTop }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        List,
+      className: "sledge__virtualized-wrapper",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
         {
-          autoHeight: true,
-          height: height || minHeight,
-          isScrolling,
-          onScroll: onChildScroll,
-          scrollTop,
-          width,
-          rowCount,
-          rowHeight,
-          rowRenderer: rowRenderer2
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            transform: `translateY(${((_a = items[0]) == null ? void 0 : _a.start) ?? 0}px)`
+          },
+          className: "sledge__virtualized-list",
+          children: items.map((virtualRow) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-index": virtualRow.index, ref: virtualizer.measureElement, className: "sledge__virtualized-measure-element", children: rowRenderer2(virtualRow) }, virtualRow.key))
         }
       )
     }
@@ -3897,6 +3907,7 @@ const SearchViewMoreResult = ({
   showPopupComponent,
   setShowPopupComponent,
   urlSearchResult = "",
+  redirectObjectDirection = "",
   query,
   languageSettings
 }) => {
@@ -3908,11 +3919,18 @@ const SearchViewMoreResult = ({
       if (triggerRenderInstantSearchResult)
         triggerRenderInstantSearchResult(value);
     };
-    const ComponentProps = { keyword, showPopupComponent, setShowPopupComponent, setRenderSearchResult };
+    const ComponentProps = { keyword, showPopupComponent, setShowPopupComponent, setRenderSearchResult, redirectObjectDirection };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: isComponentJsVersion ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: Component({ ...ComponentProps }) } }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...ComponentProps }) });
   } else {
     const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`, className: "sledge-instant-search__icon-widget-button-more", children: (languageSettings == null ? void 0 : languageSettings.view_more_result) || "View More Result" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "a",
+      {
+        href: redirectObjectDirection ? redirectObjectDirection : `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`,
+        className: "sledge-instant-search__icon-widget-button-more",
+        children: (languageSettings == null ? void 0 : languageSettings.view_more_result) || "View More Result"
+      }
+    );
   }
 };
 const Global = {
@@ -3935,6 +3953,9 @@ const SearchIconWidgetPopup = () => {
   const [suggestionIndex, setSuggestionIndex] = React__default.useState("");
   const [urlSearchResult, setUrlSearchResult] = React__default.useState("");
   const [languageSettings, setLanguageSettings] = React__default.useState({});
+  const [redirectsSettings, setRedirectsSettings] = React__default.useState([]);
+  const [redirectObject, setRedirectObject] = React__default.useState({});
+  const [isRedirect, setIsRedirect] = React__default.useState(false);
   const [handleFunctions, setHandleFunctions] = React__default.useState({
     onAfterAddToCart: (state) => {
     },
@@ -3953,12 +3974,20 @@ const SearchIconWidgetPopup = () => {
   });
   const searchFieldRef = React__default.useRef(null);
   const previousState = usePrevious({ keyword });
+  const { direction: redirectObjectDirection } = redirectObject || {};
   const handleMultiSearch = async (params) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
     const { data, onSearch = false, withFetchReviewInfo = false } = params;
+    const valueRedirectObject = redirectsSettings.find(({ keyword: redirectKeyword }) => {
+      var _a3;
+      return ((_a3 = String(redirectKeyword)) == null ? void 0 : _a3.toLowerCase()) === keyword;
+    });
+    const valueIsRedirect = Boolean((_a2 = valueRedirectObject == null ? void 0 : valueRedirectObject.direction) == null ? void 0 : _a2.length);
+    setRedirectObject(valueRedirectObject);
+    setIsRedirect(valueIsRedirect);
     setIsLoading(true);
     const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
-    const suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
+    const suggestion = ((_b2 = display == null ? void 0 : display.search) == null ? void 0 : _b2.suggestion) || {};
     let response;
     let body = {
       queries: tabs.map((tab) => {
@@ -3985,10 +4014,10 @@ const SearchIconWidgetPopup = () => {
     if (onSearch && (keyword == null ? void 0 : keyword.length)) {
       searchTrigger({
         keyword,
-        resultCount: ((_b2 = valueSearchResultProduct[0]) == null ? void 0 : _b2.totalHits) || 0
+        resultCount: ((_c2 = valueSearchResultProduct[0]) == null ? void 0 : _c2.totalHits) || 0
       });
     }
-    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _c2.map((result) => {
+    let valueSearchResultOther = ((_d2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _d2.map((result) => {
       const { indexUid } = result;
       const { name, type } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {
@@ -3999,16 +4028,16 @@ const SearchIconWidgetPopup = () => {
         }
       };
     })) || [];
-    let getValueSearchResultProduct = (valueSearchResultProduct == null ? void 0 : valueSearchResultProduct.length) ? (_d2 = valueSearchResultProduct[0]) == null ? void 0 : _d2.hits : [];
+    let getValueSearchResultProduct = (valueSearchResultProduct == null ? void 0 : valueSearchResultProduct.length) ? (_e2 = valueSearchResultProduct[0]) == null ? void 0 : _e2.hits : [];
     let valueSuggestionIndex = !keyword.length ? "zero_character" : !(getValueSearchResultProduct == null ? void 0 : getValueSearchResultProduct.length) ? "no_result" : "";
     let isPriorityZeroCharacter = Boolean(
-      !keyword.length && Object.keys(suggestion).length && ((_f2 = (_e2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _e2.products) == null ? void 0 : _f2.active) && ((_i2 = (_h2 = (_g2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _g2.products) == null ? void 0 : _h2.list) == null ? void 0 : _i2.length)
+      !keyword.length && Object.keys(suggestion).length && ((_g2 = (_f2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _f2.products) == null ? void 0 : _g2.active) && ((_j2 = (_i2 = (_h2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _h2.products) == null ? void 0 : _i2.list) == null ? void 0 : _j2.length)
     );
-    let dataSearchResultProduct = isPriorityZeroCharacter ? (_k2 = (_j2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _j2.products) == null ? void 0 : _k2.list : getValueSearchResultProduct;
+    let dataSearchResultProduct = isPriorityZeroCharacter ? (_l2 = (_k2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _k2.products) == null ? void 0 : _l2.list : getValueSearchResultProduct;
     if (withFetchReviewInfo) {
       let searchResultProductIds = dataSearchResultProduct.map(({ id }) => id);
       let valueDataReviews = await getProductsReviewInfo(searchResultProductIds);
-      if (((_l2 = valueDataReviews == null ? void 0 : valueDataReviews.status) == null ? void 0 : _l2.code) === 200)
+      if (((_m2 = valueDataReviews == null ? void 0 : valueDataReviews.status) == null ? void 0 : _m2.code) === 200)
         setDataReviews(valueDataReviews == null ? void 0 : valueDataReviews.data);
     } else {
       setDataReviews({});
@@ -4024,10 +4053,11 @@ const SearchIconWidgetPopup = () => {
     response = JSON.parse(LOCAL_STORAGE_INSTANT_SEARCH_SETTING);
     if (!response)
       return;
-    const { display, languages } = response;
+    const { display, languages, redirects } = response;
     setDisplaySettings(display);
     setSuggestionSettings((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion);
     setLanguageSettings(languages);
+    setRedirectsSettings(redirects);
     await handleMultiSearch({
       data: response,
       withFetchReviewInfo: true
@@ -4109,7 +4139,7 @@ const SearchIconWidgetPopup = () => {
             if (event.key === "Enter") {
               const query = handleFunctions.query;
               const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
-              const urlToSearchResult = `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`;
+              const urlToSearchResult = isRedirect ? redirectObjectDirection : `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`;
               window.location.href = urlToSearchResult;
             }
           },
@@ -4270,6 +4300,7 @@ const SearchIconWidgetPopup = () => {
               showPopupComponent: showInfo,
               setShowPopupComponent: setShowInfo,
               urlSearchResult,
+              redirectObjectDirection,
               query: handleFunctions.query,
               languageSettings
             }
@@ -4468,7 +4499,7 @@ const FacetComponent = (props) => {
     separatedFilterItem,
     setSeparatedFilterItem,
     settings,
-    scrollElementSelector
+    virtualizedScrollRef
   } = props;
   let aliases = {};
   if (filter.value === "hierarchicalProductType")
@@ -4565,7 +4596,7 @@ const FacetComponent = (props) => {
   const handleFacetCheckbox = (props2) => {
     var _a2, _b2;
     const { facetValues, virtualized } = props2;
-    const { index, key, style } = virtualized || {};
+    const { index, key } = virtualized || {};
     return (_b2 = handleFacetValues(virtualized && ((_a2 = Object.keys(virtualized)) == null ? void 0 : _a2.length) ? [facetValues[index]] : facetValues)) == null ? void 0 : _b2.map((facetValue) => {
       var _a3;
       const { labelName, value: itemValue, counter, children, level } = facetValue;
@@ -4610,7 +4641,6 @@ const FacetComponent = (props) => {
           "li",
           {
             className: `sledge-instant-search__result-filter-checkbox-item ${isFacetHierarchical ? `sledge-instant-search__result-filter-checkbox-item-level sledge-instant-search__result-filter-checkbox-item-level-${level}` : ""}`,
-            style,
             children: content
           },
           key
@@ -4624,7 +4654,6 @@ const FacetComponent = (props) => {
       ] });
     });
   };
-  let scrollElement = document.querySelector(scrollElementSelector || `#filter-component-standard-${stringToSlug(value)} .sledge-instant-search__result-filter-item-list`);
   if (isDisplaySlider) {
     items = (defaultFacetStats == null ? void 0 : defaultFacetStats[value]) && Object.keys(defaultFacetStats[value]).length ? defaultFacetStats[value] : {};
     let defaultValueMin = valueFilterPriceChange[0] || (items == null ? void 0 : items.min);
@@ -4655,16 +4684,12 @@ const FacetComponent = (props) => {
     blockComponent = display.toLowerCase() === "checkbox" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       VirtualizedList,
       {
-        selector: scrollElementSelector,
-        ...scrollElement && {
-          scrollElement
-        },
         rowCount: currentItems == null ? void 0 : currentItems.length,
-        rowHeight: 36,
         rowRenderer: (props2) => handleFacetCheckbox({
           facetValues: currentItems,
           virtualized: props2
-        })
+        }),
+        scrollElementRef: virtualizedScrollRef
       }
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: handleFacetCheckbox({
       facetValues: currentItems
@@ -4689,10 +4714,8 @@ const FacetComponent = (props) => {
         }),
         defaultValue: clickedFacets && ((_d = clickedFacets[value]) == null ? void 0 : _d.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style,
-        ...scrollElement && {
-          scrollElement
-        },
-        useVirtualized: true
+        useVirtualized: true,
+        scrollElementRef: virtualizedScrollRef
       }
     ) });
   } else if (display.toLowerCase() === "select" && (currentItems == null ? void 0 : currentItems.length)) {
@@ -4749,6 +4772,80 @@ const FacetComponent = (props) => {
   }
   return blockComponent;
 };
+const FilterVerticalComponent = (props) => {
+  const { filter, filterSettings, indexFilter, filterTitleStyle = {}, handleOpenFilterVertical, clickedOpenFilters } = props;
+  const filterItemRef = React__default.useRef(null);
+  const { value, label } = filter;
+  const { isRender, classesUlElement, getFacetComponent } = filterSettings({
+    filter,
+    virtualizedScrollRef: filterItemRef
+  });
+  return isRender ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-filter-item", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-filter-item-title", onClick: () => handleOpenFilterVertical(value), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-instant-search__result-filter-title", style: filterTitleStyle, children: label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: false, animate: clickedOpenFilters.includes(value) ? "open" : "closed", variants: ROTATE_FILTER_ARROW_ANIMATION, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowDownIcon, { width: 15, height: 15, color: "#000000" }) })
+    ] }),
+    clickedOpenFilters.includes(value) && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: classesUlElement.join(" "), ref: filterItemRef, children: getFacetComponent() })
+  ] }, indexFilter) : null;
+};
+const FilterHorizontalComponent = (props) => {
+  const {
+    filter,
+    filterSettings,
+    indexFilter,
+    deviceType,
+    clickedOpenFilterHorizontalId,
+    setClickedOpenFilterHorizontalId,
+    clickedOpenFilterHorizontalMobileId,
+    setClickedOpenFilterHorizontalMobileId,
+    allowedFilter = []
+  } = props;
+  const { value, label } = filter;
+  const filterItemRef = React__default.useRef(null);
+  const getValueOpenFilterId = deviceType === "mobile" ? clickedOpenFilterHorizontalMobileId : clickedOpenFilterHorizontalId;
+  const isOpenFilterHorizontal = getValueOpenFilterId === value;
+  const { isRender, classesUlElement, getFacetComponent, isLastIndex } = filterSettings({
+    filter,
+    virtualizedScrollRef: filterItemRef
+  });
+  return isRender ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Popover,
+    {
+      trigger: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          onClick: () => {
+            if (deviceType === "mobile") {
+              setClickedOpenFilterHorizontalMobileId == null ? void 0 : setClickedOpenFilterHorizontalMobileId(value);
+            } else {
+              setClickedOpenFilterHorizontalId == null ? void 0 : setClickedOpenFilterHorizontalId(value);
+            }
+          },
+          className: `${isLastIndex ? (allowedFilter == null ? void 0 : allowedFilter.length) % 2 ? "sledge-instant-search__result-filter-trigger-odd" : "sledge-instant-search__result-filter-trigger-even" : ""}`,
+          children: [
+            label,
+            /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: "closed", animate: isOpenFilterHorizontal ? "open" : "closed", variants: ROTATE_FILTER_ARROW_ANIMATION, className: "sort-trigger-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowDownIcon, { width: 20, height: 20, color: "#000000" }) })
+          ]
+        }
+      ),
+      content: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter-horizontal-facet", children: isOpenFilterHorizontal && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: classesUlElement.join(" "), ref: filterItemRef, children: getFacetComponent() }) }),
+      withOpenState: true,
+      isOpen: isOpenFilterHorizontal,
+      setIsOpen: (open) => {
+        if (deviceType === "mobile") {
+          setClickedOpenFilterHorizontalMobileId == null ? void 0 : setClickedOpenFilterHorizontalMobileId(!open ? "" : value);
+        } else {
+          setClickedOpenFilterHorizontalId == null ? void 0 : setClickedOpenFilterHorizontalId(!open ? "" : value);
+        }
+      },
+      hideCloseIcon: true,
+      align: "center",
+      className: "sledge-instant-search__filter-horizontal-facet-content",
+      customArrow: `<svg style="transform: rotate(180deg); margin-bottom: 3px; stroke-dasharray: 0,0,36;" width="44" height="12" viewBox="0 0 44 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2222 1.99825e-06C23.2222 11.9998 4.88979 11.9999 0.000354767 12L23.2222 12L44 12C23.2222 12 23.2222 1.99825e-06 23.2222 1.99825e-06Z" fill="white" stroke="#393d4e" stroke-width="1px" /></svg>`
+    }
+  ) }, indexFilter) : null;
+};
 const ButtonLoadMore = ({ text, onClick, isInfiniteScroll, currentPage, totalPage, totalResult, pageInfo: pageInfoProp, isVisibleLoadMore, ...otherProps }) => {
   const [ref, entry] = useIntersectionObserver({
     threshold: 0,
@@ -5888,7 +5985,7 @@ const ResultProduct = (props) => {
   };
   const filterSettings = ({
     filter,
-    scrollElementSelector
+    virtualizedScrollRef
   }) => {
     var _a2;
     const { value, display, indexFilter } = filter;
@@ -5931,7 +6028,7 @@ const ResultProduct = (props) => {
         setValueFilterPriceChange,
         separatedFilterItem,
         setSeparatedFilterItem,
-        scrollElementSelector
+        virtualizedScrollRef
       }
     );
     if (display.toLowerCase() === "swatch" && (items == null ? void 0 : items.length))
@@ -5958,65 +6055,31 @@ const ResultProduct = (props) => {
       });
     }) })
   ] }) : null;
-  const filterVerticalComponents = ({ filterLayoutType }) => allowedFilter == null ? void 0 : allowedFilter.map((filter, indexFilter) => {
-    const { value, label } = filter;
-    const filterItemId = `filter-component-${filterLayoutType}-${stringToSlug(value)}`;
-    const { isRender, classesUlElement, getFacetComponent } = filterSettings({ filter, scrollElementSelector: `#${filterItemId} .sledge-instant-search__result-filter-item-list` });
-    return isRender ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-filter-item", id: filterItemId, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-filter-item-title", onClick: () => handleOpenFilterVertical(value), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sledge-instant-search__result-filter-title", style: filter_title_style, children: label }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: false, animate: clickedOpenFilters.includes(value) ? "open" : "closed", variants: ROTATE_FILTER_ARROW_ANIMATION, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowDownIcon, { width: 15, height: 15, color: "#000000" }) })
-      ] }),
-      clickedOpenFilters.includes(value) && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: classesUlElement.join(" "), children: getFacetComponent() })
-    ] }, indexFilter) : null;
-  });
-  const filterHorizontalComponents = ({ deviceType }) => allowedFilter == null ? void 0 : allowedFilter.map((filter, indexFilter) => {
-    const { value, label } = filter;
-    const filterItemId = `filter-component-${deviceType}-${stringToSlug(value)}`;
-    const getValueOpenFilterId = deviceType === "mobile" ? clickedOpenFilterHorizontalMobileId : clickedOpenFilterHorizontalId;
-    const isOpenFilterHorizontal = getValueOpenFilterId === value;
-    const { isRender, classesUlElement, getFacetComponent, isLastIndex } = filterSettings({
+  const filterVerticalComponents = () => allowedFilter == null ? void 0 : allowedFilter.map((filter, indexFilter) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FilterVerticalComponent,
+    {
       filter,
-      scrollElementSelector: `#${filterItemId} .sledge-instant-search__result-filter-item-list`
-    });
-    return isRender ? /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Popover,
-      {
-        trigger: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              if (deviceType === "mobile") {
-                setClickedOpenFilterHorizontalMobileId == null ? void 0 : setClickedOpenFilterHorizontalMobileId(value);
-              } else {
-                setClickedOpenFilterHorizontalId == null ? void 0 : setClickedOpenFilterHorizontalId(value);
-              }
-            },
-            className: `${isLastIndex ? (allowedFilter == null ? void 0 : allowedFilter.length) % 2 ? "sledge-instant-search__result-filter-trigger-odd" : "sledge-instant-search__result-filter-trigger-even" : ""}`,
-            children: [
-              label,
-              /* @__PURE__ */ jsxRuntimeExports.jsx(motion.div, { initial: "closed", animate: isOpenFilterHorizontal ? "open" : "closed", variants: ROTATE_FILTER_ARROW_ANIMATION, className: "sort-trigger-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronArrowDownIcon, { width: 20, height: 20, color: "#000000" }) })
-            ]
-          }
-        ),
-        content: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-instant-search__result-filter-horizontal-facet", id: filterItemId, children: isOpenFilterHorizontal && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: classesUlElement.join(" "), children: getFacetComponent() }) }),
-        withOpenState: true,
-        isOpen: isOpenFilterHorizontal,
-        setIsOpen: (open) => {
-          if (deviceType === "mobile") {
-            setClickedOpenFilterHorizontalMobileId == null ? void 0 : setClickedOpenFilterHorizontalMobileId(!open ? "" : value);
-          } else {
-            setClickedOpenFilterHorizontalId == null ? void 0 : setClickedOpenFilterHorizontalId(!open ? "" : value);
-          }
-        },
-        hideCloseIcon: true,
-        align: "center",
-        className: "sledge-instant-search__filter-horizontal-facet-content",
-        customArrow: `<svg style="transform: rotate(180deg); margin-bottom: 3px; stroke-dasharray: 0,0,36;" width="44" height="12" viewBox="0 0 44 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.2222 1.99825e-06C23.2222 11.9998 4.88979 11.9999 0.000354767 12L23.2222 12L44 12C23.2222 12 23.2222 1.99825e-06 23.2222 1.99825e-06Z" fill="white" stroke="#393d4e" stroke-width="1px" /></svg>`
-      }
-    ) }, indexFilter) : null;
-  });
+      filterSettings,
+      indexFilter,
+      filterTitleStyle: filter_title_style,
+      handleOpenFilterVertical,
+      clickedOpenFilters
+    }
+  ));
+  const filterHorizontalComponents = ({ deviceType }) => allowedFilter == null ? void 0 : allowedFilter.map((filter, indexFilter) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FilterHorizontalComponent,
+    {
+      filter,
+      filterSettings,
+      indexFilter,
+      deviceType,
+      clickedOpenFilterHorizontalId,
+      setClickedOpenFilterHorizontalId,
+      clickedOpenFilterHorizontalMobileId,
+      setClickedOpenFilterHorizontalMobileId,
+      allowedFilter
+    }
+  ));
   const paginationComponent = isLoadMore ? /* @__PURE__ */ jsxRuntimeExports.jsx(
     ButtonLoadMore,
     {
@@ -6098,11 +6161,7 @@ const ResultProduct = (props) => {
         title: language_filter || "Filter",
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           filterVerticalSelected,
-          ((_o = (_n = filterVerticalComponents({
-            filterLayoutType: "flyout"
-          })) == null ? void 0 : _n.filter((item) => item)) == null ? void 0 : _o.length) ? filterVerticalComponents({
-            filterLayoutType: "flyout"
-          }) : null
+          ((_o = (_n = filterVerticalComponents()) == null ? void 0 : _n.filter((item) => item)) == null ? void 0 : _o.length) ? filterVerticalComponents() : null
         ] }),
         open: openFilterFlyoutMobile,
         setOpen: setOpenFilterFlyoutMobile
@@ -6112,9 +6171,7 @@ const ResultProduct = (props) => {
     /* @__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: [
         filterVerticalSelected,
-        filterVerticalComponents({
-          filterLayoutType: "standard"
-        })
+        filterVerticalComponents()
       ] }) }) : null }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-instant-search__result-data", children: [
         isFirstLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -6426,15 +6483,26 @@ const SearchWidget = (props) => {
   const [suggestionIndex, setSuggestionIndex] = React__default.useState("");
   const [showSearchResult, setShowSearchResult] = React__default.useState(false);
   const [languageSettings, setLanguageSettings] = React__default.useState({});
+  const [redirectsSettings, setRedirectsSettings] = React__default.useState([]);
+  const [redirectObject, setRedirectObject] = React__default.useState({});
+  const [isRedirect, setIsRedirect] = React__default.useState(false);
   const previousState = usePrevious({ keyword });
   const searchFieldRef = React__default.useRef(null);
+  const { direction: redirectObjectDirection } = redirectObject || {};
   const handleMultiSearch = async (data, onSearch = false) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2;
     if (!keyword.length)
       return;
+    const valueRedirectObject = redirectsSettings.find(({ keyword: redirectKeyword }) => {
+      var _a3;
+      return ((_a3 = String(redirectKeyword)) == null ? void 0 : _a3.toLowerCase()) === keyword;
+    });
+    const valueIsRedirect = Boolean((_a2 = valueRedirectObject == null ? void 0 : valueRedirectObject.direction) == null ? void 0 : _a2.length);
+    setRedirectObject(valueRedirectObject);
+    setIsRedirect(valueIsRedirect);
     setIsLoading(true);
     const { index_product, tabs, hidden_tags, display, show_out_of_stock } = data;
-    const suggestion = ((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion) || {};
+    const suggestion = ((_b2 = display == null ? void 0 : display.search) == null ? void 0 : _b2.suggestion) || {};
     let response;
     let body = {
       queries: tabs.map((tab) => {
@@ -6461,10 +6529,10 @@ const SearchWidget = (props) => {
     if (onSearch && (keyword == null ? void 0 : keyword.length)) {
       searchTrigger({
         keyword,
-        resultCount: ((_b2 = valueSearchResultProduct[0]) == null ? void 0 : _b2.totalHits) || 0
+        resultCount: ((_c2 = valueSearchResultProduct[0]) == null ? void 0 : _c2.totalHits) || 0
       });
     }
-    let valueSearchResultOther = ((_c2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _c2.map((result) => {
+    let valueSearchResultOther = ((_d2 = results == null ? void 0 : results.filter(({ indexUid }) => !(indexUid == null ? void 0 : indexUid.includes(index_product)))) == null ? void 0 : _d2.map((result) => {
       const { indexUid } = result;
       const { name, type } = tabs == null ? void 0 : tabs.find(({ index }) => index.includes(indexUid));
       return {
@@ -6475,12 +6543,12 @@ const SearchWidget = (props) => {
         }
       };
     })) || [];
-    let getValueSearchResultProduct = (valueSearchResultProduct == null ? void 0 : valueSearchResultProduct.length) ? (_d2 = valueSearchResultProduct[0]) == null ? void 0 : _d2.hits : [];
+    let getValueSearchResultProduct = (valueSearchResultProduct == null ? void 0 : valueSearchResultProduct.length) ? (_e2 = valueSearchResultProduct[0]) == null ? void 0 : _e2.hits : [];
     let valueSuggestionIndex = !keyword.length ? "zero_character" : !(getValueSearchResultProduct == null ? void 0 : getValueSearchResultProduct.length) ? "no_result" : "";
     let isPriorityZeroCharacter = Boolean(
-      !keyword.length && Object.keys(suggestion).length && ((_f2 = (_e2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _e2.products) == null ? void 0 : _f2.active) && ((_i2 = (_h2 = (_g2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _g2.products) == null ? void 0 : _h2.list) == null ? void 0 : _i2.length)
+      !keyword.length && Object.keys(suggestion).length && ((_g2 = (_f2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _f2.products) == null ? void 0 : _g2.active) && ((_j2 = (_i2 = (_h2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _h2.products) == null ? void 0 : _i2.list) == null ? void 0 : _j2.length)
     );
-    setSearchResultProduct(isPriorityZeroCharacter ? (_k2 = (_j2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _j2.products) == null ? void 0 : _k2.list : getValueSearchResultProduct);
+    setSearchResultProduct(isPriorityZeroCharacter ? (_l2 = (_k2 = suggestion[valueSuggestionIndex]) == null ? void 0 : _k2.products) == null ? void 0 : _l2.list : getValueSearchResultProduct);
     setSearchResultOther(valueSearchResultOther);
     setSuggestionIndex(valueSuggestionIndex);
     setIsLoading(false);
@@ -6491,10 +6559,11 @@ const SearchWidget = (props) => {
     response = JSON.parse(LOCAL_STORAGE_INSTANT_SEARCH_SETTING);
     if (!response)
       return;
-    const { display, languages } = response;
+    const { display, languages, redirects } = response;
     setDisplaySettings(display);
     setSuggestionSettings((_a2 = display == null ? void 0 : display.search) == null ? void 0 : _a2.suggestion);
     setLanguageSettings(languages);
+    setRedirectsSettings(redirects);
     if (keyword.length)
       await handleMultiSearch(response);
   };
@@ -6537,7 +6606,7 @@ const SearchWidget = (props) => {
         onKeyDown: (event) => {
           if (event.key === "Enter") {
             const queryKeyword = (query == null ? void 0 : query.keyword) ? query.keyword : DEFAULT_QUERY_PARAM.KEYWORD;
-            const urlToSearchResult = `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`;
+            const urlToSearchResult = isRedirect ? redirectObjectDirection : `${urlSearchResult || DEFAULT_SEARCH_RESULT_URL}?${queryKeyword}=${keyword}`;
             window.location.href = urlToSearchResult;
           }
         },
@@ -6693,6 +6762,7 @@ const SearchWidget = (props) => {
           keyword,
           isComponentJsVersion: isJsVersion,
           urlSearchResult,
+          redirectObjectDirection,
           query,
           languageSettings
         }