@bonlineza/luxity-lib 2.34.1 → 2.34.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/Accordion.js +76 -116
  2. package/AddInterest.js +434 -768
  3. package/BrandSelector.js +176 -336
  4. package/Checkbox.js +68 -101
  5. package/CheckboxButton.js +79 -124
  6. package/CommunicationPreferenceOptionsRenderer.js +107 -125
  7. package/CommunicationPreferenceSection.js +114 -134
  8. package/CommunicationPreferences.js +443 -339
  9. package/CountryCodeSelect.js +7 -10
  10. package/CurrencyInputFormatter.js +29 -56
  11. package/CurrencySelect.js +188 -19
  12. package/GALink.js +6 -16
  13. package/GenderSelector.js +88 -142
  14. package/GraphQLDropdownSelector.js +505 -939
  15. package/GraphQLMultiSelector.js +141 -274
  16. package/IconHeader.js +11 -25
  17. package/IconWrapper.js +3 -7
  18. package/InterestCatSelector.js +34 -74
  19. package/InterestItem.js +103 -187
  20. package/Interests.js +485 -890
  21. package/InterestsSubheading.js +5 -10
  22. package/InvertedTextButton.js +27 -63
  23. package/LuxityAppSideNav.js +18 -21
  24. package/LuxityDesktopHeader.js +360 -211
  25. package/LuxityFooter.js +464 -260
  26. package/LuxityGraphQLDropdownSelector.js +519 -969
  27. package/LuxityGraphQLMultiselector.js +167 -321
  28. package/LuxityMobileHeader.js +221 -278
  29. package/LuxityPageReady.js +74 -136
  30. package/LuxitySideNav.js +134 -155
  31. package/MaterialSelector.js +525 -976
  32. package/ModelSelector.js +525 -976
  33. package/NotificationDropDown.js +111 -209
  34. package/Notify.js +0 -1
  35. package/OutlinePrimaryButton.js +26 -58
  36. package/PriceRangeSelector.js +168 -281
  37. package/PrimaryButton.js +26 -58
  38. package/RadioButtons.js +114 -140
  39. package/RangeSlider.js +152 -242
  40. package/RareStepFooter.js +27 -41
  41. package/RareStepHeader.js +139 -190
  42. package/ReactSelectWrapper.js +0 -1
  43. package/SecondaryButton.js +26 -58
  44. package/ShoeSizeRangeSelector.js +162 -260
  45. package/ShoeSizeSelector.js +158 -263
  46. package/SimpleErrorBoundary.js +59 -106
  47. package/StyleSelector.js +176 -336
  48. package/TextButton.js +26 -58
  49. package/Tooltip.js +17 -39
  50. package/Tracking.js +0 -1
  51. package/WrapperButton.js +20 -43
  52. package/build/bundle.css +1 -1
  53. package/build/bundle.js +1298 -1695
  54. package/package.json +1 -1
  55. package/svg/Accessories.js +6 -13
  56. package/svg/Account.js +6 -13
  57. package/svg/Add.js +6 -13
  58. package/svg/ArrowRight.js +6 -13
  59. package/svg/Bags.js +6 -13
  60. package/svg/BurgerMenu.js +6 -13
  61. package/svg/Calendar.js +6 -13
  62. package/svg/CalendarCircled.js +6 -13
  63. package/svg/CheckCircled.js +6 -13
  64. package/svg/Close.js +6 -13
  65. package/svg/Clothing.js +6 -13
  66. package/svg/Dot.js +6 -13
  67. package/svg/Edit.js +6 -13
  68. package/svg/Eye.js +6 -13
  69. package/svg/FileAttach.js +6 -13
  70. package/svg/FileAttachCircled.js +6 -13
  71. package/svg/LightBulb.js +6 -13
  72. package/svg/Logo.js +6 -13
  73. package/svg/LuxityMenu.js +6 -13
  74. package/svg/Minus.js +6 -13
  75. package/svg/MobileAvatar.js +6 -13
  76. package/svg/MyOrder.js +6 -13
  77. package/svg/MyPayment.js +6 -13
  78. package/svg/MyProfile.js +8 -14
  79. package/svg/MySale.js +6 -13
  80. package/svg/Notification.js +6 -13
  81. package/svg/PointerDown.js +6 -13
  82. package/svg/Search.js +6 -13
  83. package/svg/Shoes.js +6 -13
  84. package/svg/SvgWrapper.js +3 -7
  85. package/svg/Trash.js +6 -13
  86. package/svg/Watches.js +6 -13
