@bonlineza/luxity-lib 2.33.2 → 2.33.4

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 (8) hide show
  1. package/LuxityDesktopHeader.js +1 -1
  2. package/LuxityMobileHeader.js +44 -13
  3. package/LuxitySideNav.js +41 -12
  4. package/build/.gitignore +3 -0
  5. package/build/.npmignore +0 -0
  6. package/build/bundle.css +1 -1
  7. package/build/bundle.js +45 -14
  8. package/package.json +1 -1
package/LuxityDesktopHeader.js CHANGED
@@ -757,7 +757,7 @@
757
757
  }))), /*#__PURE__*/React__default.createElement("li", {
758
758
  className: "navbar__link"
759
759
  }, /*#__PURE__*/React__default.createElement("a", {
760
- href: "/contact-us",
760
+ href: contactUsLink,
761
761
  className: "navbar__link-item navbar__link-item--desktop"
762
762
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
763
763
  className: "navbar__dropdown"
package/LuxityMobileHeader.js CHANGED
@@ -462,7 +462,9 @@
462
462
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
463
463
  categorySlug = _ref.categorySlug,
464
464
  isLoading = _ref.isLoading,
465
- hasError = _ref.hasError;
465
+ hasError = _ref.hasError,
466
+ LinkComponent = _ref.LinkComponent,
467
+ setSubMenuOpen = _ref.setSubMenuOpen;
466
468
  return /*#__PURE__*/React__default.createElement("div", {
467
469
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
468
470
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -488,12 +490,18 @@
488
490
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
489
491
  className: "side-nav__elements"
490
492
  }, categoryElements.map(function (categoryElement) {
491
- return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
493
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
492
494
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
495
+ onClick: function onClick() {
496
+ return setSubMenuOpen(false);
497
+ },
493
498
  className: "dropdown__element",
494
499
  key: categoryElement.name
495
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
500
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
496
501
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
502
+ onClick: function onClick() {
503
+ return setSubMenuOpen(false);
504
+ },
497
505
  className: "dropdown__element",
498
506
  key: categoryElement.name
499
507
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -501,12 +509,18 @@
501
509
  className: "side-nav__elements"
502
510
  }, /*#__PURE__*/React__default.createElement("div", {
503
511
  className: "side-nav__sub-menu-title"
504
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
512
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
505
513
  href: "".concat(productUrl, "/").concat(categorySlug),
514
+ onClick: function onClick() {
515
+ return setSubMenuOpen(false);
516
+ },
506
517
  className: "side-nav__element"
507
518
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
508
- return /*#__PURE__*/React__default.createElement("a", {
519
+ return /*#__PURE__*/React__default.createElement(LinkComponent, {
509
520
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
521
+ onClick: function onClick() {
522
+ return setSubMenuOpen(false);
523
+ },
510
524
  className: "side-nav__element"
511
525
  }, brand.name);
512
526
  })))));
@@ -558,7 +572,8 @@
558
572
  categoryElements = _ref.categoryElements,
559
573
  showSideNav = _ref.showSideNav,
560
574
  onMenuClick = _ref.onMenuClick,
561
- menuData = _ref.menuData;
575
+ menuData = _ref.menuData,
576
+ LinkComponent = _ref.LinkComponent;
562
577
 
563
578
  var _useState = React.useState(false),
564
579
  _useState2 = _slicedToArray(_useState, 2),
@@ -613,6 +628,8 @@
613
628
 
614
629
  var onCloseSideNav = function onCloseSideNav(e) {
615
630
  onMenuClick();
631
+ setSubMenuOpen(false);
632
+ setDisplayedSubMenu('');
616
633
 
617
634
  if (e.key === 'Enter') {
618
635
  e.preventDefault();
@@ -808,7 +825,9 @@
808
825
  brandsList: dropdownData.latestArrivals,
809
826
  categorySlug: displayedSubMenu,
810
827
  isLoading: loading,
811
- hasError: hasError
828
+ hasError: hasError,
829
+ LinkComponent: LinkComponent,
830
+ setSubMenuOpen: onCloseSideNav
812
831
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
813
832
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
814
833
  onBackClick: onBackClick,
@@ -820,7 +839,9 @@
820
839
  brandsList: dropdownData.bags,
821
840
  categorySlug: displayedSubMenu,
822
841
  isLoading: loading,
823
- hasError: hasError
842
+ hasError: hasError,
843
+ LinkComponent: LinkComponent,
844
+ setSubMenuOpen: onCloseSideNav
824
845
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
825
846
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
826
847
  onBackClick: onBackClick,
@@ -832,7 +853,9 @@
832
853
  brandsList: dropdownData.shoes,
833
854
  categorySlug: displayedSubMenu,
834
855
  isLoading: loading,
835
- hasError: hasError
856
+ hasError: hasError,
857
+ LinkComponent: LinkComponent,
858
+ setSubMenuOpen: onCloseSideNav
836
859
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
837
860
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
838
861
  onBackClick: onBackClick,
@@ -844,7 +867,9 @@
844
867
  brandsList: dropdownData.apparel,
845
868
  categorySlug: displayedSubMenu,
846
869
  isLoading: loading,
847
- hasError: hasError
870
+ hasError: hasError,
871
+ LinkComponent: LinkComponent,
872
+ setSubMenuOpen: onCloseSideNav
848
873
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
849
874
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
850
875
  onBackClick: onBackClick,
@@ -856,7 +881,9 @@
856
881
  brandsList: dropdownData.accessories,
857
882
  categorySlug: displayedSubMenu,
858
883
  isLoading: loading,
859
- hasError: hasError
884
+ hasError: hasError,
885
+ LinkComponent: LinkComponent,
886
+ setSubMenuOpen: onCloseSideNav
860
887
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
861
888
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
862
889
  onBackClick: onBackClick,
@@ -868,7 +895,9 @@
868
895
  brandsList: dropdownData.watches,
869
896
  categorySlug: displayedSubMenu,
870
897
  isLoading: loading,
871
- hasError: hasError
898
+ hasError: hasError,
899
+ LinkComponent: LinkComponent,
900
+ setSubMenuOpen: onCloseSideNav
872
901
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
873
902
  className: "side-nav__content"
874
903
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -980,6 +1009,7 @@
980
1009
  onPastOrdersClick = _ref.onPastOrdersClick,
981
1010
  onPastSalesClick = _ref.onPastSalesClick,
982
1011
  onPaidOutClick = _ref.onPaidOutClick,
1012
+ LinkComponent = _ref.LinkComponent,
983
1013
  shop = _ref.shop,
984
1014
  app = _ref.app;
985
1015
 
@@ -1229,7 +1259,8 @@
1229
1259
  showSideNav: showSideNav,
1230
1260
  onMenuClick: onMenuClick,
1231
1261
  endpoint: endpoint,
1232
- menuData: menuData
1262
+ menuData: menuData,
1263
+ LinkComponent: LinkComponent
1233
1264
  }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
1234
1265
  accordionIcon: accordionIcon,
1235
1266
  closeIcon: closeIcon,
package/LuxitySideNav.js CHANGED
@@ -160,7 +160,9 @@
160
160
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
161
161
  categorySlug = _ref.categorySlug,
162
162
  isLoading = _ref.isLoading,
163
- hasError = _ref.hasError;
163
+ hasError = _ref.hasError,
164
+ LinkComponent = _ref.LinkComponent,
165
+ setSubMenuOpen = _ref.setSubMenuOpen;
164
166
  return /*#__PURE__*/React__default.createElement("div", {
165
167
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
166
168
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -186,12 +188,18 @@
186
188
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
187
189
  className: "side-nav__elements"
188
190
  }, categoryElements.map(function (categoryElement) {
189
- return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
191
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
190
192
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
193
+ onClick: function onClick() {
194
+ return setSubMenuOpen(false);
195
+ },
191
196
  className: "dropdown__element",
192
197
  key: categoryElement.name
193
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
198
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
194
199
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
200
+ onClick: function onClick() {
201
+ return setSubMenuOpen(false);
202
+ },
195
203
  className: "dropdown__element",
196
204
  key: categoryElement.name
197
205
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -199,12 +207,18 @@
199
207
  className: "side-nav__elements"
200
208
  }, /*#__PURE__*/React__default.createElement("div", {
201
209
  className: "side-nav__sub-menu-title"
202
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
210
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
203
211
  href: "".concat(productUrl, "/").concat(categorySlug),
212
+ onClick: function onClick() {
213
+ return setSubMenuOpen(false);
214
+ },
204
215
  className: "side-nav__element"
205
216
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
206
- return /*#__PURE__*/React__default.createElement("a", {
217
+ return /*#__PURE__*/React__default.createElement(LinkComponent, {
207
218
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
219
+ onClick: function onClick() {
220
+ return setSubMenuOpen(false);
221
+ },
208
222
  className: "side-nav__element"
209
223
  }, brand.name);
210
224
  })))));
@@ -256,7 +270,8 @@
256
270
  categoryElements = _ref.categoryElements,
257
271
  showSideNav = _ref.showSideNav,
258
272
  onMenuClick = _ref.onMenuClick,
259
- menuData = _ref.menuData;
273
+ menuData = _ref.menuData,
274
+ LinkComponent = _ref.LinkComponent;
260
275
 
261
276
  var _useState = React.useState(false),
262
277
  _useState2 = _slicedToArray(_useState, 2),
@@ -311,6 +326,8 @@
311
326
 
312
327
  var onCloseSideNav = function onCloseSideNav(e) {
313
328
  onMenuClick();
329
+ setSubMenuOpen(false);
330
+ setDisplayedSubMenu('');
314
331
 
315
332
  if (e.key === 'Enter') {
316
333
  e.preventDefault();
@@ -506,7 +523,9 @@
506
523
  brandsList: dropdownData.latestArrivals,
507
524
  categorySlug: displayedSubMenu,
508
525
  isLoading: loading,
509
- hasError: hasError
526
+ hasError: hasError,
527
+ LinkComponent: LinkComponent,
528
+ setSubMenuOpen: onCloseSideNav
510
529
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
511
530
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
512
531
  onBackClick: onBackClick,
@@ -518,7 +537,9 @@
518
537
  brandsList: dropdownData.bags,
519
538
  categorySlug: displayedSubMenu,
520
539
  isLoading: loading,
521
- hasError: hasError
540
+ hasError: hasError,
541
+ LinkComponent: LinkComponent,
542
+ setSubMenuOpen: onCloseSideNav
522
543
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
523
544
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
524
545
  onBackClick: onBackClick,
@@ -530,7 +551,9 @@
530
551
  brandsList: dropdownData.shoes,
531
552
  categorySlug: displayedSubMenu,
532
553
  isLoading: loading,
533
- hasError: hasError
554
+ hasError: hasError,
555
+ LinkComponent: LinkComponent,
556
+ setSubMenuOpen: onCloseSideNav
534
557
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
535
558
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
536
559
  onBackClick: onBackClick,
@@ -542,7 +565,9 @@
542
565
  brandsList: dropdownData.apparel,
543
566
  categorySlug: displayedSubMenu,
544
567
  isLoading: loading,
545
- hasError: hasError
568
+ hasError: hasError,
569
+ LinkComponent: LinkComponent,
570
+ setSubMenuOpen: onCloseSideNav
546
571
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
547
572
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
548
573
  onBackClick: onBackClick,
@@ -554,7 +579,9 @@
554
579
  brandsList: dropdownData.accessories,
555
580
  categorySlug: displayedSubMenu,
556
581
  isLoading: loading,
557
- hasError: hasError
582
+ hasError: hasError,
583
+ LinkComponent: LinkComponent,
584
+ setSubMenuOpen: onCloseSideNav
558
585
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
559
586
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
560
587
  onBackClick: onBackClick,
@@ -566,7 +593,9 @@
566
593
  brandsList: dropdownData.watches,
567
594
  categorySlug: displayedSubMenu,
568
595
  isLoading: loading,
569
- hasError: hasError
596
+ hasError: hasError,
597
+ LinkComponent: LinkComponent,
598
+ setSubMenuOpen: onCloseSideNav
570
599
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
571
600
  className: "side-nav__content"
572
601
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
package/build/.gitignore ADDED
@@ -0,0 +1,3 @@
1
+ bundle.css
2
+ bundle.js
3
+ constants.js
package/build/.npmignore ADDED
File without changes
package/build/bundle.css CHANGED
@@ -1 +1 @@
1
- .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:15px;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:13px;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}.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%}.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__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;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)}}
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__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.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%}.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:15px;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:13px;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}.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}}.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
@@ -15051,7 +15051,7 @@
15051
15051
  }))), /*#__PURE__*/React__default.createElement("li", {
15052
15052
  className: "navbar__link"
15053
15053
  }, /*#__PURE__*/React__default.createElement("a", {
15054
- href: "/contact-us",
15054
+ href: contactUsLink,
15055
15055
  className: "navbar__link-item navbar__link-item--desktop"
15056
15056
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
15057
15057
  className: "navbar__dropdown"
@@ -15164,7 +15164,9 @@
15164
15164
  brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
15165
15165
  categorySlug = _ref.categorySlug,
15166
15166
  isLoading = _ref.isLoading,
15167
- hasError = _ref.hasError;
15167
+ hasError = _ref.hasError,
15168
+ LinkComponent = _ref.LinkComponent,
15169
+ setSubMenuOpen = _ref.setSubMenuOpen;
15168
15170
  return /*#__PURE__*/React__default.createElement("div", {
15169
15171
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
15170
15172
  }, hasError ? /*#__PURE__*/React__default.createElement("div", {
@@ -15190,12 +15192,18 @@
15190
15192
  }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
15191
15193
  className: "side-nav__elements"
15192
15194
  }, categoryElements.map(function (categoryElement) {
15193
- return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
15195
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement(LinkComponent, {
15194
15196
  href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
15197
+ onClick: function onClick() {
15198
+ return setSubMenuOpen(false);
15199
+ },
15195
15200
  className: "dropdown__element",
15196
15201
  key: categoryElement.name
15197
- }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
15202
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement(LinkComponent, {
15198
15203
  href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
15204
+ onClick: function onClick() {
15205
+ return setSubMenuOpen(false);
15206
+ },
15199
15207
  className: "dropdown__element",
15200
15208
  key: categoryElement.name
15201
15209
  }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
@@ -15203,12 +15211,18 @@
15203
15211
  className: "side-nav__elements"
15204
15212
  }, /*#__PURE__*/React__default.createElement("div", {
15205
15213
  className: "side-nav__sub-menu-title"
15206
- }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
15214
+ }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
15207
15215
  href: "".concat(productUrl, "/").concat(categorySlug),
15216
+ onClick: function onClick() {
15217
+ return setSubMenuOpen(false);
15218
+ },
15208
15219
  className: "side-nav__element"
15209
15220
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
15210
- return /*#__PURE__*/React__default.createElement("a", {
15221
+ return /*#__PURE__*/React__default.createElement(LinkComponent, {
15211
15222
  href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug, "/").concat(brand.slug),
15223
+ onClick: function onClick() {
15224
+ return setSubMenuOpen(false);
15225
+ },
15212
15226
  className: "side-nav__element"
15213
15227
  }, brand.name);
15214
15228
  })))));
@@ -15229,7 +15243,8 @@
15229
15243
  categoryElements = _ref.categoryElements,
15230
15244
  showSideNav = _ref.showSideNav,
15231
15245
  onMenuClick = _ref.onMenuClick,
15232
- menuData = _ref.menuData;
15246
+ menuData = _ref.menuData,
15247
+ LinkComponent = _ref.LinkComponent;
15233
15248
 
15234
15249
  var _useState = React.useState(false),
15235
15250
  _useState2 = _slicedToArray(_useState, 2),
@@ -15284,6 +15299,8 @@
15284
15299
 
15285
15300
  var onCloseSideNav = function onCloseSideNav(e) {
15286
15301
  onMenuClick();
15302
+ setSubMenuOpen(false);
15303
+ setDisplayedSubMenu('');
15287
15304
 
15288
15305
  if (e.key === 'Enter') {
15289
15306
  e.preventDefault();
@@ -15479,7 +15496,9 @@
15479
15496
  brandsList: dropdownData.latestArrivals,
15480
15497
  categorySlug: displayedSubMenu,
15481
15498
  isLoading: loading,
15482
- hasError: hasError
15499
+ hasError: hasError,
15500
+ LinkComponent: LinkComponent,
15501
+ setSubMenuOpen: onCloseSideNav
15483
15502
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15484
15503
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
15485
15504
  onBackClick: onBackClick,
@@ -15491,7 +15510,9 @@
15491
15510
  brandsList: dropdownData.bags,
15492
15511
  categorySlug: displayedSubMenu,
15493
15512
  isLoading: loading,
15494
- hasError: hasError
15513
+ hasError: hasError,
15514
+ LinkComponent: LinkComponent,
15515
+ setSubMenuOpen: onCloseSideNav
15495
15516
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15496
15517
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
15497
15518
  onBackClick: onBackClick,
@@ -15503,7 +15524,9 @@
15503
15524
  brandsList: dropdownData.shoes,
15504
15525
  categorySlug: displayedSubMenu,
15505
15526
  isLoading: loading,
15506
- hasError: hasError
15527
+ hasError: hasError,
15528
+ LinkComponent: LinkComponent,
15529
+ setSubMenuOpen: onCloseSideNav
15507
15530
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15508
15531
  subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
15509
15532
  onBackClick: onBackClick,
@@ -15515,7 +15538,9 @@
15515
15538
  brandsList: dropdownData.apparel,
15516
15539
  categorySlug: displayedSubMenu,
15517
15540
  isLoading: loading,
15518
- hasError: hasError
15541
+ hasError: hasError,
15542
+ LinkComponent: LinkComponent,
15543
+ setSubMenuOpen: onCloseSideNav
15519
15544
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15520
15545
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
15521
15546
  onBackClick: onBackClick,
@@ -15527,7 +15552,9 @@
15527
15552
  brandsList: dropdownData.accessories,
15528
15553
  categorySlug: displayedSubMenu,
15529
15554
  isLoading: loading,
15530
- hasError: hasError
15555
+ hasError: hasError,
15556
+ LinkComponent: LinkComponent,
15557
+ setSubMenuOpen: onCloseSideNav
15531
15558
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15532
15559
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
15533
15560
  onBackClick: onBackClick,
@@ -15539,7 +15566,9 @@
15539
15566
  brandsList: dropdownData.watches,
15540
15567
  categorySlug: displayedSubMenu,
15541
15568
  isLoading: loading,
15542
- hasError: hasError
15569
+ hasError: hasError,
15570
+ LinkComponent: LinkComponent,
15571
+ setSubMenuOpen: onCloseSideNav
15543
15572
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
15544
15573
  className: "side-nav__content"
15545
15574
  }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
@@ -15763,6 +15792,7 @@
15763
15792
  onPastOrdersClick = _ref.onPastOrdersClick,
15764
15793
  onPastSalesClick = _ref.onPastSalesClick,
15765
15794
  onPaidOutClick = _ref.onPaidOutClick,
15795
+ LinkComponent = _ref.LinkComponent,
15766
15796
  shop = _ref.shop,
15767
15797
  app = _ref.app;
15768
15798
 
@@ -16012,7 +16042,8 @@
16012
16042
  showSideNav: showSideNav,
16013
16043
  onMenuClick: onMenuClick,
16014
16044
  endpoint: endpoint,
16015
- menuData: menuData
16045
+ menuData: menuData,
16046
+ LinkComponent: LinkComponent
16016
16047
  }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
16017
16048
  accordionIcon: accordionIcon,
16018
16049
  closeIcon: closeIcon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.33.2",
3
+ "version": "2.33.4",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",