@bonlineza/luxity-lib 2.34.3 → 2.34.5

package/LuxityDesktopHeader.js

@@ -8,112 +8,133 @@
   axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
   var styled__default = 'default' in styled ? styled['default'] : styled;
 
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
-  }
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
-  }
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-      }
-      return n;
-    }, _extends.apply(null, arguments);
-  }
-  function _iterableToArrayLimit(r, l) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e,
-        n,
-        i,
-        u,
-        a = [],
-        f = !0,
-        o = !1;
-      try {
-        if (i = (t = t.call(r)).next, 0 === l) {
-          if (Object(t) !== t) return;
-          f = !1;
-        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-      } catch (r) {
-        o = !0, n = r;
-      } finally {
-        try {
-          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-        } finally {
-          if (o) throw n;
-        }
-      }
-      return a;
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
+
+    return keys;
   }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function ownKeys(e, r) {
-    var t = Object.keys(e);
-    if (Object.getOwnPropertySymbols) {
-      var o = Object.getOwnPropertySymbols(e);
-      r && (o = o.filter(function (r) {
-        return Object.getOwnPropertyDescriptor(e, r).enumerable;
-      })), t.push.apply(t, o);
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
-    return t;
+
+    return target;
   }
-  function _objectSpread2(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-        _defineProperty(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
       });
+    } else {
+      obj[key] = value;
     }
-    return e;
+
+    return obj;
   }
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
-  function _taggedTemplateLiteral(e, t) {
-    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
+    }
+
+    return Object.freeze(Object.defineProperties(strings, {
       raw: {
-        value: Object.freeze(t)
+        value: Object.freeze(raw)
       }
     }));
   }
-  function _toPrimitive(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
-      if ("object" != typeof i) return i;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return ("string" === r ? String : Number)(t);
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
-  function _toPropertyKey(t) {
-    var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : i + "";
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
-  function _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+
+    var _s, _e;
+
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
     }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var cssUnit = {
@@ -255,16 +276,16 @@
 
   var Dropdown = function Dropdown(_ref) {
     var title = _ref.title,
-      imageSrc = _ref.imageSrc,
-      _ref$categoryElements = _ref.categoryElements,
-      categoryElements = _ref$categoryElements === void 0 ? [] : _ref$categoryElements,
-      _ref$brandElements = _ref.brandElements,
-      brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
-      productsUrl = _ref.productsUrl,
-      categorySlug = _ref.categorySlug,
-      categoryTitle = _ref.categoryTitle,
-      isLoading = _ref.isLoading,
-      hasError = _ref.hasError;
+        imageSrc = _ref.imageSrc,
+        _ref$categoryElements = _ref.categoryElements,
+        categoryElements = _ref$categoryElements === void 0 ? [] : _ref$categoryElements,
+        _ref$brandElements = _ref.brandElements,
+        brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
+        productsUrl = _ref.productsUrl,
+        categorySlug = _ref.categorySlug,
+        categoryTitle = _ref.categoryTitle,
+        isLoading = _ref.isLoading,
+        hasError = _ref.hasError;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasError ? /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__errors"
     }, "Failed to load data.") : /*#__PURE__*/React__default.createElement("div", {
@@ -316,8 +337,8 @@
 
   var StoresDropdown = function StoresDropdown(_ref) {
     var _ref$stores = _ref.stores,
-      stores = _ref$stores === void 0 ? [] : _ref$stores,
-      contactNumber = _ref.contactNumber;
+        stores = _ref$stores === void 0 ? [] : _ref$stores,
+        contactNumber = _ref.contactNumber;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "stores-dropdown"
     }, !!stores.length && stores.map(function (store) {
@@ -382,6 +403,7 @@
 
   var removeCategoryByName = function removeCategoryByName(categories, name) {
     var _categories$filter;
+
     return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
       return category.name !== name;
     })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
@@ -389,15 +411,17 @@
 
   var SearchResults = function SearchResults(_ref) {
     var searchValue = _ref.searchValue,
-      searchResults = _ref.searchResults,
-      onViewAll = _ref.onViewAll,
-      searchResultsRef = _ref.searchResultsRef,
-      onSearchSubmit = _ref.onSearchSubmit,
-      setSearchValue = _ref.setSearchValue;
+        searchResults = _ref.searchResults,
+        onViewAll = _ref.onViewAll,
+        searchResultsRef = _ref.searchResultsRef,
+        onSearchSubmit = _ref.onSearchSubmit,
+        setSearchValue = _ref.setSearchValue;
+
     if (searchValue.trim().length >= 3) {
       if (searchResults.brands.length === 0 && searchResults.products.length === 0) {
         return null;
       }
+
       return /*#__PURE__*/React__default.createElement("div", {
         className: "z-50 absolute md:top-14 font-body bg-white w-full lg:w-1/2 flex flex-col md:flex-row md:divide-x divide-black lg:mt-1 shadow-md",
         ref: searchResultsRef
@@ -434,12 +458,13 @@
         className: "bottom-0 mt-5 py-3 w-full font-body text-center text-white uppercase bg-black hover:bg-gray-950 border border-black transition-all ease-in-out duration-300 cursor-pointer"
       }, "View all"))));
     }
+
     return null;
   };
 
   var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
   /* position relative is required for the Body element to be positioned correctly */
+
   var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
@@ -453,31 +478,40 @@
   };
 
   var _templateObject$1;