@@ -7,104 +7,96 @@
7
7
  var React__default = 'default' in React ? React['default'] : React;
8
8
  axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
9
9
 
10
- function ownKeys(object, enumerableOnly) {
11
- var keys = Object.keys(object);
12
-
13
- if (Object.getOwnPropertySymbols) {
14
- var symbols = Object.getOwnPropertySymbols(object);
15
- enumerableOnly && (symbols = symbols.filter(function (sym) {
16
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
17
- })), keys.push.apply(keys, symbols);
10
+ function _arrayLikeToArray(r, a) {
11
+ (null == a || a > r.length) && (a = r.length);
12
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
13
+ return n;
14
+ }
15
+ function _arrayWithHoles(r) {
16
+ if (Array.isArray(r)) return r;
17
+ }
18
+ function _defineProperty(e, r, t) {
19
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
20
+ value: t,
21
+ enumerable: !0,
22
+ configurable: !0,
23
+ writable: !0
24
+ }) : e[r] = t, e;
25
+ }
26
+ function _iterableToArrayLimit(r, l) {
27
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
28
+ if (null != t) {
29
+ var e,
30
+ n,
31
+ i,
32
+ u,
33
+ a = [],
34
+ f = !0,
35
+ o = !1;
36
+ try {
37
+ if (i = (t = t.call(r)).next, 0 === l) {
38
+ if (Object(t) !== t) return;
39
+ f = !1;
40
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
41
+ } catch (r) {
42
+ o = !0, n = r;
43
+ } finally {
44
+ try {
45
+ if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
46
+ } finally {
47
+ if (o) throw n;
48
+ }
49
+ }
50
+ return a;
18
51
  }
19
-
20
- return keys;
21
52
  }
22
-
23
- function _objectSpread2(target) {
24
- for (var i = 1; i < arguments.length; i++) {
25
- var source = null != arguments[i] ? arguments[i] : {};
26
- i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
27
- _defineProperty(target, key, source[key]);
28
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
29
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
30
- });
53
+ function _nonIterableRest() {
54
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
55
+ }
56
+ function ownKeys(e, r) {
57
+ var t = Object.keys(e);
58
+ if (Object.getOwnPropertySymbols) {
59
+ var o = Object.getOwnPropertySymbols(e);
60
+ r && (o = o.filter(function (r) {
61
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
62
+ })), t.push.apply(t, o);
31
63
  }
32
-
33
- return target;
64
+ return t;
34
65
  }
35
-
36
- function _defineProperty(obj, key, value) {
37
- if (key in obj) {
38
- Object.defineProperty(obj, key, {
39
- value: value,
40
- enumerable: true,
41
- configurable: true,
42
- writable: true
66
+ function _objectSpread2(e) {
67
+ for (var r = 1; r < arguments.length; r++) {
68
+ var t = null != arguments[r] ? arguments[r] : {};
69
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
70
+ _defineProperty(e, r, t[r]);
71
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
72
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
43
73
  });
44
- } else {
45
- obj[key] = value;
46
74
  }
47
-
48
- return obj;
49
- }
50
-
51
- function _slicedToArray(arr, i) {
52
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
75
+ return e;
53
76
  }
54
-
55
- function _arrayWithHoles(arr) {
56
- if (Array.isArray(arr)) return arr;
77
+ function _slicedToArray(r, e) {
78
+ return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
57
79
  }
58
-
59
- function _iterableToArrayLimit(arr, i) {
60
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
61
-
62
- if (_i == null) return;
63
- var _arr = [];
64
- var _n = true;
65
- var _d = false;
66
-
67
- var _s, _e;
68
-
69
- try {
70
- for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
71
- _arr.push(_s.value);
72
-
73
- if (i && _arr.length === i) break;
74
- }
75
- } catch (err) {
76
- _d = true;
77
- _e = err;
78
- } finally {
79
- try {
80
- if (!_n && _i["return"] != null) _i["return"]();
81
- } finally {
82
- if (_d) throw _e;
83
- }
80
+ function _toPrimitive(t, r) {
81
+ if ("object" != typeof t || !t) return t;
82
+ var e = t[Symbol.toPrimitive];
83
+ if (void 0 !== e) {
84
+ var i = e.call(t, r || "default");
85
+ if ("object" != typeof i) return i;
86
+ throw new TypeError("@@toPrimitive must return a primitive value.");
84
87
  }
85
-
86
- return _arr;
88
+ return ("string" === r ? String : Number)(t);
87
89
  }
88
-
89
- function _unsupportedIterableToArray(o, minLen) {
90
- if (!o) return;
91
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
92
- var n = Object.prototype.toString.call(o).slice(8, -1);
93
- if (n === "Object" && o.constructor) n = o.constructor.name;
94
- if (n === "Map" || n === "Set") return Array.from(o);
95
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
90
+ function _toPropertyKey(t) {
91
+ var i = _toPrimitive(t, "string");
92
+ return "symbol" == typeof i ? i : i + "";
96
93
  }
97
-
98
- function _arrayLikeToArray(arr, len) {
99
- if (len == null || len > arr.length) len = arr.length;
100
-
101
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
102
-
103
- return arr2;
104
- }
105
-
106
- function _nonIterableRest() {
107
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
94
+ function _unsupportedIterableToArray(r, a) {
95
+ if (r) {
96
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
97
+ var t = {}.toString.call(r).slice(8, -1);
98
+ 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;
99
+ }
108
100
  }
109
101
 
110
102
  var cssUnit = {
@@ -236,33 +228,30 @@
236
228
 
237
229
  var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
238
230
  var closeIcon = _ref.closeIcon,
239
- accountIcon = _ref.accountIcon,
240
- orderIcon = _ref.orderIcon,
241
- saleIcon = _ref.saleIcon,
242
- onDashboardClick = _ref.onDashboardClick,
243
- onLogoutClick = _ref.onLogoutClick,
244
- bugReportLink = _ref.bugReportLink,
245
- onLuxityShopClick = _ref.onLuxityShopClick,
246
- onInterestClick = _ref.onInterestClick,
247
- onAddressClick = _ref.onAddressClick,
248
- onCouponsClick = _ref.onCouponsClick,
249
- onEditProfileClick = _ref.onEditProfileClick,
250
- onCurrentOrdersClick = _ref.onCurrentOrdersClick,
251
- onPastOrdersClick = _ref.onPastOrdersClick,
252
- onSubmissionsClick = _ref.onSubmissionsClick,
253
- onPastSalesClick = _ref.onPastSalesClick,
254
- onPaidOutClick = _ref.onPaidOutClick,
255
- showSideNav = _ref.showSideNav,
256
- onMenuClick = _ref.onMenuClick;
257
-
231
+ accountIcon = _ref.accountIcon,
232
+ orderIcon = _ref.orderIcon,
233
+ saleIcon = _ref.saleIcon,
234
+ onDashboardClick = _ref.onDashboardClick,
235
+ onLogoutClick = _ref.onLogoutClick,
236
+ bugReportLink = _ref.bugReportLink,
237
+ onLuxityShopClick = _ref.onLuxityShopClick,
238
+ onInterestClick = _ref.onInterestClick,
239
+ onAddressClick = _ref.onAddressClick,
240
+ onCouponsClick = _ref.onCouponsClick,
241
+ onEditProfileClick = _ref.onEditProfileClick,
242
+ onCurrentOrdersClick = _ref.onCurrentOrdersClick,
243
+ onPastOrdersClick = _ref.onPastOrdersClick,
244
+ onSubmissionsClick = _ref.onSubmissionsClick,
245
+ onPastSalesClick = _ref.onPastSalesClick,
246
+ onPaidOutClick = _ref.onPaidOutClick,
247
+ showSideNav = _ref.showSideNav,
248
+ onMenuClick = _ref.onMenuClick;
258
249
  var onCloseSideNav = function onCloseSideNav(e) {
259
250
  onMenuClick();
260
-
261
251
  if (e.key === 'Enter') {
262
252
  e.preventDefault();
263
253
  }
264
254
  };
265
-
266
255
  return /*#__PURE__*/React__default.createElement("div", {
267
256
  className: "side-nav"
268
257
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -420,9 +409,9 @@
420
409
 
421
410
  var StoresDropdown = function StoresDropdown(_ref) {
422
411
  var backIcon = _ref.backIcon,
423
- onBackClick = _ref.onBackClick,
424
- stores = _ref.stores,
425
- onContactUsClick = _ref.onContactUsClick;
412
+ onBackClick = _ref.onBackClick,
413
+ stores = _ref.stores,
414
+ onContactUsClick = _ref.onContactUsClick;
426
415
  return /*#__PURE__*/React__default.createElement("div", {
427
416
  className: "side-nav__sub-menu"
428
417
  }, /*#__PURE__*/React__default.createElement("button", {
@@ -462,19 +451,19 @@
462
451
 
463
452
  var BrandsDropDown = function BrandsDropDown(_ref) {
464
453
  var subMenuOpen = _ref.subMenuOpen,
465
- onBackClick = _ref.onBackClick,
466
- backIcon = _ref.backIcon,
467
- subMenuCategoryTitle = _ref.subMenuCategoryTitle,
468
- productUrl = _ref.productUrl,
469
- categoryElements = _ref.categoryElements,
470
- subMenuBrandsTitle = _ref.subMenuBrandsTitle,
471
- _ref$brandsList = _ref.brandsList,
472
- brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
473
- categorySlug = _ref.categorySlug,
474
- isLoading = _ref.isLoading,
475
- hasError = _ref.hasError,
476
- LinkComponent = _ref.LinkComponent,
477
- setSubMenuOpen = _ref.setSubMenuOpen;
454
+ onBackClick = _ref.onBackClick,
455
+ backIcon = _ref.backIcon,
456
+ subMenuCategoryTitle = _ref.subMenuCategoryTitle,
457
+ productUrl = _ref.productUrl,
458
+ categoryElements = _ref.categoryElements,
459
+ subMenuBrandsTitle = _ref.subMenuBrandsTitle,
460
+ _ref$brandsList = _ref.brandsList,
461
+ brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
462
+ categorySlug = _ref.categorySlug,
463
+ isLoading = _ref.isLoading,
464
+ hasError = _ref.hasError,
465
+ LinkComponent = _ref.LinkComponent,
466
+ setSubMenuOpen = _ref.setSubMenuOpen;
478
467
  return /*#__PURE__*/React__default.createElement("div", {
479
468
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
480
469
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -538,7 +527,6 @@
538
527
 
539
528
  var removeCategoryByName = function removeCategoryByName(categories, name) {
540
529
  var _categories$filter;
541
-
542
530
  return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
543
531
  return category.name !== name;
544
532
  })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
@@ -569,83 +557,72 @@
569
557
 
570
558
  var LuxitySideNav = function LuxitySideNav(_ref) {
571
559
  var accordionIcon = _ref.accordionIcon,
572
- closeIcon = _ref.closeIcon,
573
- backIcon = _ref.backIcon,
574
- productUrl = _ref.productUrl,
575
- onAccountClick = _ref.onAccountClick,
576
- onCartClick = _ref.onCartClick,
577
- onContactUsClick = _ref.onContactUsClick,
578
- onOurStoryClick = _ref.onOurStoryClick,
579
- onBlogClick = _ref.onBlogClick,
580
- onSellToUsClick = _ref.onSellToUsClick,
581
- stores = _ref.stores,
582
- categoryElements = _ref.categoryElements,
583
- showSideNav = _ref.showSideNav,
584
- onMenuClick = _ref.onMenuClick,
585
- menuData = _ref.menuData,
586
- LinkComponent = _ref.LinkComponent;
587
-
560
+ closeIcon = _ref.closeIcon,
561
+ backIcon = _ref.backIcon,
562
+ productUrl = _ref.productUrl,
563
+ onAccountClick = _ref.onAccountClick,
564
+ onCartClick = _ref.onCartClick,
565
+ onContactUsClick = _ref.onContactUsClick,
566
+ onOurStoryClick = _ref.onOurStoryClick,
567
+ onBlogClick = _ref.onBlogClick,
568
+ onSellToUsClick = _ref.onSellToUsClick,
569
+ stores = _ref.stores,
570
+ categoryElements = _ref.categoryElements,
571
+ showSideNav = _ref.showSideNav,
572
+ onMenuClick = _ref.onMenuClick,
573
+ menuData = _ref.menuData,
574
+ LinkComponent = _ref.LinkComponent;
588
575
  var _useState = React.useState(false),
589
- _useState2 = _slicedToArray(_useState, 2),
590
- subMenuOpen = _useState2[0],
591
- setSubMenuOpen = _useState2[1];
592
-
576
+ _useState2 = _slicedToArray(_useState, 2),
577
+ subMenuOpen = _useState2[0],
578
+ setSubMenuOpen = _useState2[1];
593
579
  var _useState3 = React.useState(''),
594
- _useState4 = _slicedToArray(_useState3, 2),
595
- displayedSubMenu = _useState4[0],
596
- setDisplayedSubMenu = _useState4[1];
597
-
580
+ _useState4 = _slicedToArray(_useState3, 2),
581
+ displayedSubMenu = _useState4[0],
582
+ setDisplayedSubMenu = _useState4[1];
598
583
  var _useState5 = React.useState(false),
599
- _useState6 = _slicedToArray(_useState5, 2),
600
- loading = _useState6[0],
601
- setLoading = _useState6[1];
602
-
584
+ _useState6 = _slicedToArray(_useState5, 2),
585
+ loading = _useState6[0],
586
+ setLoading = _useState6[1];
603
587
  var _useState7 = React.useState({
604
- latestArrivals: [],
605
- bags: [],
606
- shoes: [],
607
- apparel: [],
608
- accessories: [],
609
- watches: [],
610
- accessoriesCategories: [],
611
- apparelStyles: []
612
- }),
613
- _useState8 = _slicedToArray(_useState7, 2),
614
- dropdownData = _useState8[0],
615
- setDropdownData = _useState8[1];
616
-
588
+ latestArrivals: [],
589
+ bags: [],
590
+ shoes: [],
591
+ apparel: [],
592
+ accessories: [],
593
+ watches: [],
594
+ accessoriesCategories: [],
595
+ apparelStyles: []
596
+ }),
597
+ _useState8 = _slicedToArray(_useState7, 2),
598
+ dropdownData = _useState8[0],
599
+ setDropdownData = _useState8[1];
617
600
  var _useState9 = React.useState(false),
618
- _useState10 = _slicedToArray(_useState9, 2),
619
- hasError = _useState10[0],
620
- setHasError = _useState10[1];
621
-
601
+ _useState10 = _slicedToArray(_useState9, 2),
602
+ hasError = _useState10[0],
603
+ setHasError = _useState10[1];
622
604
  var onSubMenuClick = function onSubMenuClick(subMenu) {
623
605
  setSubMenuOpen(function (prev) {
624
606
  return !prev;
625
607
  });
626
608
  setDisplayedSubMenu(subMenu);
627
609
  };
628
-
629
610
  var onStoresClick = function onStoresClick() {
630
611
  setSubMenuOpen(false);
631
612
  setDisplayedSubMenu('stores');
632
613
  };
633
-
634
614
  var onBackClick = function onBackClick() {
635
615
  setSubMenuOpen(false);
636
616
  setDisplayedSubMenu('');
637
617
  };
638
-
639
618
  var onCloseSideNav = function onCloseSideNav(e) {
640
619
  onMenuClick();
641
620
  setSubMenuOpen(false);
642
621
  setDisplayedSubMenu('');
643
-
644
622
  if (e.key === 'Enter') {
645
623
  e.preventDefault();
646
624
  }
647
625
  };
648
-
649
626
  function addCategoryToElements(elements, categoryName) {
650
627
  return elements.map(function (element) {
651
628
  return _objectSpread2(_objectSpread2({}, element), {}, {
@@ -653,7 +630,6 @@
653
630
  });
654
631
  });
655
632
  }
656
-
657
633
  React.useMemo(function () {
658
634
  setLoading(true);
659
635
  axios.get("".concat(menuData)).then(function (_ref2) {
@@ -933,17 +909,15 @@
933
909
 
934
910
  var SearchResults = function SearchResults(_ref) {
935
911
  var searchValue = _ref.searchValue,
936
- searchResults = _ref.searchResults,
937
- onViewAll = _ref.onViewAll,
938
- searchResultsRef = _ref.searchResultsRef,
939
- onSearchSubmit = _ref.onSearchSubmit,
940
- setSearchValue = _ref.setSearchValue;
941
-
912
+ searchResults = _ref.searchResults,
913
+ onViewAll = _ref.onViewAll,
914
+ searchResultsRef = _ref.searchResultsRef,
915
+ onSearchSubmit = _ref.onSearchSubmit,
916
+ setSearchValue = _ref.setSearchValue;
942
917
  if (searchValue.trim().length >= 3) {
943
918
  if (searchResults.brands.length === 0 && searchResults.products.length === 0) {
944
919
  return null;
945
920
  }
946
-
947
921
  return /*#__PURE__*/React__default.createElement("div", {
948
922
  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",
949
923
  ref: searchResultsRef
@@ -980,98 +954,88 @@
980
954
  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"
981
955
  }, "View all"))));
982
956
  }
983
-
984
957
  return null;
985
958
  };
986
959
 
987
960
  var LuxityMobileHeader = function LuxityMobileHeader(_ref) {
988
961
  var logoSrc = _ref.logoSrc,
989
- menuIcon = _ref.menuIcon,
990
- inputSearchIcon = _ref.inputSearchIcon,
991
- onCartClick = _ref.onCartClick,
992
- cartIcon = _ref.cartIcon,
993
- cartCount = _ref.cartCount,
994
- closeIcon = _ref.closeIcon,
995
- accountIcon = _ref.accountIcon,
996
- saleIcon = _ref.saleIcon,
997
- orderIcon = _ref.orderIcon,
998
- accordionIcon = _ref.accordionIcon,
999
- backIcon = _ref.backIcon,
1000
- productsUrl = _ref.productsUrl,
1001
- stores = _ref.stores,
1002
- categoryElements = _ref.categoryElements,
1003
- onAccountClick = _ref.onAccountClick,
1004
- onDashboardClick = _ref.onDashboardClick,
1005
- onContactUsClick = _ref.onContactUsClick,
1006
- onOurStoryClick = _ref.onOurStoryClick,
1007
- onBlogClick = _ref.onBlogClick,
1008
- bugReportLink = _ref.bugReportLink,
1009
- onSellToUsClick = _ref.onSellToUsClick,
1010
- onLogoClick = _ref.onLogoClick,
1011
- onLuxityShopClick = _ref.onLuxityShopClick,
1012
- endpoint = _ref.endpoint,
1013
- menuData = _ref.menuData,
1014
- onSearchSubmit = _ref.onSearchSubmit,
1015
- onProductIdsReceived = _ref.onProductIdsReceived,
1016
- onLogoutClick = _ref.onLogoutClick,
1017
- onInterestClick = _ref.onInterestClick,
1018
- onAddressClick = _ref.onAddressClick,
1019
- onCouponsClick = _ref.onCouponsClick,
1020
- onEditProfileClick = _ref.onEditProfileClick,
1021
- onCurrentOrdersClick = _ref.onCurrentOrdersClick,
1022
- onPastOrdersClick = _ref.onPastOrdersClick,
1023
- onSubmissionsClick = _ref.onSubmissionsClick,
1024
- onPastSalesClick = _ref.onPastSalesClick,
1025
- onPaidOutClick = _ref.onPaidOutClick,
1026
- LinkComponent = _ref.LinkComponent,
1027
- shop = _ref.shop,
1028
- app = _ref.app;
1029
-
962
+ menuIcon = _ref.menuIcon,
963
+ inputSearchIcon = _ref.inputSearchIcon,
964
+ onCartClick = _ref.onCartClick,
965
+ cartIcon = _ref.cartIcon,
966
+ cartCount = _ref.cartCount,
967
+ closeIcon = _ref.closeIcon,
968
+ accountIcon = _ref.accountIcon,
969
+ saleIcon = _ref.saleIcon,
970
+ orderIcon = _ref.orderIcon,
971
+ accordionIcon = _ref.accordionIcon,
972
+ backIcon = _ref.backIcon,
973
+ productsUrl = _ref.productsUrl,
974
+ stores = _ref.stores,
975
+ categoryElements = _ref.categoryElements,
976
+ onAccountClick = _ref.onAccountClick,
977
+ onDashboardClick = _ref.onDashboardClick,
978
+ onContactUsClick = _ref.onContactUsClick,
979
+ onOurStoryClick = _ref.onOurStoryClick,
980
+ onBlogClick = _ref.onBlogClick,
981
+ bugReportLink = _ref.bugReportLink,
982
+ onSellToUsClick = _ref.onSellToUsClick,
983
+ onLogoClick = _ref.onLogoClick,
984
+ onLuxityShopClick = _ref.onLuxityShopClick,
985
+ endpoint = _ref.endpoint,
986
+ menuData = _ref.menuData,
987
+ onSearchSubmit = _ref.onSearchSubmit,
988
+ onProductIdsReceived = _ref.onProductIdsReceived,
989
+ onLogoutClick = _ref.onLogoutClick,
990
+ onInterestClick = _ref.onInterestClick,
991
+ onAddressClick = _ref.onAddressClick,
992
+ onCouponsClick = _ref.onCouponsClick,
993
+ onEditProfileClick = _ref.onEditProfileClick,
994
+ onCurrentOrdersClick = _ref.onCurrentOrdersClick,
995
+ onPastOrdersClick = _ref.onPastOrdersClick,
996
+ onSubmissionsClick = _ref.onSubmissionsClick,
997
+ onPastSalesClick = _ref.onPastSalesClick,
998
+ onPaidOutClick = _ref.onPaidOutClick,
999
+ LinkComponent = _ref.LinkComponent,
1000
+ shop = _ref.shop,
1001
+ app = _ref.app;
1030
1002
  var _useState = React.useState(''),
1031
- _useState2 = _slicedToArray(_useState, 2),
1032
- searchValue = _useState2[0],
1033
- setSearchValue = _useState2[1];
1034
-
1003
+ _useState2 = _slicedToArray(_useState, 2),
1004
+ searchValue = _useState2[0],
1005
+ setSearchValue = _useState2[1];
1035
1006
  var _useState3 = React.useState(false),
1036
- _useState4 = _slicedToArray(_useState3, 2),
1037
- showSearchBar = _useState4[0],
1038
- setShowSearchbar = _useState4[1];
1039
-
1007
+ _useState4 = _slicedToArray(_useState3, 2),
1008
+ showSearchBar = _useState4[0],
1009
+ setShowSearchbar = _useState4[1];
1040
1010
  var _useState5 = React.useState(false),
1041
- _useState6 = _slicedToArray(_useState5, 2),
1042
- showSideNav = _useState6[0],
1043
- setShowSideNav = _useState6[1];
1044
-
1011
+ _useState6 = _slicedToArray(_useState5, 2),
1012
+ showSideNav = _useState6[0],
1013
+ setShowSideNav = _useState6[1];
1045
1014
  var _useState7 = React.useState(false),
1046
- _useState8 = _slicedToArray(_useState7, 2),
1047
- searchLoading = _useState8[0],
1048
- setSearchLoading = _useState8[1];
1049
-
1015
+ _useState8 = _slicedToArray(_useState7, 2),
1016
+ searchLoading = _useState8[0],
1017
+ setSearchLoading = _useState8[1];
1050
1018
  var _useState9 = React.useState({
1051
- brands: [],
1052
- products: []
1053
- }),
1054
- _useState10 = _slicedToArray(_useState9, 2),
1055
- searchResults = _useState10[0],
1056
- setSearchResults = _useState10[1];
1057
-
1019
+ brands: [],
1020
+ products: []
1021
+ }),
1022
+ _useState10 = _slicedToArray(_useState9, 2),
1023
+ searchResults = _useState10[0],
1024
+ setSearchResults = _useState10[1];
1058
1025
  var debounce = function debounce(func, wait) {
1059
1026
  var timeout;
1060
1027
  return function executedFunction() {
1061
1028
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1062
1029
  args[_key] = arguments[_key];
1063
1030
  }
1064
-
1065
1031
  var later = function later() {
1066
1032
  clearTimeout(timeout);
1067
1033
  func.apply(void 0, args);
1068
1034
  };
1069
-
1070
1035
  clearTimeout(timeout);
1071
1036
  timeout = setTimeout(later, wait);
1072
1037
  };
1073
1038
  };
1074
-
1075
1039
  var debouncedSearch = React.useCallback(debounce(function (nextValue) {
1076
1040
  setSearchLoading(true);
1077
1041
  axios.post(endpoint, searchProducts(nextValue, 6)).then(function (response) {
@@ -1083,11 +1047,9 @@
1083
1047
  setSearchLoading(false);
1084
1048
  });
1085
1049
  }, 500), [endpoint]);
1086
-
1087
1050
  var handleChange = function handleChange(event) {
1088
1051
  var value = event.target.value;
1089
1052
  setSearchValue(value);
1090
-
1091
1053
  if (value.trim().length >= 3) {
1092
1054
  debouncedSearch(value);
1093
1055
  } else {
@@ -1097,7 +1059,6 @@
1097
1059
  });
1098
1060
  }
1099
1061
  };
1100
-
1101
1062
  var handleKeyDown = function handleKeyDown(event) {
1102
1063
  if (event.key === 'Enter') {
1103
1064
  onSearchSubmit(searchValue);
@@ -1106,97 +1067,75 @@
1106
1067
  setSearchValue('');
1107
1068
  }
1108
1069
  };
1109
-
1110
1070
  var onSearchClick = function onSearchClick() {
1111
1071
  setShowSearchbar(function (prev) {
1112
1072
  return !prev;
1113
1073
  });
1114
1074
  setSearchValue('');
1115
1075
  };
1116
-
1117
1076
  var onMenuClick = function onMenuClick() {
1118
1077
  setShowSideNav(function (prev) {
1119
1078
  return !prev;
1120
1079
  });
1121
1080
  };
1122
-
1123
1081
  var handleClick = function handleClick(callback) {
1124
1082
  callback();
1125
1083
  setShowSideNav(false);
1126
1084
  };
1127
-
1128
1085
  var handleDashboardClick = function handleDashboardClick() {
1129
1086
  return handleClick(onDashboardClick);
1130
1087
  };
1131
-
1132
1088
  var handleSellToUsClick = function handleSellToUsClick() {
1133
1089
  return handleClick(onSellToUsClick);
1134
1090
  };
1135
-
1136
1091
  var handleCartClick = function handleCartClick() {
1137
1092
  return handleClick(onCartClick);
1138
1093
  };
1139
-
1140
1094
  var handleLuxityShopClick = function handleLuxityShopClick() {
1141
1095
  return handleClick(onLuxityShopClick);
1142
1096
  };
1143
-
1144
1097
  var handleLogoutClick = function handleLogoutClick() {
1145
1098
  return handleClick(onLogoutClick);
1146
1099
  };
1147
-
1148
1100
  var handleInterestClick = function handleInterestClick() {
1149
1101
  return handleClick(onInterestClick);
1150
1102
  };
1151
-
1152
1103
  var handleAddressClick = function handleAddressClick() {
1153
1104
  return handleClick(onAddressClick);
1154
1105
  };
1155
-
1156
1106
  var handleCouponsClick = function handleCouponsClick() {
1157
1107
  return handleClick(onCouponsClick);
1158
1108
  };
1159
-
1160
1109
  var handleEditProfileClick = function handleEditProfileClick() {
1161
1110
  return handleClick(onEditProfileClick);
1162
1111
  };
1163
-
1164
1112
  var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
1165
1113
  return handleClick(onCurrentOrdersClick);
1166
1114
  };
1167
-
1168
1115
  var handlePastOrdersClick = function handlePastOrdersClick() {
1169
1116
  return handleClick(onPastOrdersClick);
1170
1117
  };
1171
-
1172
1118
  var handlePastSalesClick = function handlePastSalesClick() {
1173
1119
  return handleClick(onPastSalesClick);
1174
1120
  };
1175
-
1176
1121
  var handlePaidOutClick = function handlePaidOutClick() {
1177
1122
  return handleClick(onPaidOutClick);
1178
1123
  };
1179
-
1180
1124
  var handleSubmissionsClick = function handleSubmissionsClick() {
1181
1125
  return handleClick(onSubmissionsClick);
1182
1126
  };
1183
-
1184
1127
  var handleAccountClick = function handleAccountClick() {
1185
1128
  return handleClick(onAccountClick);
1186
1129
  };
1187
-
1188
1130
  var handleContactUsClick = function handleContactUsClick() {
1189
1131
  return handleClick(onContactUsClick);
1190
1132
  };
1191
-
1192
1133
  var handleOurStoryClick = function handleOurStoryClick() {
1193
1134
  return handleClick(onOurStoryClick);
1194
1135
  };
1195
-
1196
1136
  var handleBlogClick = function handleBlogClick() {
1197
1137
  return handleClick(onBlogClick);
1198
1138
  };
1199
-
1200
1139
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
1201
1140
  className: "navbar navbar__mobile-wrapper"
1202
1141
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -1229,14 +1168,18 @@
1229
1168
  }, /*#__PURE__*/React__default.createElement("img", {
1230
1169
  src: inputSearchIcon,
1231
1170
  className: "navbar__icon",
1232
- alt: "interest-icon"
1171
+ alt: "interest-icon",
1172
+ width: 20,
1173
+ height: 20
1233
1174
  })), /*#__PURE__*/React__default.createElement("button", {
1234
1175
  type: "button",
1235
1176
  className: "navbar__cart-icon navbar__icon",
1236
1177
  onClick: onCartClick
1237
1178
  }, /*#__PURE__*/React__default.createElement("img", {
1238
1179
  src: cartIcon,
1239
- alt: "cart-icon"
1180
+ alt: "cart-icon",
1181
+ width: 20,
1182
+ height: 20
1240
1183
  }), shop && /*#__PURE__*/React__default.createElement("div", {
1241
1184
  className: "navbar__cart-count"
1242
1185
  }, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {