@bonlineza/luxity-lib 2.34.7 → 2.34.9

package/LuxityDesktopHeader.js

@@ -282,6 +282,7 @@
         _ref$brandElements = _ref.brandElements,
         brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         categorySlug = _ref.categorySlug,
         categoryTitle = _ref.categoryTitle,
         isLoading = _ref.isLoading,
@@ -300,12 +301,12 @@
     }, title), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__elements dropdown__elements--column"
     }, !!categoryElements.length && categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         className: "dropdown__element",
         key: categoryElement.name,
         onClick: onMenuItemClick
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         className: "dropdown__element",
         key: categoryElement.name,
@@ -319,14 +320,14 @@
       className: "dropdown__brand-elements"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__brand-element"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "dropdown__element",
       onClick: onMenuItemClick
     }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "dropdown__brand-element"
-      }, /*#__PURE__*/React__default.createElement("a", {
+      }, /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
         className: "dropdown__element",
         key: brand.name,
@@ -346,6 +347,7 @@
         categoryElements = _ref.categoryElements,
         brandElements = _ref.brandElements,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         categorySlug = _ref.categorySlug,
         categoryTitle = _ref.categoryTitle,
         isLoading = _ref.isLoading,
@@ -368,7 +370,7 @@
       onMouseLeave: function onMouseLeave() {
         return setDropdownVisible(false);
       }
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "navbar__link-item navbar__link-item--desktop",
       onClick: handleMenuItemClick
@@ -384,7 +386,8 @@
       categoryTitle: categoryTitle,
       isLoading: isLoading,
       hasError: hasError,
-      onMenuItemClick: handleMenuItemClick
+      onMenuItemClick: handleMenuItemClick,
+      LinkComponent: LinkComponent
     })));
   };
 
@@ -734,6 +737,7 @@
         stores = _ref.stores,
         contactNumber = _ref.contactNumber,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         onInterestClick = _ref.onInterestClick,
         onCartClick = _ref.onCartClick,
         onAccountClick = _ref.onAccountClick,
@@ -820,27 +824,24 @@
     };
 
     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 immediateSearch = React.useCallback(function (value) {
+      setSearchValue('');
+      setSearchResults({
+        brands: [],
+        products: []
+      });
+      onSearchSubmit(value);
+    }, [onSearchSubmit]);
 
     var handleChange = function handleChange(event) {
       var value = event.target.value;
@@ -871,7 +872,11 @@
 
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Enter') {
-        debouncedSearch(searchValue, true);
+        event.preventDefault();
+
+        if (searchValue.trim().length >= 3) {
+          immediateSearch(searchValue);
+        }
       } else if (event.key === 'Escape') {
         setSearchValue('');
       }
@@ -906,6 +911,13 @@
         return setHasError(true);
       });
     }, [menuData]);
