@bonlineza/luxity-lib 2.34.5 → 2.34.7

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 (6) hide show
  1. package/LuxityDesktopHeader.js +72 -61
  2. package/LuxityMobileHeader.js +26 -35
  3. package/LuxitySideNav.js +26 -33
  4. package/build/bundle.css +1 -1
  5. package/build/bundle.js +98 -96
  6. package/package.json +1 -1
package/LuxityDesktopHeader.js CHANGED
@@ -285,7 +285,8 @@
285
285
  categorySlug = _ref.categorySlug,
286
286
  categoryTitle = _ref.categoryTitle,
287
287
  isLoading = _ref.isLoading,
288
- hasError = _ref.hasError;
288
+ hasError = _ref.hasError,
289
+ onMenuItemClick = _ref.onMenuItemClick;
289
290
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasError ? /*#__PURE__*/React__default.createElement("div", {
290
291
  className: "dropdown__errors"
291
292
  }, "Failed to load data.") : /*#__PURE__*/React__default.createElement("div", {
@@ -302,11 +303,13 @@
302
303
  return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
303
304
  href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
304
305
  className: "dropdown__element",
305
- key: categoryElement.name
306
+ key: categoryElement.name,
307
+ onClick: onMenuItemClick
306
308
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
307
309
  href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
308
310
  className: "dropdown__element",
309
- key: categoryElement.name
311
+ key: categoryElement.name,
312
+ onClick: onMenuItemClick
310
313
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
311
314
  }))), /*#__PURE__*/React__default.createElement("div", {
312
315
  className: "dropdown__column"
@@ -318,14 +321,16 @@
318
321
  className: "dropdown__brand-element"
319
322
  }, /*#__PURE__*/React__default.createElement("a", {
320
323
  href: "".concat(productsUrl, "/").concat(categorySlug),
321
- className: "dropdown__element"
324
+ className: "dropdown__element",
325
+ onClick: onMenuItemClick
322
326
  }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
323
327
  return /*#__PURE__*/React__default.createElement("div", {
324
328
  className: "dropdown__brand-element"
325
329
  }, /*#__PURE__*/React__default.createElement("a", {
326
330
  href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
327
331
  className: "dropdown__element",
328
- key: brand.name
332
+ key: brand.name,
333
+ onClick: onMenuItemClick
329
334
  }, brand === null || brand === void 0 ? void 0 : brand.name));
330
335
  }))), /*#__PURE__*/React__default.createElement("div", {
331
336
  className: "dropdown__column"
@@ -335,6 +340,54 @@
335
340
  })))));
336
341
  };
337
342
 
