@bonlineza/luxity-lib 2.34.6 → 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.
- package/LuxityDesktopHeader.js +72 -61
- package/build/bundle.css +1 -1
- package/build/bundle.js +72 -61
- 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(
|
|
906
|
-
|
|
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
|
-
})
|
|
923
|
-
|
|
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
|
-
})
|
|
940
|
-
|
|
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
|
-
})
|
|
957
|
-
|
|
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
|
-
})
|
|
974
|
-
|
|
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
|
-
})
|
|
991
|
-
|
|
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
|
-
})
|
|
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
|
-
})),
|
|
1053
|
+
})), name && /*#__PURE__*/React__default.createElement("button", {
|
|
1043
1054
|
type: "button",
|
|
1044
1055
|
className: "mr-3",
|
|
1045
1056
|
onClick: onAccountClick
|
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: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}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__vip-icon{height:16px;position:absolute;right:-12px;top:-4px;width:16px}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;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%}.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)}}.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}
|
|
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(
|
|
15078
|
-
|
|
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
|
-
})
|
|
15095
|
-
|
|
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
|
-
})
|
|
15112
|
-
|
|
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
|
-
})
|
|
15129
|
-
|
|
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
|
-
})
|
|
15146
|
-
|
|
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
|
-
})
|
|
15163
|
-
|
|
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
|
-
})
|
|
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
|
-
})),
|
|
15225
|
+
})), name && /*#__PURE__*/React__default.createElement("button", {
|
|
15215
15226
|
type: "button",
|
|
15216
15227
|
className: "mr-3",
|
|
15217
15228
|
onClick: onAccountClick
|