+
+    var getMarginRight = function getMarginRight(userIsVip, userName) {
+      if (userIsVip) return '15px';
+      if (userName) return '5px';
+      return '18px';
+    };
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -964,7 +976,8 @@
       categorySlug: "brands",
       categoryTitle: "Brands",
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink, {
       title: "Bags",
       imageSrc: bagsImage,
@@ -974,7 +987,8 @@
       categorySlug: categories.bags.slug,
       categoryTitle: categories.bags.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink, {
       title: "Shoes",
       imageSrc: shoesImage,
@@ -984,7 +998,8 @@
       categorySlug: categories.shoes.slug,
       categoryTitle: categories.shoes.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink, {
       title: "Clothing",
       imageSrc: clothingImage,
@@ -994,7 +1009,8 @@
       categorySlug: categories.clothing.slug,
       categoryTitle: categories.clothing.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink, {
       title: "Accessories",
       imageSrc: accessoriesImage,
@@ -1004,7 +1020,8 @@
       categorySlug: categories.accessories.slug,
       categoryTitle: categories.accessories.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink, {
       title: "Watches",
       imageSrc: watchesImage,
@@ -1014,10 +1031,11 @@
       categorySlug: categories.watches.slug,
       categoryTitle: categories.watches.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: contactUsLink,
       className: "navbar__link-item navbar__link-item--desktop"
     }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
@@ -1038,7 +1056,10 @@
     }), shop && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon relative flex",
-      onClick: onAccountClick
+      onClick: onAccountClick,
+      style: {
+        marginRight: getMarginRight(isVip, name)
+      }
     }, /*#__PURE__*/React__default.createElement("img", {
       src: accountIcon,
       alt: "account-icon",
@@ -1080,12 +1101,12 @@
       className: "navbar__nav-links"
     }, /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: ourStoryLink,
       className: "navbar__link-item"
     }, "Our Story")), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: contactUsLink,
       className: "navbar__link-item"
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {

package/LuxityMobileHeader.js

@@ -503,7 +503,8 @@
         brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
         categorySlug = _ref.categorySlug,
         isLoading = _ref.isLoading,
-        hasError = _ref.hasError;
+        hasError = _ref.hasError,
+        LinkComponent = _ref.LinkComponent;
 
     var handleLinkClick = function handleLinkClick(event) {
       event.preventDefault();
@@ -538,12 +539,12 @@
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
         key: categoryElement.name
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
@@ -553,12 +554,12 @@
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu-title"
-    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
+    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
       onClick: handleLinkClick,
       className: "side-nav__element"
     }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
+      return /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
         onClick: handleLinkClick,
         className: "side-nav__element"
@@ -820,7 +821,8 @@
         currencyOptions = _ref.currencyOptions,
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
-        tooltipContent = _ref.tooltipContent;
+        tooltipContent = _ref.tooltipContent,
+        LinkComponent = _ref.LinkComponent;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -1082,7 +1084,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
       onBackClick: onBackClick,
@@ -1095,7 +1098,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
       onBackClick: onBackClick,
@@ -1108,7 +1112,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
       onBackClick: onBackClick,
@@ -1121,7 +1126,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
       onBackClick: onBackClick,
@@ -1134,7 +1140,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
       onBackClick: onBackClick,
@@ -1147,7 +1154,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content"
     }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -1265,6 +1273,7 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
+        LinkComponent = _ref.LinkComponent,
         shop = _ref.shop,
         app = _ref.app;
 
@@ -1314,27 +1323,24 @@
     };
 
     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 immediateSearch = React.useCallback(function (value) {
+      setSearchValue('');
+      setSearchResults({
+        brands: [],
+        products: []
+      });
+      onSearchSubmit(value);
+    }, [onSearchSubmit]);
 
     var handleChange = function handleChange(event) {
       var value = event.target.value;
@@ -1352,7 +1358,11 @@
 
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Enter') {
-        debouncedSearch(searchValue, true);
+        event.preventDefault();
+
+        if (searchValue.trim().length >= 3) {
+          immediateSearch(searchValue);
+        }
       } else if (event.key === 'Escape') {
         setSearchValue('');
       }
@@ -1550,7 +1560,8 @@
       currencyOptions: currencyOptions,
       onCurrencyChange: onCurrencyChange,
       isCurrencySelectionDisabled: isCurrencySelectionDisabled,
-      tooltipContent: tooltipContent
+      tooltipContent: tooltipContent,
+      LinkComponent: LinkComponent
     }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
       accordionIcon: accordionIcon,
       closeIcon: closeIcon,

package/LuxitySideNav.js

@@ -192,7 +192,8 @@
         brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
         categorySlug = _ref.categorySlug,
         isLoading = _ref.isLoading,
-        hasError = _ref.hasError;
+        hasError = _ref.hasError,
+        LinkComponent = _ref.LinkComponent;
 
     var handleLinkClick = function handleLinkClick(event) {
       event.preventDefault();
@@ -227,12 +228,12 @@
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
         key: categoryElement.name
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
@@ -242,12 +243,12 @@
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu-title"
-    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
+    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
       onClick: handleLinkClick,
       className: "side-nav__element"
     }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