343
+ var DropdownLink = function DropdownLink(_ref) {
344
+ var title = _ref.title,
345
+ imageSrc = _ref.imageSrc,
346
+ categoryElements = _ref.categoryElements,
347
+ brandElements = _ref.brandElements,
348
+ productsUrl = _ref.productsUrl,
349
+ categorySlug = _ref.categorySlug,
350
+ categoryTitle = _ref.categoryTitle,
351
+ isLoading = _ref.isLoading,
352
+ hasError = _ref.hasError;
353
+
354
+ var _useState = React.useState(false),
355
+ _useState2 = _slicedToArray(_useState, 2),
356
+ dropdownVisible = _useState2[0],
357
+ setDropdownVisible = _useState2[1];
358
+
359
+ var handleMenuItemClick = function handleMenuItemClick() {
360
+ setDropdownVisible(false);
361
+ };
362
+
363
+ return /*#__PURE__*/React__default.createElement("li", {
364
+ className: "navbar__link",
365
+ onMouseEnter: function onMouseEnter() {
366
+ return setDropdownVisible(true);
367
+ },
368
+ onMouseLeave: function onMouseLeave() {
369
+ return setDropdownVisible(false);
370
+ }
371
+ }, /*#__PURE__*/React__default.createElement("a", {
372
+ href: "".concat(productsUrl, "/").concat(categorySlug),
373
+ className: "navbar__link-item navbar__link-item--desktop",
374
+ onClick: handleMenuItemClick
375
+ }, title), dropdownVisible && /*#__PURE__*/React__default.createElement("div", {
376
+ className: "navbar__dropdown"
377
+ }, /*#__PURE__*/React__default.createElement(Dropdown, {
378
+ title: "Department",
379
+ imageSrc: imageSrc,
380
+ categoryElements: categoryElements,
381
+ brandElements: brandElements,
382
+ productsUrl: productsUrl,
383
+ categorySlug: categorySlug,
384
+ categoryTitle: categoryTitle,
385
+ isLoading: isLoading,
386
+ hasError: hasError,
387
+ onMenuItemClick: handleMenuItemClick
388
+ })));
389
+ };
390
+
338
391
  var StoresDropdown = function StoresDropdown(_ref) {
339
392
  var _ref$stores = _ref.stores,
340
393
  stores = _ref$stores === void 0 ? [] : _ref$stores,
@@ -902,15 +955,8 @@
902
955
  setSearchValue: setSearchValue
903
956
  }), /*#__PURE__*/React__default.createElement("nav", {
904
957
  className: "navbar__nav-links navbar__nav-links--wrap"
905
- }, /*#__PURE__*/React__default.createElement("li", {
906
- className: "navbar__link"
907
- }, /*#__PURE__*/React__default.createElement("a", {
908
- href: "".concat(productsUrl, "/brands"),
909
- className: "navbar__link-item navbar__link-item--desktop"
910
- }, "New"), /*#__PURE__*/React__default.createElement("div", {
911
- className: "navbar__dropdown"
912
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
913
- title: "Department",
958
+ }, /*#__PURE__*/React__default.createElement(DropdownLink, {
959
+ title: "New",
914
960
  imageSrc: newBrandsImage,
915
961
  categoryElements: categoryElements,
916
962
  brandElements: dropdownData.latestArrivals,
@@ -919,15 +965,8 @@
919
965
  categoryTitle: "Brands",
920
966
  isLoading: loading,
921
967
  hasError: hasError
922
- }))), /*#__PURE__*/React__default.createElement("li", {
923
- className: "navbar__link"
924
- }, /*#__PURE__*/React__default.createElement("a", {
925
- href: "".concat(productsUrl, "/bags"),
926
- className: "navbar__link-item navbar__link-item--desktop"
927
- }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
928
- className: "navbar__dropdown"
929
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
930
- title: "Department",
968
+ }), /*#__PURE__*/React__default.createElement(DropdownLink, {
969
+ title: "Bags",
931
970
  imageSrc: bagsImage,
932
971
  categoryElements: addCategoryToElements(categoryElements, categories.bags.slug),
933
972
  brandElements: dropdownData.bags,
@@ -936,15 +975,8 @@
936
975
  categoryTitle: categories.bags.name,
937
976
  isLoading: loading,
938
977
  hasError: hasError
939
- }))), /*#__PURE__*/React__default.createElement("li", {
940
- className: "navbar__link"
941
- }, /*#__PURE__*/React__default.createElement("a", {
942
- href: "".concat(productsUrl, "/shoes"),
943
- className: "navbar__link-item navbar__link-item--desktop"
944
- }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
945
- className: "navbar__dropdown"
946
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
947
- title: "Department",
978
+ }), /*#__PURE__*/React__default.createElement(DropdownLink, {
979
+ title: "Shoes",
948
980
  imageSrc: shoesImage,
949
981
  categoryElements: addCategoryToElements(categoryElements, categories.shoes.slug),
950
982
  brandElements: dropdownData.shoes,
@@ -953,15 +985,8 @@
953
985
  categoryTitle: categories.shoes.name,
954
986
  isLoading: loading,
955
987
  hasError: hasError
956
- }))), /*#__PURE__*/React__default.createElement("li", {
957
- className: "navbar__link"
958
- }, /*#__PURE__*/React__default.createElement("a", {
959
- href: "".concat(productsUrl, "/apparel"),
960
- className: "navbar__link-item navbar__link-item--desktop"
961
- }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
962
- className: "navbar__dropdown"
963
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
964
- title: "Department",
988
+ }), /*#__PURE__*/React__default.createElement(DropdownLink, {
989
+ title: "Clothing",
965
990
  imageSrc: clothingImage,
966
991
  categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories.clothing.slug),
967
992
  brandElements: dropdownData.apparel,
@@ -970,15 +995,8 @@
970
995
  categoryTitle: categories.clothing.name,
971
996
  isLoading: loading,
972
997
  hasError: hasError
973
- }))), /*#__PURE__*/React__default.createElement("li", {
974
- className: "navbar__link"
975
- }, /*#__PURE__*/React__default.createElement("a", {
976
- href: "".concat(productsUrl, "/accessories"),
977
- className: "navbar__link-item navbar__link-item--desktop"
978
- }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
979
- className: "navbar__dropdown"
980
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
981
- title: "Categories",
998
+ }), /*#__PURE__*/React__default.createElement(DropdownLink, {
999
+ title: "Accessories",
982
1000
  imageSrc: accessoriesImage,
983
1001
  categoryElements: removeCategoryByName(dropdownData.accessoriesCategories, 'ACCESSORIES'),
984
1002
  brandElements: dropdownData.accessories,
@@ -987,15 +1005,8 @@
987
1005
  categoryTitle: categories.accessories.name,
988
1006
  isLoading: loading,
989
1007
  hasError: hasError
990
- }))), /*#__PURE__*/React__default.createElement("li", {
991
- className: "navbar__link"
992
- }, /*#__PURE__*/React__default.createElement("a", {
993
- href: "".concat(productsUrl, "/watches"),
994
- className: "navbar__link-item navbar__link-item--desktop"
995
- }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
996
- className: "navbar__dropdown"
997
- }, /*#__PURE__*/React__default.createElement(Dropdown, {
998
- title: "Department",
1008
+ }), /*#__PURE__*/React__default.createElement(DropdownLink, {
1009
+ title: "Watches",
999
1010
  imageSrc: watchesImage,
1000
1011
  categoryElements: addCategoryToElements(categoryElements, categories.watches.slug),
1001
1012
  brandElements: dropdownData.watches,
@@ -1004,7 +1015,7 @@
1004
1015
  categoryTitle: categories.watches.name,
1005
1016
  isLoading: loading,
1006
1017
  hasError: hasError
1007
- }))), /*#__PURE__*/React__default.createElement("li", {
1018
+ }), /*#__PURE__*/React__default.createElement("li", {
1008
1019
  className: "navbar__link"
1009
1020
  }, /*#__PURE__*/React__default.createElement("a", {
1010
1021
  href: contactUsLink,
@@ -1039,7 +1050,7 @@
1039
1050
  className: "navbar__vip-icon",
1040
1051
  width: 16,
1041
1052
  height: 16
1042
- })), isVip && /*#__PURE__*/React__default.createElement("button", {
1053
+ })), name && /*#__PURE__*/React__default.createElement("button", {
1043
1054
  type: "button",
1044
1055
  className: "mr-3",
1045
1056
  onClick: onAccountClick
package/LuxityMobileHeader.js CHANGED
@@ -493,6 +493,7 @@
493
493
  var BrandsDropDown = function BrandsDropDown(_ref) {
494
494
  var subMenuOpen = _ref.subMenuOpen,
495
495
  onBackClick = _ref.onBackClick,
496
+ onCloseSideNav = _ref.onCloseSideNav,
496
497
  backIcon = _ref.backIcon,
497
498
  subMenuCategoryTitle = _ref.subMenuCategoryTitle,
498
499
  productUrl = _ref.productUrl,
@@ -502,9 +503,16 @@
502
503
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
503
504
  categorySlug = _ref.categorySlug,
504
505
  isLoading = _ref.isLoading,
505
- hasError = _ref.hasError,
506
- LinkComponent = _ref.LinkComponent,
507
- setSubMenuOpen = _ref.setSubMenuOpen;
506
+ hasError = _ref.hasError;
507
+
508
+ var handleLinkClick = function handleLinkClick(event) {
509
+ event.preventDefault();
510
+ var href = event.currentTarget.getAttribute('href');
511
+ onBackClick();
512
+ onCloseSideNav();
513
+ window.location.href = href;
514
+ };
515
+
508
516
  return /*#__PURE__*/React__default.createElement("div", {
509
517
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
510
518
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -530,18 +538,14 @@
530
538
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
531
539
  className: "side-nav__elements"
532
540
  }, categoryElements.map(function (categoryElement) {
533
- return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
541
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
534
542
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
535
- onClick: function onClick() {
536
- return setSubMenuOpen(false);
537
- },
543
+ onClick: handleLinkClick,
538
544
  className: "dropdown__element",
539
545
  key: categoryElement.name
540
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
546
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
541
547
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
542
- onClick: function onClick() {
543
- return setSubMenuOpen(false);
544
- },
548
+ onClick: handleLinkClick,
545
549
  className: "dropdown__element",
546
550
  key: categoryElement.name
547
551
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -549,18 +553,14 @@
549
553
  className: "side-nav__elements"
550
554
  }, /*#__PURE__*/React__default.createElement("div", {
551
555
  className: "side-nav__sub-menu-title"
552
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
556
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
553
557
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
554
- onClick: function onClick() {
555
- return setSubMenuOpen(false);
556
- },
558
+ onClick: handleLinkClick,
557
559
  className: "side-nav__element"
558
560
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
559
- return /*#__PURE__*/React__default.createElement(LinkComponent, {
561
+ return /*#__PURE__*/React__default.createElement("a", {
560
562
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
561
- onClick: function onClick() {
562
- return setSubMenuOpen(false);
563
- },
563
+ onClick: handleLinkClick,
564
564
  className: "side-nav__element"
565
565
  }, brand.name);
566
566
  })))));
@@ -816,7 +816,6 @@
816
816
  showSideNav = _ref.showSideNav,
817
817
  onMenuClick = _ref.onMenuClick,
818
818
  menuData = _ref.menuData,
819
- LinkComponent = _ref.LinkComponent,
820
819
  currency = _ref.currency,
821
820
  currencyOptions = _ref.currencyOptions,
822
821
  onCurrencyChange = _ref.onCurrencyChange,
@@ -879,7 +878,7 @@
879
878
  setSubMenuOpen(false);
880
879
  setDisplayedSubMenu('');
881
880
 
882
- if (e.key === 'Enter') {
881
+ if (e && e.key === 'Enter') {
883
882
  e.preventDefault();
884
883
  }
885
884
  };
@@ -1083,8 +1082,7 @@
1083
1082
  categorySlug: displayedSubMenu,
1084
1083
  isLoading: loading,
1085
1084
  hasError: hasError,
1086
- LinkComponent: LinkComponent,
1087
- setSubMenuOpen: onCloseSideNav
1085
+ onCloseSideNav: onCloseSideNav
1088
1086
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
1089
1087
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
1090
1088
  onBackClick: onBackClick,
@@ -1097,8 +1095,7 @@
1097
1095
  categorySlug: displayedSubMenu,
1098
1096
  isLoading: loading,
1099
1097
  hasError: hasError,
1100
- LinkComponent: LinkComponent,
1101
- setSubMenuOpen: onCloseSideNav
1098
+ onCloseSideNav: onCloseSideNav
1102
1099
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
1103
1100
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
1104
1101
  onBackClick: onBackClick,
@@ -1111,8 +1108,7 @@
1111
1108
  categorySlug: displayedSubMenu,
1112
1109
  isLoading: loading,
1113
1110
  hasError: hasError,
1114
- LinkComponent: LinkComponent,
1115
- setSubMenuOpen: onCloseSideNav
1111
+ onCloseSideNav: onCloseSideNav
1116
1112
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
1117
1113
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
1118
1114
  onBackClick: onBackClick,
@@ -1125,8 +1121,7 @@
1125
1121
  categorySlug: displayedSubMenu,
1126
1122
  isLoading: loading,
1127
1123
  hasError: hasError,
1128
- LinkComponent: LinkComponent,
1129
- setSubMenuOpen: onCloseSideNav
1124
+ onCloseSideNav: onCloseSideNav
1130
1125
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
1131
1126
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
1132
1127
  onBackClick: onBackClick,
@@ -1139,8 +1134,7 @@
1139
1134
  categorySlug: displayedSubMenu,
1140
1135
  isLoading: loading,
1141
1136
  hasError: hasError,
1142
- LinkComponent: LinkComponent,
1143
- setSubMenuOpen: onCloseSideNav
1137
+ onCloseSideNav: onCloseSideNav
1144
1138
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
1145
1139
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
1146
1140
  onBackClick: onBackClick,
@@ -1153,8 +1147,7 @@
1153
1147
  categorySlug: displayedSubMenu,
1154
1148
  isLoading: loading,
1155
1149
  hasError: hasError,
1156
- LinkComponent: LinkComponent,
1157
- setSubMenuOpen: onCloseSideNav
1150
+ onCloseSideNav: onCloseSideNav
1158
1151
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
1159
1152
  className: "side-nav__content"
1160
1153
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -1267,7 +1260,6 @@
1267
1260
  onSubmissionsClick = _ref.onSubmissionsClick,
1268
1261
  onPastSalesClick = _ref.onPastSalesClick,
1269
1262
  onPaidOutClick = _ref.onPaidOutClick,
1270
- LinkComponent = _ref.LinkComponent,
1271
1263
  currency = _ref.currency,
1272
1264
  currencyOptions = _ref.currencyOptions,
1273
1265
  onCurrencyChange = _ref.onCurrencyChange,
@@ -1554,7 +1546,6 @@
1554
1546
  onMenuClick: onMenuClick,
1555
1547
  endpoint: endpoint,
1556
1548
  menuData: menuData,
1557
- LinkComponent: LinkComponent,
1558
1549
  currency: currency,
1559
1550
  currencyOptions: currencyOptions,
1560
1551
  onCurrencyChange: onCurrencyChange,
package/LuxitySideNav.js CHANGED
@@ -182,6 +182,7 @@
182
182
  var BrandsDropDown = function BrandsDropDown(_ref) {
183
183
  var subMenuOpen = _ref.subMenuOpen,
184
184
  onBackClick = _ref.onBackClick,
185
+ onCloseSideNav = _ref.onCloseSideNav,
185
186
  backIcon = _ref.backIcon,
186
187
  subMenuCategoryTitle = _ref.subMenuCategoryTitle,
187
188
  productUrl = _ref.productUrl,
@@ -191,9 +192,16 @@
191
192
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
192
193
  categorySlug = _ref.categorySlug,
193
194
  isLoading = _ref.isLoading,
194
- hasError = _ref.hasError,
195
- LinkComponent = _ref.LinkComponent,
196
- setSubMenuOpen = _ref.setSubMenuOpen;
195
+ hasError = _ref.hasError;
196
+
197
+ var handleLinkClick = function handleLinkClick(event) {
198
+ event.preventDefault();
199
+ var href = event.currentTarget.getAttribute('href');
200
+ onBackClick();
201
+ onCloseSideNav();
202
+ window.location.href = href;
203
+ };
204
+
197
205
  return /*#__PURE__*/React__default.createElement("div", {
198
206
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
199
207
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -219,18 +227,14 @@
219
227
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
220
228
  className: "side-nav__elements"
221
229
  }, categoryElements.map(function (categoryElement) {
222
- return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
230
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
223
231
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
224
- onClick: function onClick() {
225
- return setSubMenuOpen(false);
226
- },
232
+ onClick: handleLinkClick,
227
233
  className: "dropdown__element",
228
234
  key: categoryElement.name
229
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
235
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
230
236
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
231
- onClick: function onClick() {
232
- return setSubMenuOpen(false);
233
- },
237
+ onClick: handleLinkClick,
234
238
  className: "dropdown__element",
235
239
  key: categoryElement.name
236
240
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -238,18 +242,14 @@
238
242
  className: "side-nav__elements"
239
243
  }, /*#__PURE__*/React__default.createElement("div", {
240
244
  className: "side-nav__sub-menu-title"
241
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
245
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
242
246
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
243
- onClick: function onClick() {
244
- return setSubMenuOpen(false);
245
- },
247
+ onClick: handleLinkClick,
246
248
  className: "side-nav__element"
247
249
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
248
- return /*#__PURE__*/React__default.createElement(LinkComponent, {
250
+ return /*#__PURE__*/React__default.createElement("a", {
249
251
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
250
- onClick: function onClick() {
251
- return setSubMenuOpen(false);
252
- },
252
+ onClick: handleLinkClick,
253
253
  className: "side-nav__element"
254
254
  }, brand.name);
255
255
  })))));
@@ -505,7 +505,6 @@
505
505
  showSideNav = _ref.showSideNav,
506
506
  onMenuClick = _ref.onMenuClick,
507
507
  menuData = _ref.menuData,
508
- LinkComponent = _ref.LinkComponent,
509
508
  currency = _ref.currency,
510
509
  currencyOptions = _ref.currencyOptions,
511
510
  onCurrencyChange = _ref.onCurrencyChange,
@@ -568,7 +567,7 @@
568
567
  setSubMenuOpen(false);
569
568
  setDisplayedSubMenu('');
570
569
 
571
- if (e.key === 'Enter') {
570
+ if (e && e.key === 'Enter') {
572
571
  e.preventDefault();
573
572
  }
574
573
  };
@@ -772,8 +771,7 @@
772
771
  categorySlug: displayedSubMenu,
773
772
  isLoading: loading,
774
773
  hasError: hasError,
775
- LinkComponent: LinkComponent,
776
- setSubMenuOpen: onCloseSideNav
774
+ onCloseSideNav: onCloseSideNav
777
775
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
778
776
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
779
777
  onBackClick: onBackClick,
@@ -786,8 +784,7 @@
786
784
  categorySlug: displayedSubMenu,
787
785
  isLoading: loading,
788
786
  hasError: hasError,
789
- LinkComponent: LinkComponent,
790
- setSubMenuOpen: onCloseSideNav
787
+ onCloseSideNav: onCloseSideNav
791
788
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
792
789
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
793
790
  onBackClick: onBackClick,
@@ -800,8 +797,7 @@
800
797
  categorySlug: displayedSubMenu,
801
798
  isLoading: loading,
802
799
  hasError: hasError,
803
- LinkComponent: LinkComponent,
804
- setSubMenuOpen: onCloseSideNav
800
+ onCloseSideNav: onCloseSideNav
805
801
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
806
802
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
807
803
  onBackClick: onBackClick,
@@ -814,8 +810,7 @@
814
810
  categorySlug: displayedSubMenu,
815
811
  isLoading: loading,
816
812
  hasError: hasError,
817
- LinkComponent: LinkComponent,
818
- setSubMenuOpen: onCloseSideNav
813
+ onCloseSideNav: onCloseSideNav
819
814
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
820
815
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
821
816
  onBackClick: onBackClick,
@@ -828,8 +823,7 @@
828
823
  categorySlug: displayedSubMenu,
829
824
  isLoading: loading,
830
825
  hasError: hasError,
831
- LinkComponent: LinkComponent,
832
- setSubMenuOpen: onCloseSideNav
826
+ onCloseSideNav: onCloseSideNav
833
827
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
834
828
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
835
829
  onBackClick: onBackClick,
@@ -842,8 +836,7 @@
842
836
  categorySlug: displayedSubMenu,
843
837
  isLoading: loading,
844
838
  hasError: hasError,
845
- LinkComponent: LinkComponent,
846
- setSubMenuOpen: onCloseSideNav
839
+ onCloseSideNav: onCloseSideNav
847
840
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
848
841
  className: "side-nav__content"
849
842
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
package/build/bundle.css CHANGED
@@ -1 +1 @@
1
- .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%}.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}}.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%}@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)}}
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)}}
package/build/bundle.js CHANGED
@@ -14660,7 +14660,8 @@
14660
14660
  categorySlug = _ref.categorySlug,
14661
14661
  categoryTitle = _ref.categoryTitle,
14662
14662
  isLoading = _ref.isLoading,
14663
- hasError = _ref.hasError;
14663
+ hasError = _ref.hasError,
14664
+ onMenuItemClick = _ref.onMenuItemClick;
14664
14665
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, hasError ? /*#__PURE__*/React__default.createElement("div", {
14665
14666
  className: "dropdown__errors"
14666
14667
  }, "Failed to load data.") : /*#__PURE__*/React__default.createElement("div", {
@@ -14677,11 +14678,13 @@
14677
14678
  return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
14678
14679
  href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
14679
14680
  className: "dropdown__element",
14680
- key: categoryElement.name
14681
+ key: categoryElement.name,
14682
+ onClick: onMenuItemClick
14681
14683
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
14682
14684
  href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
14683
14685
  className: "dropdown__element",
14684
- key: categoryElement.name
14686
+ key: categoryElement.name,
14687
+ onClick: onMenuItemClick
14685
14688
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
14686
14689
  }))), /*#__PURE__*/React__default.createElement("div", {
14687
14690
  className: "dropdown__column"
@@ -14693,14 +14696,16 @@
14693
14696
  className: "dropdown__brand-element"
14694
14697
  }, /*#__PURE__*/React__default.createElement("a", {
14695
14698
  href: "".concat(productsUrl, "/").concat(categorySlug),
14696
- className: "dropdown__element"
14699
+ className: "dropdown__element",
14700
+ onClick: onMenuItemClick
14697
14701
  }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
14698
14702
  return /*#__PURE__*/React__default.createElement("div", {
14699
14703
  className: "dropdown__brand-element"
14700
14704
  }, /*#__PURE__*/React__default.createElement("a", {
14701
14705
  href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
14702
14706
  className: "dropdown__element",
14703
- key: brand.name
14707
+ key: brand.name,
14708
+ onClick: onMenuItemClick
14704
14709
  }, brand === null || brand === void 0 ? void 0 : brand.name));
14705
14710
  }))), /*#__PURE__*/React__default.createElement("div", {
14706
14711
  className: "dropdown__column"
@@ -14710,6 +14715,54 @@
14710
14715
  })))));