+
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _props$toolTipPositio = props.toolTipPosition,
-      toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+
     switch (toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
+
       case 'bottom':
         return getBottomMiddleBodyStyle(props);
+
       default:
         return null;
     }
   };
+
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var toolTipPosition = props.toolTipPosition;
+
     switch (toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
+
       case 'bottom':
         return getBottomMiddleArrowAfterStyle(props);
+
       default:
         return '';
     }
   };
+
   var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
     return props.bodyWidth;
   }, function (props) {
@@ -557,12 +591,12 @@
 
   var Tooltip = function Tooltip(_ref) {
     var children = _ref.children,
-      toolTipText = _ref.toolTipText,
-      toolTipPosition = _ref.toolTipPosition,
-      bodyWidth = _ref.bodyWidth,
-      apexWidth = _ref.apexWidth,
-      containerClassName = _ref.containerClassName,
-      bodyClassName = _ref.bodyClassName;
+        toolTipText = _ref.toolTipText,
+        toolTipPosition = _ref.toolTipPosition,
+        bodyWidth = _ref.bodyWidth,
+        apexWidth = _ref.apexWidth,
+        containerClassName = _ref.containerClassName,
+        bodyClassName = _ref.bodyClassName;
     return /*#__PURE__*/React__default.createElement(Container, {
       className: containerClassName
     }, children, /*#__PURE__*/React__default.createElement(Body, {
@@ -572,6 +606,7 @@
       className: bodyClassName
     }, toolTipText));
   };
+
   Tooltip.defaultProps = {
     children: null,
     toolTipText: '',
@@ -585,21 +620,25 @@
 
   var CurrencySelect = function CurrencySelect(_ref) {
     var currency = _ref.currency,
-      currencyOptions = _ref.currencyOptions,
-      onCurrencyChange = _ref.onCurrencyChange,
-      _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
-      isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
-      _ref$tooltipContent = _ref.tooltipContent,
-      tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
+        currencyOptions = _ref.currencyOptions,
+        onCurrencyChange = _ref.onCurrencyChange,
+        _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
+        isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
+        _ref$tooltipContent = _ref.tooltipContent,
+        tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
+
     if (!currencyOptions || currencyOptions.length === 0) {
       return null;
     }
+
     var selectedOption = currencyOptions.find(function (opt) {
       return opt.value === currency;
     });
+
     if (!selectedOption) {
       return null;
     }
+
     return /*#__PURE__*/React__default.createElement(Tooltip$1, {
       toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
       toolTipPosition: "bottom",
@@ -628,108 +667,132 @@
 
   var LuxityDesktopHeader = function LuxityDesktopHeader(_ref) {
     var accountIcon = _ref.accountIcon,
-      cartIcon = _ref.cartIcon,
-      interestIcon = _ref.interestIcon,
-      cartCount = _ref.cartCount,
-      logoSrc = _ref.logoSrc,
-      categoryElements = _ref.categoryElements,
-      newBrandsImage = _ref.newBrandsImage,
-      bagsImage = _ref.bagsImage,
-      shoesImage = _ref.shoesImage,
-      clothingImage = _ref.clothingImage,
-      accessoriesImage = _ref.accessoriesImage,
-      watchesImage = _ref.watchesImage,
-      stores = _ref.stores,
-      contactNumber = _ref.contactNumber,
-      productsUrl = _ref.productsUrl,
-      onInterestClick = _ref.onInterestClick,
-      onCartClick = _ref.onCartClick,
-      onAccountClick = _ref.onAccountClick,
-      inputSearchIcon = _ref.inputSearchIcon,
-      onSearch = _ref.onSearch,
-      onSellToUsClick = _ref.onSellToUsClick,
-      contactUsLink = _ref.contactUsLink,
-      ourStoryLink = _ref.ourStoryLink,
-      onLogoClick = _ref.onLogoClick,
-      endpoint = _ref.endpoint,
-      menuData = _ref.menuData,
-      onSearchSubmit = _ref.onSearchSubmit,
-      onProductIdsReceived = _ref.onProductIdsReceived,
-      currency = _ref.currency,
-      currencyOptions = _ref.currencyOptions,
-      onCurrencyChange = _ref.onCurrencyChange,
-      isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
-      tooltipContent = _ref.tooltipContent,
-      vipIcon = _ref.vipIcon,
-      name = _ref.name,
-      isVip = _ref.isVip,
-      shop = _ref.shop,
-      app = _ref.app;
+        cartIcon = _ref.cartIcon,
+        interestIcon = _ref.interestIcon,
+        cartCount = _ref.cartCount,
+        logoSrc = _ref.logoSrc,
+        categoryElements = _ref.categoryElements,
+        newBrandsImage = _ref.newBrandsImage,
+        bagsImage = _ref.bagsImage,
+        shoesImage = _ref.shoesImage,
+        clothingImage = _ref.clothingImage,
+        accessoriesImage = _ref.accessoriesImage,
+        watchesImage = _ref.watchesImage,
+        stores = _ref.stores,
+        contactNumber = _ref.contactNumber,
+        productsUrl = _ref.productsUrl,
+        onInterestClick = _ref.onInterestClick,
+        onCartClick = _ref.onCartClick,
+        onAccountClick = _ref.onAccountClick,
+        inputSearchIcon = _ref.inputSearchIcon,
+        onSearch = _ref.onSearch,
+        onSellToUsClick = _ref.onSellToUsClick,
+        contactUsLink = _ref.contactUsLink,
+        ourStoryLink = _ref.ourStoryLink,
+        onLogoClick = _ref.onLogoClick,
+        endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
+        onSearchSubmit = _ref.onSearchSubmit,
+        onProductIdsReceived = _ref.onProductIdsReceived,
+        currency = _ref.currency,
+        currencyOptions = _ref.currencyOptions,
+        onCurrencyChange = _ref.onCurrencyChange,
+        isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
+        tooltipContent = _ref.tooltipContent,
+        vipIcon = _ref.vipIcon,
+        name = _ref.name,
+        isVip = _ref.isVip,
+        shop = _ref.shop,
+        app = _ref.app;
+
     var _useState = React.useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      searchValue = _useState2[0],
-      setSearchValue = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        searchValue = _useState2[0],
+        setSearchValue = _useState2[1];
+
     var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
+        _useState4 = _slicedToArray(_useState3, 2),
+        loading = _useState4[0],
+        setLoading = _useState4[1];
+
     var _useState5 = React.useState({
-        latestArrivals: [],
-        bags: [],
-        shoes: [],
-        clothing: [],
-        accessories: [],
-        watches: [],
-        accessoriesCategories: [],
-        apparelStyles: []
-      }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      dropdownData = _useState6[0],
-      setDropdownData = _useState6[1];
+      latestArrivals: [],
+      bags: [],
+      shoes: [],
+      clothing: [],
+      accessories: [],
+      watches: [],
+      accessoriesCategories: [],
+      apparelStyles: []
+    }),
+        _useState6 = _slicedToArray(_useState5, 2),
+        dropdownData = _useState6[0],
+        setDropdownData = _useState6[1];
+
     var _useState7 = React.useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      hasError = _useState8[0],
-      setHasError = _useState8[1];
+        _useState8 = _slicedToArray(_useState7, 2),
+        hasError = _useState8[0],
+        setHasError = _useState8[1];
+
     var _useState9 = React.useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      searchLoading = _useState10[0],
-      setSearchLoading = _useState10[1];
+        _useState10 = _slicedToArray(_useState9, 2),
+        searchLoading = _useState10[0],
+        setSearchLoading = _useState10[1];
+
     var _useState11 = React.useState({
-        brands: [],
-        products: []
-      }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      searchResults = _useState12[0],
-      setSearchResults = _useState12[1];
+      brands: [],
+      products: []
+    }),
+        _useState12 = _slicedToArray(_useState11, 2),
+        searchResults = _useState12[0],
+        setSearchResults = _useState12[1];
+
     var searchResultsRef = React.useRef(null);
+
     var debounce = function debounce(func, wait) {
       var timeout;
       return function executedFunction() {
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
+
         var later = function later() {
           clearTimeout(timeout);
           func.apply(void 0, args);
         };
+
         clearTimeout(timeout);
         timeout = setTimeout(later, wait);
       };
     };
+
     var debouncedSearch = React.useCallback(debounce(function (nextValue) {
+      var isKeyDown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       setSearchLoading(true);
       axios.post(endpoint, searchProducts(nextValue, 6)).then(function (response) {
         setSearchResults(response.data.data.luxity_products_serach_results);
         var ids = response.data.data.luxity_products_serach_results.luxity_product_ids;
         onProductIdsReceived(ids);
+
+        if (isKeyDown) {
+          // reset the search results on keydown
+          setSearchResults({
+            brands: [],
+            products: []
+          });
+          onSearchSubmit(nextValue);
+        }
+
         setSearchLoading(false);
       }).catch(function () {
         setSearchLoading(false);
       });
     }, 500), [endpoint]);
+
     var handleChange = function handleChange(event) {
       var value = event.target.value;
       setSearchValue(value);
+
       if (value.trim().length >= 3) {
         debouncedSearch(value);
       } else {
@@ -739,25 +802,28 @@
         });
       }
     };
+
     React.useEffect(function () {
       var handleClickOutside = function handleClickOutside(event) {
         if (searchResultsRef.current && !searchResultsRef.current.contains(event.target)) {
           setSearchValue('');
         }
       };
+
       document.addEventListener('mousedown', handleClickOutside);
       return function () {
         document.removeEventListener('mousedown', handleClickOutside);
       };
     }, []);
+
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Enter') {
-        onSearchSubmit(searchValue);
-        setSearchValue('');
+        debouncedSearch(searchValue, true);
       } else if (event.key === 'Escape') {
         setSearchValue('');
       }
     };
+
     function addCategoryToElements(elements, categoryName) {
       return elements.map(function (element) {
         return _objectSpread2(_objectSpread2({}, element), {}, {
@@ -765,6 +831,7 @@
         });
       });
     }
+
     React.useMemo(function () {
       setLoading(true);
       axios.get("".concat(menuData)).then(function (_ref2) {