+      return /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
         onClick: handleLinkClick,
         className: "side-nav__element"
@@ -509,7 +510,8 @@
         currencyOptions = _ref.currencyOptions,
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
-        tooltipContent = _ref.tooltipContent;
+        tooltipContent = _ref.tooltipContent,
+        LinkComponent = _ref.LinkComponent;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -771,7 +773,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
       onBackClick: onBackClick,
@@ -784,7 +787,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
       onBackClick: onBackClick,
@@ -797,7 +801,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
       onBackClick: onBackClick,
@@ -810,7 +815,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
       onBackClick: onBackClick,
@@ -823,7 +829,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
       onBackClick: onBackClick,
@@ -836,7 +843,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content"
     }, /*#__PURE__*/React__default.createElement(StoresDropdown, {

package/build/CountryCodeSelect/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ReactSelectWrapper_1 = __importDefault(require("../ReactSelectWrapper"));
+var responseTransform = function (countryData) {
+    return countryData.map(function (item) { return ({
+        label: "".concat(item.code, " (+").concat(item.dial_code, ")"),
+        value: item.code,
+    }); });
+};
+var CountryCodeSelect = function (_a) {
+    var _b = _a.countryData, countryData = _b === void 0 ? [] : _b, className = _a.className, classNamePrefix = _a.classNamePrefix, _c = _a.defaultCountryCode, defaultCountryCode = _c === void 0 ? 'ZA' : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.isSearchable, isSearchable = _e === void 0 ? true : _e, _f = _a.name, name = _f === void 0 ? 'country_code' : _f, _g = _a.renderNoData, renderNoData = _g === void 0 ? function () { return 'Loading...'; } : _g;
+    return (react_1.default.createElement(react_1.default.Fragment, null, countryData && countryData.length ? (react_1.default.createElement(ReactSelectWrapper_1.default, { name: name, className: className, classNamePrefix: classNamePrefix, options: responseTransform(countryData), defaultValue: responseTransform(countryData.filter(function (item) { return item.code === defaultCountryCode; })), onChange: onChange, isSearchable: isSearchable })) : (renderNoData())));
+};
+exports.default = CountryCodeSelect;

package/build/ReactSelectWrapper/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_select_1 = __importDefault(require("react-select"));
+var ReactSelectWrapper = function (_a) {
+    var _b = _a.isMulti, isMulti = _b === void 0 ? false : _b, _c = _a.isSearchable, isSearchable = _c === void 0 ? false : _c, _d = _a.components, components = _d === void 0 ? { IndicatorSeparator: function () { return null; } } : _d, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.className, className = _f === void 0 ? 'dropdown-select-container' : _f, _g = _a.classNamePrefix, classNamePrefix = _g === void 0 ? 'dropdown-select' : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, name = _a.name, _j = _a.noOptionsMessage, noOptionsMessage = _j === void 0 ? function () { return 'No Options'; } : _j, rest = __rest(_a, ["isMulti", "isSearchable", "components", "options", "className", "classNamePrefix", "onChange", "name", "noOptionsMessage"]);
+    return (react_1.default.createElement(react_select_1.default, __assign({ isMulti: isMulti, isSearchable: isSearchable, components: components, options: options, className: className, classNamePrefix: classNamePrefix, onChange: onChange, name: name, noOptionsMessage: noOptionsMessage }, rest)));
+};
+exports.default = ReactSelectWrapper;

package/build/bundle.css

@@ -1 +1 @@
-.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__vip-icon{height:16px;position:absolute;right:-12px;top:-4px;width:16px}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex;gap:8px}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__vip-icon{height:16px;position:absolute;right:-12px;top:-4px;width:16px}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex;gap:8px}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/build/bundle.js

@@ -14657,6 +14657,7 @@
         _ref$brandElements = _ref.brandElements,
         brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         categorySlug = _ref.categorySlug,
         categoryTitle = _ref.categoryTitle,
         isLoading = _ref.isLoading,
@@ -14675,12 +14676,12 @@
     }, title), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__elements dropdown__elements--column"
     }, !!categoryElements.length && categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         className: "dropdown__element",
         key: categoryElement.name,
         onClick: onMenuItemClick
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         className: "dropdown__element",
         key: categoryElement.name,
@@ -14694,14 +14695,14 @@
       className: "dropdown__brand-elements"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__brand-element"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "dropdown__element",
       onClick: onMenuItemClick
     }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "dropdown__brand-element"
-      }, /*#__PURE__*/React__default.createElement("a", {
+      }, /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
         className: "dropdown__element",
         key: brand.name,
@@ -14721,6 +14722,7 @@
         categoryElements = _ref.categoryElements,
         brandElements = _ref.brandElements,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         categorySlug = _ref.categorySlug,
         categoryTitle = _ref.categoryTitle,
         isLoading = _ref.isLoading,
@@ -14743,7 +14745,7 @@
       onMouseLeave: function onMouseLeave() {
         return setDropdownVisible(false);
       }
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "navbar__link-item navbar__link-item--desktop",
       onClick: handleMenuItemClick
@@ -14759,7 +14761,8 @@
       categoryTitle: categoryTitle,
       isLoading: isLoading,
       hasError: hasError,
-      onMenuItemClick: handleMenuItemClick
+      onMenuItemClick: handleMenuItemClick,
+      LinkComponent: LinkComponent
     })));
   };
 
@@ -14906,6 +14909,7 @@
         stores = _ref.stores,
         contactNumber = _ref.contactNumber,
         productsUrl = _ref.productsUrl,
+        LinkComponent = _ref.LinkComponent,
         onInterestClick = _ref.onInterestClick,
         onCartClick = _ref.onCartClick,
         onAccountClick = _ref.onAccountClick,
@@ -14992,27 +14996,24 @@
     };
 
     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 immediateSearch = React.useCallback(function (value) {
+      setSearchValue('');
+      setSearchResults({
+        brands: [],
+        products: []
+      });
+      onSearchSubmit(value);
+    }, [onSearchSubmit]);
 
     var handleChange = function handleChange(event) {
       var value = event.target.value;
@@ -15043,7 +15044,11 @@
 
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Enter') {
-        debouncedSearch(searchValue, true);
+        event.preventDefault();
+
+        if (searchValue.trim().length >= 3) {
+          immediateSearch(searchValue);
+        }
       } else if (event.key === 'Escape') {
         setSearchValue('');
       }
@@ -15078,6 +15083,13 @@
         return setHasError(true);
       });
     }, [menuData]);
+
+    var getMarginRight = function getMarginRight(userIsVip, userName) {
+      if (userIsVip) return '15px';
+      if (userName) return '5px';
+      return '18px';
+    };
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -15136,7 +15148,8 @@
       categorySlug: "brands",
       categoryTitle: "Brands",
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
       title: "Bags",
       imageSrc: bagsImage,
@@ -15146,7 +15159,8 @@
       categorySlug: categories$1.bags.slug,
       categoryTitle: categories$1.bags.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
       title: "Shoes",
       imageSrc: shoesImage,
@@ -15156,7 +15170,8 @@
       categorySlug: categories$1.shoes.slug,
       categoryTitle: categories$1.shoes.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
       title: "Clothing",
       imageSrc: clothingImage,
@@ -15166,7 +15181,8 @@
       categorySlug: categories$1.clothing.slug,
       categoryTitle: categories$1.clothing.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
       title: "Accessories",
       imageSrc: accessoriesImage,
@@ -15176,7 +15192,8 @@
       categorySlug: categories$1.accessories.slug,
       categoryTitle: categories$1.accessories.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
       title: "Watches",
       imageSrc: watchesImage,
@@ -15186,10 +15203,11 @@
       categorySlug: categories$1.watches.slug,
       categoryTitle: categories$1.watches.name,
       isLoading: loading,
-      hasError: hasError
+      hasError: hasError,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: contactUsLink,
       className: "navbar__link-item navbar__link-item--desktop"
     }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
@@ -15210,7 +15228,10 @@
     }), shop && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon relative flex",
-      onClick: onAccountClick
+      onClick: onAccountClick,
+      style: {
+        marginRight: getMarginRight(isVip, name)
+      }
     }, /*#__PURE__*/React__default.createElement("img", {
       src: accountIcon,
       alt: "account-icon",
@@ -15252,12 +15273,12 @@
       className: "navbar__nav-links"
     }, /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: ourStoryLink,
       className: "navbar__link-item"
     }, "Our Story")), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__company-link"
-    }, /*#__PURE__*/React__default.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: contactUsLink,
       className: "navbar__link-item"
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
@@ -15324,7 +15345,8 @@
         brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
         categorySlug = _ref.categorySlug,
         isLoading = _ref.isLoading,
-        hasError = _ref.hasError;
+        hasError = _ref.hasError,
+        LinkComponent = _ref.LinkComponent;
 
     var handleLinkClick = function handleLinkClick(event) {
       event.preventDefault();
@@ -15359,12 +15381,12 @@
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, categoryElements.map(function (categoryElement) {
-      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
         key: categoryElement.name
-      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         onClick: handleLinkClick,
         className: "dropdown__element",
@@ -15374,12 +15396,12 @@
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu-title"
-    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
+    }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
       onClick: handleLinkClick,
       className: "side-nav__element"
     }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
+      return /*#__PURE__*/React__default.createElement(LinkComponent, {
         href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
         onClick: handleLinkClick,
         className: "side-nav__element"
@@ -15407,7 +15429,8 @@
         currencyOptions = _ref.currencyOptions,
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
-        tooltipContent = _ref.tooltipContent;
+        tooltipContent = _ref.tooltipContent,
+        LinkComponent = _ref.LinkComponent;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -15669,7 +15692,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
       onBackClick: onBackClick,
@@ -15682,7 +15706,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
       onBackClick: onBackClick,
@@ -15695,7 +15720,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
       onBackClick: onBackClick,
@@ -15708,7 +15734,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
       onBackClick: onBackClick,
@@ -15721,7 +15748,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
       onBackClick: onBackClick,
@@ -15734,7 +15762,8 @@
       categorySlug: displayedSubMenu,
       isLoading: loading,
       hasError: hasError,
-      onCloseSideNav: onCloseSideNav
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
     }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content"
     }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
@@ -15973,6 +16002,7 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
+        LinkComponent = _ref.LinkComponent,
         shop = _ref.shop,
         app = _ref.app;
 
@@ -16022,27 +16052,24 @@
     };
 
     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 immediateSearch = React.useCallback(function (value) {
+      setSearchValue('');
+      setSearchResults({
+        brands: [],
+        products: []
+      });
+      onSearchSubmit(value);
+    }, [onSearchSubmit]);
 
     var handleChange = function handleChange(event) {
       var value = event.target.value;
@@ -16060,7 +16087,11 @@
 
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Enter') {
-        debouncedSearch(searchValue, true);
+        event.preventDefault();
+
+        if (searchValue.trim().length >= 3) {
+          immediateSearch(searchValue);
+        }
       } else if (event.key === 'Escape') {
         setSearchValue('');
       }
@@ -16258,7 +16289,8 @@
       currencyOptions: currencyOptions,
       onCurrencyChange: onCurrencyChange,
       isCurrencySelectionDisabled: isCurrencySelectionDisabled,
-      tooltipContent: tooltipContent
+      tooltipContent: tooltipContent,
+      LinkComponent: LinkComponent
     }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
       accordionIcon: accordionIcon,
       closeIcon: closeIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.34.7",
+  "version": "2.34.9",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",