14711
14716
  };
14712
14717
 
14718
+ var DropdownLink$1 = function DropdownLink(_ref) {
14719
+ var title = _ref.title,
14720
+ imageSrc = _ref.imageSrc,
14721
+ categoryElements = _ref.categoryElements,
14722
+ brandElements = _ref.brandElements,
14723
+ productsUrl = _ref.productsUrl,
14724
+ categorySlug = _ref.categorySlug,
14725
+ categoryTitle = _ref.categoryTitle,
14726
+ isLoading = _ref.isLoading,
14727
+ hasError = _ref.hasError;
14728
+
14729
+ var _useState = React.useState(false),
14730
+ _useState2 = _slicedToArray(_useState, 2),
14731
+ dropdownVisible = _useState2[0],
14732
+ setDropdownVisible = _useState2[1];
14733
+
14734
+ var handleMenuItemClick = function handleMenuItemClick() {
14735
+ setDropdownVisible(false);
14736
+ };
14737
+
14738
+ return /*#__PURE__*/React__default.createElement("li", {
14739
+ className: "navbar__link",
14740
+ onMouseEnter: function onMouseEnter() {
14741
+ return setDropdownVisible(true);
14742
+ },
14743
+ onMouseLeave: function onMouseLeave() {
14744
+ return setDropdownVisible(false);
14745
+ }
14746
+ }, /*#__PURE__*/React__default.createElement("a", {
14747
+ href: "".concat(productsUrl, "/").concat(categorySlug),
14748
+ className: "navbar__link-item navbar__link-item--desktop",
14749
+ onClick: handleMenuItemClick
14750
+ }, title), dropdownVisible && /*#__PURE__*/React__default.createElement("div", {
14751
+ className: "navbar__dropdown"
14752
+ }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
14753
+ title: "Department",
14754
+ imageSrc: imageSrc,
14755
+ categoryElements: categoryElements,
14756
+ brandElements: brandElements,
14757
+ productsUrl: productsUrl,
14758
+ categorySlug: categorySlug,
14759
+ categoryTitle: categoryTitle,
14760
+ isLoading: isLoading,
14761
+ hasError: hasError,
14762
+ onMenuItemClick: handleMenuItemClick
14763
+ })));
14764
+ };
14765
+
14713
14766
  var StoresDropdown = function StoresDropdown(_ref) {
14714
14767
  var _ref$stores = _ref.stores,
14715
14768
  stores = _ref$stores === void 0 ? [] : _ref$stores,
@@ -15074,15 +15127,8 @@
15074
15127
  setSearchValue: setSearchValue
15075
15128
  }), /*#__PURE__*/React__default.createElement("nav", {
15076
15129
  className: "navbar__nav-links navbar__nav-links--wrap"
15077
- }, /*#__PURE__*/React__default.createElement("li", {
15078
- className: "navbar__link"
15079
- }, /*#__PURE__*/React__default.createElement("a", {
15080
- href: "".concat(productsUrl, "/brands"),
15081
- className: "navbar__link-item navbar__link-item--desktop"
15082
- }, "New"), /*#__PURE__*/React__default.createElement("div", {
15083
- className: "navbar__dropdown"
15084
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15085
- title: "Department",
15130
+ }, /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15131
+ title: "New",
15086
15132
  imageSrc: newBrandsImage,
15087
15133
  categoryElements: categoryElements,
15088
15134
  brandElements: dropdownData.latestArrivals,
@@ -15091,15 +15137,8 @@
15091
15137
  categoryTitle: "Brands",
15092
15138
  isLoading: loading,
15093
15139
  hasError: hasError
15094
- }))), /*#__PURE__*/React__default.createElement("li", {
15095
- className: "navbar__link"
15096
- }, /*#__PURE__*/React__default.createElement("a", {
15097
- href: "".concat(productsUrl, "/bags"),
15098
- className: "navbar__link-item navbar__link-item--desktop"
15099
- }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
15100
- className: "navbar__dropdown"
15101
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15102
- title: "Department",
15140
+ }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15141
+ title: "Bags",
15103
15142
  imageSrc: bagsImage,
15104
15143
  categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
15105
15144
  brandElements: dropdownData.bags,
@@ -15108,15 +15147,8 @@
15108
15147
  categoryTitle: categories$1.bags.name,
15109
15148
  isLoading: loading,
15110
15149
  hasError: hasError
15111
- }))), /*#__PURE__*/React__default.createElement("li", {
15112
- className: "navbar__link"
15113
- }, /*#__PURE__*/React__default.createElement("a", {
15114
- href: "".concat(productsUrl, "/shoes"),
15115
- className: "navbar__link-item navbar__link-item--desktop"
15116
- }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
15117
- className: "navbar__dropdown"
15118
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15119
- title: "Department",
15150
+ }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15151
+ title: "Shoes",
15120
15152
  imageSrc: shoesImage,
15121
15153
  categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
15122
15154
  brandElements: dropdownData.shoes,
@@ -15125,15 +15157,8 @@
15125
15157
  categoryTitle: categories$1.shoes.name,
15126
15158
  isLoading: loading,
15127
15159
  hasError: hasError
15128
- }))), /*#__PURE__*/React__default.createElement("li", {
15129
- className: "navbar__link"
15130
- }, /*#__PURE__*/React__default.createElement("a", {
15131
- href: "".concat(productsUrl, "/apparel"),
15132
- className: "navbar__link-item navbar__link-item--desktop"
15133
- }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
15134
- className: "navbar__dropdown"
15135
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15136
- title: "Department",
15160
+ }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15161
+ title: "Clothing",
15137
15162
  imageSrc: clothingImage,
15138
15163
  categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories$1.clothing.slug),
15139
15164
  brandElements: dropdownData.apparel,
@@ -15142,15 +15167,8 @@
15142
15167
  categoryTitle: categories$1.clothing.name,
15143
15168
  isLoading: loading,
15144
15169
  hasError: hasError
15145
- }))), /*#__PURE__*/React__default.createElement("li", {
15146
- className: "navbar__link"
15147
- }, /*#__PURE__*/React__default.createElement("a", {
15148
- href: "".concat(productsUrl, "/accessories"),
15149
- className: "navbar__link-item navbar__link-item--desktop"
15150
- }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
15151
- className: "navbar__dropdown"
15152
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15153
- title: "Categories",
15170
+ }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15171
+ title: "Accessories",
15154
15172
  imageSrc: accessoriesImage,
15155
15173
  categoryElements: removeCategoryByName(dropdownData.accessoriesCategories, 'ACCESSORIES'),
15156
15174
  brandElements: dropdownData.accessories,
@@ -15159,15 +15177,8 @@
15159
15177
  categoryTitle: categories$1.accessories.name,
15160
15178
  isLoading: loading,
15161
15179
  hasError: hasError
15162
- }))), /*#__PURE__*/React__default.createElement("li", {
15163
- className: "navbar__link"
15164
- }, /*#__PURE__*/React__default.createElement("a", {
15165
- href: "".concat(productsUrl, "/watches"),
15166
- className: "navbar__link-item navbar__link-item--desktop"
15167
- }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
15168
- className: "navbar__dropdown"
15169
- }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
15170
- title: "Department",
15180
+ }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
15181
+ title: "Watches",
15171
15182
  imageSrc: watchesImage,
15172
15183
  categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
15173
15184
  brandElements: dropdownData.watches,
@@ -15176,7 +15187,7 @@
15176
15187
  categoryTitle: categories$1.watches.name,
15177
15188
  isLoading: loading,
15178
15189
  hasError: hasError
15179
- }))), /*#__PURE__*/React__default.createElement("li", {
15190
+ }), /*#__PURE__*/React__default.createElement("li", {
15180
15191
  className: "navbar__link"
15181
15192
  }, /*#__PURE__*/React__default.createElement("a", {
15182
15193
  href: contactUsLink,
@@ -15211,7 +15222,7 @@
15211
15222
  className: "navbar__vip-icon",
15212
15223
  width: 16,
15213
15224
  height: 16
15214
- })), isVip && /*#__PURE__*/React__default.createElement("button", {
15225
+ })), name && /*#__PURE__*/React__default.createElement("button", {
15215
15226
  type: "button",
15216
15227
  className: "mr-3",
15217
15228
  onClick: onAccountClick
@@ -15303,6 +15314,7 @@
15303
15314
  var BrandsDropDown = function BrandsDropDown(_ref) {
15304
15315
  var subMenuOpen = _ref.subMenuOpen,
15305
15316
  onBackClick = _ref.onBackClick,
15317
+ onCloseSideNav = _ref.onCloseSideNav,
15306
15318
  backIcon = _ref.backIcon,
15307
15319
  subMenuCategoryTitle = _ref.subMenuCategoryTitle,
15308
15320
  productUrl = _ref.productUrl,
@@ -15312,9 +15324,16 @@
15312
15324
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
15313
15325
  categorySlug = _ref.categorySlug,
15314
15326
  isLoading = _ref.isLoading,
15315
- hasError = _ref.hasError,
15316
- LinkComponent = _ref.LinkComponent,
15317
- setSubMenuOpen = _ref.setSubMenuOpen;
15327
+ hasError = _ref.hasError;
15328
+
15329
+ var handleLinkClick = function handleLinkClick(event) {
15330
+ event.preventDefault();
15331
+ var href = event.currentTarget.getAttribute('href');
15332
+ onBackClick();
15333
+ onCloseSideNav();
15334
+ window.location.href = href;
15335
+ };
15336
+
15318
15337
  return /*#__PURE__*/React__default.createElement("div", {
15319
15338
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
15320
15339
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -15340,18 +15359,14 @@
15340
15359
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
15341
15360
  className: "side-nav__elements"
15342
15361
  }, categoryElements.map(function (categoryElement) {
15343
- return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
15362
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
15344
15363
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
15345
- onClick: function onClick() {
15346
- return setSubMenuOpen(false);
15347
- },
15364
+ onClick: handleLinkClick,
15348
15365
  className: "dropdown__element",
15349
15366
  key: categoryElement.name
15350
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
15367
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
15351
15368
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
15352
- onClick: function onClick() {
15353
- return setSubMenuOpen(false);
15354
- },
15369
+ onClick: handleLinkClick,
15355
15370
  className: "dropdown__element",
15356
15371
  key: categoryElement.name
15357
15372
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -15359,18 +15374,14 @@
15359
15374
  className: "side-nav__elements"
15360
15375
  }, /*#__PURE__*/React__default.createElement("div", {
15361
15376
  className: "side-nav__sub-menu-title"
15362
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
15377
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
15363
15378
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
15364
- onClick: function onClick() {
15365
- return setSubMenuOpen(false);
15366
- },
15379
+ onClick: handleLinkClick,
15367
15380
  className: "side-nav__element"
15368
15381
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
15369
- return /*#__PURE__*/React__default.createElement(LinkComponent, {
15382
+ return /*#__PURE__*/React__default.createElement("a", {
15370
15383
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
15371
- onClick: function onClick() {
15372
- return setSubMenuOpen(false);
15373
- },
15384
+ onClick: handleLinkClick,
15374
15385
  className: "side-nav__element"
15375
15386
  }, brand.name);
15376
15387
  })))));
@@ -15392,7 +15403,6 @@
15392
15403
  showSideNav = _ref.showSideNav,
15393
15404
  onMenuClick = _ref.onMenuClick,
15394
15405
  menuData = _ref.menuData,
15395
- LinkComponent = _ref.LinkComponent,
15396
15406
  currency = _ref.currency,
15397
15407
  currencyOptions = _ref.currencyOptions,
15398
15408
  onCurrencyChange = _ref.onCurrencyChange,
@@ -15455,7 +15465,7 @@
15455
15465
  setSubMenuOpen(false);
15456
15466
  setDisplayedSubMenu('');
15457
15467
 
15458
- if (e.key === 'Enter') {
15468
+ if (e && e.key === 'Enter') {
15459
15469
  e.preventDefault();
15460
15470
  }
15461
15471
  };
@@ -15659,8 +15669,7 @@
15659
15669
  categorySlug: displayedSubMenu,
15660
15670
  isLoading: loading,
15661
15671
  hasError: hasError,
15662
- LinkComponent: LinkComponent,
15663
- setSubMenuOpen: onCloseSideNav
15672
+ onCloseSideNav: onCloseSideNav
15664
15673
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15665
15674
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
15666
15675
  onBackClick: onBackClick,
@@ -15673,8 +15682,7 @@
15673
15682
  categorySlug: displayedSubMenu,
15674
15683
  isLoading: loading,
15675
15684
  hasError: hasError,
15676
- LinkComponent: LinkComponent,
15677
- setSubMenuOpen: onCloseSideNav
15685
+ onCloseSideNav: onCloseSideNav
15678
15686
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15679
15687
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
15680
15688
  onBackClick: onBackClick,
@@ -15687,8 +15695,7 @@
15687
15695
  categorySlug: displayedSubMenu,
15688
15696
  isLoading: loading,
15689
15697
  hasError: hasError,
15690
- LinkComponent: LinkComponent,
15691
- setSubMenuOpen: onCloseSideNav
15698
+ onCloseSideNav: onCloseSideNav
15692
15699
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15693
15700
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
15694
15701
  onBackClick: onBackClick,
@@ -15701,8 +15708,7 @@
15701
15708
  categorySlug: displayedSubMenu,
15702
15709
  isLoading: loading,
15703
15710
  hasError: hasError,
15704
- LinkComponent: LinkComponent,
15705
- setSubMenuOpen: onCloseSideNav
15711
+ onCloseSideNav: onCloseSideNav
15706
15712
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15707
15713
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
15708
15714
  onBackClick: onBackClick,
@@ -15715,8 +15721,7 @@
15715
15721
  categorySlug: displayedSubMenu,
15716
15722
  isLoading: loading,
15717
15723
  hasError: hasError,
15718
- LinkComponent: LinkComponent,
15719
- setSubMenuOpen: onCloseSideNav
15724
+ onCloseSideNav: onCloseSideNav
15720
15725
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15721
15726
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
15722
15727
  onBackClick: onBackClick,
@@ -15729,8 +15734,7 @@
15729
15734
  categorySlug: displayedSubMenu,
15730
15735
  isLoading: loading,
15731
15736
  hasError: hasError,
15732
- LinkComponent: LinkComponent,
15733
- setSubMenuOpen: onCloseSideNav
15737
+ onCloseSideNav: onCloseSideNav
15734
15738
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
15735
15739
  className: "side-nav__content"
15736
15740
  }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
@@ -15964,7 +15968,6 @@
15964
15968
  onSubmissionsClick = _ref.onSubmissionsClick,
15965
15969
  onPastSalesClick = _ref.onPastSalesClick,
15966
15970
  onPaidOutClick = _ref.onPaidOutClick,
15967
- LinkComponent = _ref.LinkComponent,
15968
15971
  currency = _ref.currency,
15969
15972
  currencyOptions = _ref.currencyOptions,
15970
15973
  onCurrencyChange = _ref.onCurrencyChange,
@@ -16251,7 +16254,6 @@
16251
16254
  onMenuClick: onMenuClick,
16252
16255
  endpoint: endpoint,
16253
16256
  menuData: menuData,
16254
- LinkComponent: LinkComponent,
16255
16257
  currency: currency,
16256
16258
  currencyOptions: currencyOptions,
16257
16259
  onCurrencyChange: onCurrencyChange,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.34.5",
3
+ "version": "2.34.7",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",