@bonlineza/luxity-lib 2.31.1 → 2.31.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LuxityDesktopHeader.js +69 -12
- package/LuxityFooter.js +13 -5
- package/LuxityMobileHeader.js +32 -13
- package/LuxitySideNav.js +21 -10
- package/build/bundle.css +1 -1
- package/build/bundle.js +73 -31
- package/package.json +1 -1
package/LuxityDesktopHeader.js
CHANGED
|
@@ -6,6 +6,47 @@
|
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
|
|
9
|
+
function ownKeys(object, enumerableOnly) {
|
|
10
|
+
var keys = Object.keys(object);
|
|
11
|
+
|
|
12
|
+
if (Object.getOwnPropertySymbols) {
|
|
13
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
14
|
+
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
15
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
16
|
+
})), keys.push.apply(keys, symbols);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
return keys;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function _objectSpread2(target) {
|
|
23
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
24
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
25
|
+
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
|
|
26
|
+
_defineProperty(target, key, source[key]);
|
|
27
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
|
|
28
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return target;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function _defineProperty(obj, key, value) {
|
|
36
|
+
if (key in obj) {
|
|
37
|
+
Object.defineProperty(obj, key, {
|
|
38
|
+
value: value,
|
|
39
|
+
enumerable: true,
|
|
40
|
+
configurable: true,
|
|
41
|
+
writable: true
|
|
42
|
+
});
|
|
43
|
+
} else {
|
|
44
|
+
obj[key] = value;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
return obj;
|
|
48
|
+
}
|
|
49
|
+
|
|
9
50
|
function _slicedToArray(arr, i) {
|
|
10
51
|
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
11
52
|
}
|
|
@@ -83,12 +124,16 @@
|
|
|
83
124
|
className: "dropdown__title"
|
|
84
125
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
85
126
|
className: "dropdown__elements dropdown__elements--column"
|
|
86
|
-
}, !!categoryElements.length && categoryElements.map(function (
|
|
87
|
-
return /*#__PURE__*/React__default.createElement("a", {
|
|
88
|
-
href: "".concat(productsUrl, "/").concat(category === null ||
|
|
127
|
+
}, !!categoryElements.length && categoryElements.map(function (categoryElement) {
|
|
128
|
+
return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
|
|
129
|
+
href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
|
|
130
|
+
className: "dropdown__element",
|
|
131
|
+
key: categoryElement.name
|
|
132
|
+
}, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name) : /*#__PURE__*/React__default.createElement("a", {
|
|
133
|
+
href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
|
|
89
134
|
className: "dropdown__element",
|
|
90
|
-
key:
|
|
91
|
-
},
|
|
135
|
+
key: categoryElement.name
|
|
136
|
+
}, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name);
|
|
92
137
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
93
138
|
className: "dropdown__column"
|
|
94
139
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -100,7 +145,7 @@
|
|
|
100
145
|
className: "dropdown__element"
|
|
101
146
|
}, "All ", categoryTitle), !!brandElements.length && brandElements.map(function (brand) {
|
|
102
147
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
103
|
-
href: "".concat(productsUrl, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
|
|
148
|
+
href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
|
|
104
149
|
className: "dropdown__element",
|
|
105
150
|
key: brand.name
|
|
106
151
|
}, brand === null || brand === void 0 ? void 0 : brand.name);
|
|
@@ -191,6 +236,7 @@
|
|
|
191
236
|
clothingElements = _ref.clothingElements,
|
|
192
237
|
accessoriesElements = _ref.accessoriesElements,
|
|
193
238
|
accessoriesCategoryElements = _ref.accessoriesCategoryElements,
|
|
239
|
+
apparelStylesElements = _ref.apparelStylesElements,
|
|
194
240
|
watchesElements = _ref.watchesElements,
|
|
195
241
|
newBrandsImage = _ref.newBrandsImage,
|
|
196
242
|
bagsImage = _ref.bagsImage,
|
|
@@ -209,7 +255,8 @@
|
|
|
209
255
|
ourStoryLink = _ref.ourStoryLink,
|
|
210
256
|
blogLink = _ref.blogLink,
|
|
211
257
|
contactUsLink = _ref.contactUsLink,
|
|
212
|
-
sellToUsLink = _ref.sellToUsLink
|
|
258
|
+
sellToUsLink = _ref.sellToUsLink,
|
|
259
|
+
onLogoClick = _ref.onLogoClick;
|
|
213
260
|
|
|
214
261
|
var _useState = React.useState(''),
|
|
215
262
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -226,13 +273,23 @@
|
|
|
226
273
|
}
|
|
227
274
|
};
|
|
228
275
|
|
|
276
|
+
function addCategoryToElements(elements, categoryName) {
|
|
277
|
+
return elements.map(function (element) {
|
|
278
|
+
return _objectSpread2(_objectSpread2({}, element), {}, {
|
|
279
|
+
category: categoryName
|
|
280
|
+
});
|
|
281
|
+
});
|
|
282
|
+
}
|
|
283
|
+
|
|
229
284
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
230
285
|
className: "navbar"
|
|
231
286
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
232
287
|
className: "navbar__container"
|
|
233
288
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
234
289
|
className: "navbar__logo-wrapper"
|
|
235
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
290
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
291
|
+
type: "button",
|
|
292
|
+
onClick: onLogoClick,
|
|
236
293
|
className: "navbar__logo"
|
|
237
294
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
238
295
|
src: logoSrc,
|
|
@@ -281,7 +338,7 @@
|
|
|
281
338
|
}, /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
282
339
|
title: "Department",
|
|
283
340
|
imageSrc: bagsImage,
|
|
284
|
-
categoryElements: categoryElements,
|
|
341
|
+
categoryElements: addCategoryToElements(categoryElements, categories.bags.slug),
|
|
285
342
|
brandElements: bagsElements,
|
|
286
343
|
productsUrl: productsUrl,
|
|
287
344
|
categorySlug: categories.bags.slug,
|
|
@@ -296,7 +353,7 @@
|
|
|
296
353
|
}, /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
297
354
|
title: "Department",
|
|
298
355
|
imageSrc: shoesImage,
|
|
299
|
-
categoryElements: categoryElements,
|
|
356
|
+
categoryElements: addCategoryToElements(categoryElements, categories.shoes.slug),
|
|
300
357
|
brandElements: shoesElements,
|
|
301
358
|
productsUrl: productsUrl,
|
|
302
359
|
categorySlug: categories.shoes.slug,
|
|
@@ -311,7 +368,7 @@
|
|
|
311
368
|
}, /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
312
369
|
title: "Department",
|
|
313
370
|
imageSrc: clothingImage,
|
|
314
|
-
categoryElements:
|
|
371
|
+
categoryElements: apparelStylesElements,
|
|
315
372
|
brandElements: clothingElements,
|
|
316
373
|
productsUrl: productsUrl,
|
|
317
374
|
categorySlug: categories.clothing.slug,
|
|
@@ -341,7 +398,7 @@
|
|
|
341
398
|
}, /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
342
399
|
title: "Department",
|
|
343
400
|
imageSrc: watchesImage,
|
|
344
|
-
categoryElements: categoryElements,
|
|
401
|
+
categoryElements: addCategoryToElements(categoryElements, categories.watches.slug),
|
|
345
402
|
brandElements: watchesElements,
|
|
346
403
|
productsUrl: productsUrl,
|
|
347
404
|
categorySlug: categories.watches.slug,
|
package/LuxityFooter.js
CHANGED
|
@@ -1903,8 +1903,14 @@
|
|
|
1903
1903
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
1904
1904
|
className: "footer__links"
|
|
1905
1905
|
}, !!links.length && links.map(function (link) {
|
|
1906
|
-
return /*#__PURE__*/React__default.createElement(
|
|
1907
|
-
|
|
1906
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
1907
|
+
className: "footer__link-wrapper",
|
|
1908
|
+
key: link.label
|
|
1909
|
+
}, link.icon && /*#__PURE__*/React__default.createElement("img", {
|
|
1910
|
+
className: "footer__link-icon",
|
|
1911
|
+
src: link.icon,
|
|
1912
|
+
alt: link.label
|
|
1913
|
+
}), /*#__PURE__*/React__default.createElement(GALink, {
|
|
1908
1914
|
instance: link.instance,
|
|
1909
1915
|
href: link.href,
|
|
1910
1916
|
label: link.label,
|
|
@@ -1914,12 +1920,14 @@
|
|
|
1914
1920
|
target: link.target
|
|
1915
1921
|
}, link.iconClassName && /*#__PURE__*/React__default.createElement("i", {
|
|
1916
1922
|
className: link.iconClassName
|
|
1917
|
-
}), link.label);
|
|
1923
|
+
}), link.label));
|
|
1918
1924
|
})));
|
|
1919
1925
|
};
|
|
1920
1926
|
|
|
1921
1927
|
return /*#__PURE__*/React__default.createElement(FooterWrapper, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
|
|
1922
1928
|
className: "footer__newsletter-section"
|
|
1929
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1930
|
+
className: "footer__newsletter-wrapper"
|
|
1923
1931
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1924
1932
|
className: "footer__title-wrapper"
|
|
1925
1933
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -1947,7 +1955,7 @@
|
|
|
1947
1955
|
className: "footer__newsletter-icon",
|
|
1948
1956
|
src: formIconSrc,
|
|
1949
1957
|
alt: "submit"
|
|
1950
|
-
}))))), /*#__PURE__*/React__default.createElement("div", {
|
|
1958
|
+
})))))), /*#__PURE__*/React__default.createElement("div", {
|
|
1951
1959
|
className: "footer__wrapper footer__wrapper--desktop"
|
|
1952
1960
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1953
1961
|
className: "footer__main-section"
|
|
@@ -2006,7 +2014,7 @@
|
|
|
2006
2014
|
className: "footer__link-container"
|
|
2007
2015
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2008
2016
|
className: "footer__link-title"
|
|
2009
|
-
}, "We love"), /*#__PURE__*/React__default.createElement("div", {
|
|
2017
|
+
}, "We love..."), /*#__PURE__*/React__default.createElement("div", {
|
|
2010
2018
|
className: "footer__links"
|
|
2011
2019
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2012
2020
|
className: "footer__text"
|
package/LuxityMobileHeader.js
CHANGED
|
@@ -115,7 +115,8 @@
|
|
|
115
115
|
categoryElements = _ref.categoryElements,
|
|
116
116
|
subMenuBrandsTitle = _ref.subMenuBrandsTitle,
|
|
117
117
|
_ref$brandsList = _ref.brandsList,
|
|
118
|
-
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList
|
|
118
|
+
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
|
|
119
|
+
categorySlug = _ref.categorySlug;
|
|
119
120
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
120
121
|
className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
|
|
121
122
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -150,7 +151,7 @@
|
|
|
150
151
|
className: "side-nav__element"
|
|
151
152
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
152
153
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
153
|
-
href: "".concat(productUrl, "/").concat(brand.slug),
|
|
154
|
+
href: "".concat(productUrl, "/").concat(categorySlug, "/").concat(brand.slug),
|
|
154
155
|
className: "side-nav__element"
|
|
155
156
|
}, brand.name);
|
|
156
157
|
})))));
|
|
@@ -180,6 +181,10 @@
|
|
|
180
181
|
accessoriesBrandsList = _ref$accessoriesBrand === void 0 ? [] : _ref$accessoriesBrand,
|
|
181
182
|
_ref$watchesBrandsLis = _ref.watchesBrandsList,
|
|
182
183
|
watchesBrandsList = _ref$watchesBrandsLis === void 0 ? [] : _ref$watchesBrandsLis,
|
|
184
|
+
_ref$accessoriesCateg = _ref.accessoriesCategoryElements,
|
|
185
|
+
accessoriesCategoryElements = _ref$accessoriesCateg === void 0 ? [] : _ref$accessoriesCateg,
|
|
186
|
+
_ref$apparelStylesEle = _ref.apparelStylesElements,
|
|
187
|
+
apparelStylesElements = _ref$apparelStylesEle === void 0 ? [] : _ref$apparelStylesEle,
|
|
183
188
|
showSideNav = _ref.showSideNav,
|
|
184
189
|
onMenuClick = _ref.onMenuClick;
|
|
185
190
|
|
|
@@ -363,7 +368,8 @@
|
|
|
363
368
|
productUrl: productUrl,
|
|
364
369
|
categoryElements: categoryElements,
|
|
365
370
|
subMenuBrandsTitle: "Brands",
|
|
366
|
-
brandsList: newBrandsList
|
|
371
|
+
brandsList: newBrandsList,
|
|
372
|
+
categorySlug: displayedSubMenu
|
|
367
373
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
368
374
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
|
|
369
375
|
onBackClick: onBackClick,
|
|
@@ -372,7 +378,8 @@
|
|
|
372
378
|
productUrl: productUrl,
|
|
373
379
|
categoryElements: categoryElements,
|
|
374
380
|
subMenuBrandsTitle: "Bag Brands",
|
|
375
|
-
brandsList: bagsBrandsList
|
|
381
|
+
brandsList: bagsBrandsList,
|
|
382
|
+
categorySlug: displayedSubMenu
|
|
376
383
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
377
384
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
|
|
378
385
|
onBackClick: onBackClick,
|
|
@@ -381,25 +388,28 @@
|
|
|
381
388
|
productUrl: productUrl,
|
|
382
389
|
categoryElements: categoryElements,
|
|
383
390
|
subMenuBrandsTitle: "Shoe Brands",
|
|
384
|
-
brandsList: shoesBrandsList
|
|
391
|
+
brandsList: shoesBrandsList,
|
|
392
|
+
categorySlug: displayedSubMenu
|
|
385
393
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
386
394
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'clothing',
|
|
387
395
|
onBackClick: onBackClick,
|
|
388
396
|
backIcon: backIcon,
|
|
389
397
|
subMenuCategoryTitle: "Department",
|
|
390
398
|
productUrl: productUrl,
|
|
391
|
-
categoryElements:
|
|
399
|
+
categoryElements: apparelStylesElements,
|
|
392
400
|
subMenuBrandsTitle: "Clothing Brands",
|
|
393
|
-
brandsList: clothingBrandsList
|
|
401
|
+
brandsList: clothingBrandsList,
|
|
402
|
+
categorySlug: displayedSubMenu
|
|
394
403
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
395
404
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
|
|
396
405
|
onBackClick: onBackClick,
|
|
397
406
|
backIcon: backIcon,
|
|
398
407
|
subMenuCategoryTitle: "Categories",
|
|
399
408
|
productUrl: productUrl,
|
|
400
|
-
categoryElements:
|
|
409
|
+
categoryElements: accessoriesCategoryElements,
|
|
401
410
|
subMenuBrandsTitle: "Accessory Brands",
|
|
402
|
-
brandsList: accessoriesBrandsList
|
|
411
|
+
brandsList: accessoriesBrandsList,
|
|
412
|
+
categorySlug: displayedSubMenu
|
|
403
413
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
404
414
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
|
|
405
415
|
onBackClick: onBackClick,
|
|
@@ -408,7 +418,8 @@
|
|
|
408
418
|
productUrl: productUrl,
|
|
409
419
|
categoryElements: categoryElements,
|
|
410
420
|
subMenuBrandsTitle: "Watches Brands",
|
|
411
|
-
brandsList: watchesBrandsList
|
|
421
|
+
brandsList: watchesBrandsList,
|
|
422
|
+
categorySlug: displayedSubMenu
|
|
412
423
|
}), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
|
|
413
424
|
className: "side-nav__content"
|
|
414
425
|
}, /*#__PURE__*/React__default.createElement(StoresDropdown, {
|
|
@@ -442,7 +453,10 @@
|
|
|
442
453
|
shoesBrandsList = _ref.shoesBrandsList,
|
|
443
454
|
clothingBrandsList = _ref.clothingBrandsList,
|
|
444
455
|
accessoriesBrandsList = _ref.accessoriesBrandsList,
|
|
445
|
-
|
|
456
|
+
accessoriesCategoryElements = _ref.accessoriesCategoryElements,
|
|
457
|
+
apparelStylesElements = _ref.apparelStylesElements,
|
|
458
|
+
watchesBrandsList = _ref.watchesBrandsList,
|
|
459
|
+
onLogoClick = _ref.onLogoClick;
|
|
446
460
|
|
|
447
461
|
var _useState = React.useState(''),
|
|
448
462
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -495,7 +509,9 @@
|
|
|
495
509
|
className: "navbar__menu-icon"
|
|
496
510
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
497
511
|
className: "navbar__search-wrapper"
|
|
498
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
512
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
513
|
+
type: "button",
|
|
514
|
+
onClick: onLogoClick,
|
|
499
515
|
className: "navbar__logo"
|
|
500
516
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
501
517
|
src: logoSrc,
|
|
@@ -510,6 +526,7 @@
|
|
|
510
526
|
onClick: onSearchClick
|
|
511
527
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
512
528
|
src: inputSearchIcon,
|
|
529
|
+
className: "navbar__icon",
|
|
513
530
|
alt: "interest-icon"
|
|
514
531
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
515
532
|
type: "button",
|
|
@@ -558,7 +575,9 @@
|
|
|
558
575
|
accessoriesBrandsList: accessoriesBrandsList,
|
|
559
576
|
watchesBrandsList: watchesBrandsList,
|
|
560
577
|
showSideNav: showSideNav,
|
|
561
|
-
onMenuClick: onMenuClick
|
|
578
|
+
onMenuClick: onMenuClick,
|
|
579
|
+
accessoriesCategoryElements: accessoriesCategoryElements,
|
|
580
|
+
apparelStylesElements: apparelStylesElements
|
|
562
581
|
}));
|
|
563
582
|
};
|
|
564
583
|
|
package/LuxitySideNav.js
CHANGED
|
@@ -115,7 +115,8 @@
|
|
|
115
115
|
categoryElements = _ref.categoryElements,
|
|
116
116
|
subMenuBrandsTitle = _ref.subMenuBrandsTitle,
|
|
117
117
|
_ref$brandsList = _ref.brandsList,
|
|
118
|
-
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList
|
|
118
|
+
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
|
|
119
|
+
categorySlug = _ref.categorySlug;
|
|
119
120
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
120
121
|
className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
|
|
121
122
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -150,7 +151,7 @@
|
|
|
150
151
|
className: "side-nav__element"
|
|
151
152
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
152
153
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
153
|
-
href: "".concat(productUrl, "/").concat(brand.slug),
|
|
154
|
+
href: "".concat(productUrl, "/").concat(categorySlug, "/").concat(brand.slug),
|
|
154
155
|
className: "side-nav__element"
|
|
155
156
|
}, brand.name);
|
|
156
157
|
})))));
|
|
@@ -180,6 +181,10 @@
|
|
|
180
181
|
accessoriesBrandsList = _ref$accessoriesBrand === void 0 ? [] : _ref$accessoriesBrand,
|
|
181
182
|
_ref$watchesBrandsLis = _ref.watchesBrandsList,
|
|
182
183
|
watchesBrandsList = _ref$watchesBrandsLis === void 0 ? [] : _ref$watchesBrandsLis,
|
|
184
|
+
_ref$accessoriesCateg = _ref.accessoriesCategoryElements,
|
|
185
|
+
accessoriesCategoryElements = _ref$accessoriesCateg === void 0 ? [] : _ref$accessoriesCateg,
|
|
186
|
+
_ref$apparelStylesEle = _ref.apparelStylesElements,
|
|
187
|
+
apparelStylesElements = _ref$apparelStylesEle === void 0 ? [] : _ref$apparelStylesEle,
|
|
183
188
|
showSideNav = _ref.showSideNav,
|
|
184
189
|
onMenuClick = _ref.onMenuClick;
|
|
185
190
|
|
|
@@ -363,7 +368,8 @@
|
|
|
363
368
|
productUrl: productUrl,
|
|
364
369
|
categoryElements: categoryElements,
|
|
365
370
|
subMenuBrandsTitle: "Brands",
|
|
366
|
-
brandsList: newBrandsList
|
|
371
|
+
brandsList: newBrandsList,
|
|
372
|
+
categorySlug: displayedSubMenu
|
|
367
373
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
368
374
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
|
|
369
375
|
onBackClick: onBackClick,
|
|
@@ -372,7 +378,8 @@
|
|
|
372
378
|
productUrl: productUrl,
|
|
373
379
|
categoryElements: categoryElements,
|
|
374
380
|
subMenuBrandsTitle: "Bag Brands",
|
|
375
|
-
brandsList: bagsBrandsList
|
|
381
|
+
brandsList: bagsBrandsList,
|
|
382
|
+
categorySlug: displayedSubMenu
|
|
376
383
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
377
384
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
|
|
378
385
|
onBackClick: onBackClick,
|
|
@@ -381,25 +388,28 @@
|
|
|
381
388
|
productUrl: productUrl,
|
|
382
389
|
categoryElements: categoryElements,
|
|
383
390
|
subMenuBrandsTitle: "Shoe Brands",
|
|
384
|
-
brandsList: shoesBrandsList
|
|
391
|
+
brandsList: shoesBrandsList,
|
|
392
|
+
categorySlug: displayedSubMenu
|
|
385
393
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
386
394
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'clothing',
|
|
387
395
|
onBackClick: onBackClick,
|
|
388
396
|
backIcon: backIcon,
|
|
389
397
|
subMenuCategoryTitle: "Department",
|
|
390
398
|
productUrl: productUrl,
|
|
391
|
-
categoryElements:
|
|
399
|
+
categoryElements: apparelStylesElements,
|
|
392
400
|
subMenuBrandsTitle: "Clothing Brands",
|
|
393
|
-
brandsList: clothingBrandsList
|
|
401
|
+
brandsList: clothingBrandsList,
|
|
402
|
+
categorySlug: displayedSubMenu
|
|
394
403
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
395
404
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
|
|
396
405
|
onBackClick: onBackClick,
|
|
397
406
|
backIcon: backIcon,
|
|
398
407
|
subMenuCategoryTitle: "Categories",
|
|
399
408
|
productUrl: productUrl,
|
|
400
|
-
categoryElements:
|
|
409
|
+
categoryElements: accessoriesCategoryElements,
|
|
401
410
|
subMenuBrandsTitle: "Accessory Brands",
|
|
402
|
-
brandsList: accessoriesBrandsList
|
|
411
|
+
brandsList: accessoriesBrandsList,
|
|
412
|
+
categorySlug: displayedSubMenu
|
|
403
413
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
404
414
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
|
|
405
415
|
onBackClick: onBackClick,
|
|
@@ -408,7 +418,8 @@
|
|
|
408
418
|
productUrl: productUrl,
|
|
409
419
|
categoryElements: categoryElements,
|
|
410
420
|
subMenuBrandsTitle: "Watches Brands",
|
|
411
|
-
brandsList: watchesBrandsList
|
|
421
|
+
brandsList: watchesBrandsList,
|
|
422
|
+
categorySlug: displayedSubMenu
|
|
412
423
|
}), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
|
|
413
424
|
className: "side-nav__content"
|
|
414
425
|
}, /*#__PURE__*/React__default.createElement(StoresDropdown, {
|
package/build/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;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;margin-bottom:20px;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;padding:0 20%;width:100%}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}.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{width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:10px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}.navbar__section{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;padding-left:10%;padding-right:10%;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-right:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:35px;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}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{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__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;font-size:14px;font-weight:400;line-height:20px;margin-bottom:10px}.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{position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{margin-top:20px;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-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:50px}.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-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;padding-bottom:20px;padding-top:20px}.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;padding:20px 0}.dropdown__column{flex:1}.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:flex}.dropdown__elements--column{flex-direction:column}.dropdown__elements--row{flex-flow:row wrap;justify-content:flex-start}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}
|
package/build/bundle.js
CHANGED
|
@@ -14001,7 +14001,6 @@
|
|
|
14001
14001
|
_formControl.current.formState = getProxyFormState(formState, control);
|
|
14002
14002
|
return _formControl.current;
|
|
14003
14003
|
}
|
|
14004
|
-
//# sourceMappingURL=index.esm.mjs.map
|
|
14005
14004
|
|
|
14006
14005
|
var _excluded$8 = ["ref"];
|
|
14007
14006
|
|
|
@@ -14259,8 +14258,14 @@
|
|
|
14259
14258
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
14260
14259
|
className: "footer__links"
|
|
14261
14260
|
}, !!links.length && links.map(function (link) {
|
|
14262
|
-
return /*#__PURE__*/React__default.createElement(
|
|
14263
|
-
|
|
14261
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
14262
|
+
className: "footer__link-wrapper",
|
|
14263
|
+
key: link.label
|
|
14264
|
+
}, link.icon && /*#__PURE__*/React__default.createElement("img", {
|
|
14265
|
+
className: "footer__link-icon",
|
|
14266
|
+
src: link.icon,
|
|
14267
|
+
alt: link.label
|
|
14268
|
+
}), /*#__PURE__*/React__default.createElement(GALink, {
|
|
14264
14269
|
instance: link.instance,
|
|
14265
14270
|
href: link.href,
|
|
14266
14271
|
label: link.label,
|
|
@@ -14270,12 +14275,14 @@
|
|
|
14270
14275
|
target: link.target
|
|
14271
14276
|
}, link.iconClassName && /*#__PURE__*/React__default.createElement("i", {
|
|
14272
14277
|
className: link.iconClassName
|
|
14273
|
-
}), link.label);
|
|
14278
|
+
}), link.label));
|
|
14274
14279
|
})));
|
|
14275
14280
|
};
|
|
14276
14281
|
|
|
14277
14282
|
return /*#__PURE__*/React__default.createElement(FooterWrapper$1, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
|
|
14278
14283
|
className: "footer__newsletter-section"
|
|
14284
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14285
|
+
className: "footer__newsletter-wrapper"
|
|
14279
14286
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14280
14287
|
className: "footer__title-wrapper"
|
|
14281
14288
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -14303,7 +14310,7 @@
|
|
|
14303
14310
|
className: "footer__newsletter-icon",
|
|
14304
14311
|
src: formIconSrc,
|
|
14305
14312
|
alt: "submit"
|
|
14306
|
-
}))))), /*#__PURE__*/React__default.createElement("div", {
|
|
14313
|
+
})))))), /*#__PURE__*/React__default.createElement("div", {
|
|
14307
14314
|
className: "footer__wrapper footer__wrapper--desktop"
|
|
14308
14315
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14309
14316
|
className: "footer__main-section"
|
|
@@ -14362,7 +14369,7 @@
|
|
|
14362
14369
|
className: "footer__link-container"
|
|
14363
14370
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14364
14371
|
className: "footer__link-title"
|
|
14365
|
-
}, "We love"), /*#__PURE__*/React__default.createElement("div", {
|
|
14372
|
+
}, "We love..."), /*#__PURE__*/React__default.createElement("div", {
|
|
14366
14373
|
className: "footer__links"
|
|
14367
14374
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14368
14375
|
className: "footer__text"
|
|
@@ -14395,12 +14402,16 @@
|
|
|
14395
14402
|
className: "dropdown__title"
|
|
14396
14403
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
14397
14404
|
className: "dropdown__elements dropdown__elements--column"
|
|
14398
|
-
}, !!categoryElements.length && categoryElements.map(function (
|
|
14399
|
-
return /*#__PURE__*/React__default.createElement("a", {
|
|
14400
|
-
href: "".concat(productsUrl, "/").concat(category === null ||
|
|
14405
|
+
}, !!categoryElements.length && categoryElements.map(function (categoryElement) {
|
|
14406
|
+
return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
|
|
14407
|
+
href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
|
|
14408
|
+
className: "dropdown__element",
|
|
14409
|
+
key: categoryElement.name
|
|
14410
|
+
}, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name) : /*#__PURE__*/React__default.createElement("a", {
|
|
14411
|
+
href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
|
|
14401
14412
|
className: "dropdown__element",
|
|
14402
|
-
key:
|
|
14403
|
-
},
|
|
14413
|
+
key: categoryElement.name
|
|
14414
|
+
}, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name);
|
|
14404
14415
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14405
14416
|
className: "dropdown__column"
|
|
14406
14417
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -14412,7 +14423,7 @@
|
|
|
14412
14423
|
className: "dropdown__element"
|
|
14413
14424
|
}, "All ", categoryTitle), !!brandElements.length && brandElements.map(function (brand) {
|
|
14414
14425
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
14415
|
-
href: "".concat(productsUrl, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
|
|
14426
|
+
href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
|
|
14416
14427
|
className: "dropdown__element",
|
|
14417
14428
|
key: brand.name
|
|
14418
14429
|
}, brand === null || brand === void 0 ? void 0 : brand.name);
|
|
@@ -14503,6 +14514,7 @@
|
|
|
14503
14514
|
clothingElements = _ref.clothingElements,
|
|
14504
14515
|
accessoriesElements = _ref.accessoriesElements,
|
|
14505
14516
|
accessoriesCategoryElements = _ref.accessoriesCategoryElements,
|
|
14517
|
+
apparelStylesElements = _ref.apparelStylesElements,
|
|
14506
14518
|
watchesElements = _ref.watchesElements,
|
|
14507
14519
|
newBrandsImage = _ref.newBrandsImage,
|
|
14508
14520
|
bagsImage = _ref.bagsImage,
|
|
@@ -14521,7 +14533,8 @@
|
|
|
14521
14533
|
ourStoryLink = _ref.ourStoryLink,
|
|
14522
14534
|
blogLink = _ref.blogLink,
|
|
14523
14535
|
contactUsLink = _ref.contactUsLink,
|
|
14524
|
-
sellToUsLink = _ref.sellToUsLink
|
|
14536
|
+
sellToUsLink = _ref.sellToUsLink,
|
|
14537
|
+
onLogoClick = _ref.onLogoClick;
|
|
14525
14538
|
|
|
14526
14539
|
var _useState = React.useState(''),
|
|
14527
14540
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -14538,13 +14551,23 @@
|
|
|
14538
14551
|
}
|
|
14539
14552
|
};
|
|
14540
14553
|
|
|
14554
|
+
function addCategoryToElements(elements, categoryName) {
|
|
14555
|
+
return elements.map(function (element) {
|
|
14556
|
+
return _objectSpread2(_objectSpread2({}, element), {}, {
|
|
14557
|
+
category: categoryName
|
|
14558
|
+
});
|
|
14559
|
+
});
|
|
14560
|
+
}
|
|
14561
|
+
|
|
14541
14562
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14542
14563
|
className: "navbar"
|
|
14543
14564
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14544
14565
|
className: "navbar__container"
|
|
14545
14566
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14546
14567
|
className: "navbar__logo-wrapper"
|
|
14547
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
14568
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
14569
|
+
type: "button",
|
|
14570
|
+
onClick: onLogoClick,
|
|
14548
14571
|
className: "navbar__logo"
|
|
14549
14572
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
14550
14573
|
src: logoSrc,
|
|
@@ -14593,7 +14616,7 @@
|
|
|
14593
14616
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
14594
14617
|
title: "Department",
|
|
14595
14618
|
imageSrc: bagsImage,
|
|
14596
|
-
categoryElements: categoryElements,
|
|
14619
|
+
categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
|
|
14597
14620
|
brandElements: bagsElements,
|
|
14598
14621
|
productsUrl: productsUrl,
|
|
14599
14622
|
categorySlug: categories$1.bags.slug,
|
|
@@ -14608,7 +14631,7 @@
|
|
|
14608
14631
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
14609
14632
|
title: "Department",
|
|
14610
14633
|
imageSrc: shoesImage,
|
|
14611
|
-
categoryElements: categoryElements,
|
|
14634
|
+
categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
|
|
14612
14635
|
brandElements: shoesElements,
|
|
14613
14636
|
productsUrl: productsUrl,
|
|
14614
14637
|
categorySlug: categories$1.shoes.slug,
|
|
@@ -14623,7 +14646,7 @@
|
|
|
14623
14646
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
14624
14647
|
title: "Department",
|
|
14625
14648
|
imageSrc: clothingImage,
|
|
14626
|
-
categoryElements:
|
|
14649
|
+
categoryElements: apparelStylesElements,
|
|
14627
14650
|
brandElements: clothingElements,
|
|
14628
14651
|
productsUrl: productsUrl,
|
|
14629
14652
|
categorySlug: categories$1.clothing.slug,
|
|
@@ -14653,7 +14676,7 @@
|
|
|
14653
14676
|
}, /*#__PURE__*/React__default.createElement(Dropdown$1, {
|
|
14654
14677
|
title: "Department",
|
|
14655
14678
|
imageSrc: watchesImage,
|
|
14656
|
-
categoryElements: categoryElements,
|
|
14679
|
+
categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
|
|
14657
14680
|
brandElements: watchesElements,
|
|
14658
14681
|
productsUrl: productsUrl,
|
|
14659
14682
|
categorySlug: categories$1.watches.slug,
|
|
@@ -14770,7 +14793,8 @@
|
|
|
14770
14793
|
categoryElements = _ref.categoryElements,
|
|
14771
14794
|
subMenuBrandsTitle = _ref.subMenuBrandsTitle,
|
|
14772
14795
|
_ref$brandsList = _ref.brandsList,
|
|
14773
|
-
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList
|
|
14796
|
+
brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
|
|
14797
|
+
categorySlug = _ref.categorySlug;
|
|
14774
14798
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14775
14799
|
className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
|
|
14776
14800
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -14805,7 +14829,7 @@
|
|
|
14805
14829
|
className: "side-nav__element"
|
|
14806
14830
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
14807
14831
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
14808
|
-
href: "".concat(productUrl, "/").concat(brand.slug),
|
|
14832
|
+
href: "".concat(productUrl, "/").concat(categorySlug, "/").concat(brand.slug),
|
|
14809
14833
|
className: "side-nav__element"
|
|
14810
14834
|
}, brand.name);
|
|
14811
14835
|
})))));
|
|
@@ -14835,6 +14859,10 @@
|
|
|
14835
14859
|
accessoriesBrandsList = _ref$accessoriesBrand === void 0 ? [] : _ref$accessoriesBrand,
|
|
14836
14860
|
_ref$watchesBrandsLis = _ref.watchesBrandsList,
|
|
14837
14861
|
watchesBrandsList = _ref$watchesBrandsLis === void 0 ? [] : _ref$watchesBrandsLis,
|
|
14862
|
+
_ref$accessoriesCateg = _ref.accessoriesCategoryElements,
|
|
14863
|
+
accessoriesCategoryElements = _ref$accessoriesCateg === void 0 ? [] : _ref$accessoriesCateg,
|
|
14864
|
+
_ref$apparelStylesEle = _ref.apparelStylesElements,
|
|
14865
|
+
apparelStylesElements = _ref$apparelStylesEle === void 0 ? [] : _ref$apparelStylesEle,
|
|
14838
14866
|
showSideNav = _ref.showSideNav,
|
|
14839
14867
|
onMenuClick = _ref.onMenuClick;
|
|
14840
14868
|
|
|
@@ -15018,7 +15046,8 @@
|
|
|
15018
15046
|
productUrl: productUrl,
|
|
15019
15047
|
categoryElements: categoryElements,
|
|
15020
15048
|
subMenuBrandsTitle: "Brands",
|
|
15021
|
-
brandsList: newBrandsList
|
|
15049
|
+
brandsList: newBrandsList,
|
|
15050
|
+
categorySlug: displayedSubMenu
|
|
15022
15051
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15023
15052
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
|
|
15024
15053
|
onBackClick: onBackClick,
|
|
@@ -15027,7 +15056,8 @@
|
|
|
15027
15056
|
productUrl: productUrl,
|
|
15028
15057
|
categoryElements: categoryElements,
|
|
15029
15058
|
subMenuBrandsTitle: "Bag Brands",
|
|
15030
|
-
brandsList: bagsBrandsList
|
|
15059
|
+
brandsList: bagsBrandsList,
|
|
15060
|
+
categorySlug: displayedSubMenu
|
|
15031
15061
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15032
15062
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
|
|
15033
15063
|
onBackClick: onBackClick,
|
|
@@ -15036,25 +15066,28 @@
|
|
|
15036
15066
|
productUrl: productUrl,
|
|
15037
15067
|
categoryElements: categoryElements,
|
|
15038
15068
|
subMenuBrandsTitle: "Shoe Brands",
|
|
15039
|
-
brandsList: shoesBrandsList
|
|
15069
|
+
brandsList: shoesBrandsList,
|
|
15070
|
+
categorySlug: displayedSubMenu
|
|
15040
15071
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15041
15072
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'clothing',
|
|
15042
15073
|
onBackClick: onBackClick,
|
|
15043
15074
|
backIcon: backIcon,
|
|
15044
15075
|
subMenuCategoryTitle: "Department",
|
|
15045
15076
|
productUrl: productUrl,
|
|
15046
|
-
categoryElements:
|
|
15077
|
+
categoryElements: apparelStylesElements,
|
|
15047
15078
|
subMenuBrandsTitle: "Clothing Brands",
|
|
15048
|
-
brandsList: clothingBrandsList
|
|
15079
|
+
brandsList: clothingBrandsList,
|
|
15080
|
+
categorySlug: displayedSubMenu
|
|
15049
15081
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15050
15082
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
|
|
15051
15083
|
onBackClick: onBackClick,
|
|
15052
15084
|
backIcon: backIcon,
|
|
15053
15085
|
subMenuCategoryTitle: "Categories",
|
|
15054
15086
|
productUrl: productUrl,
|
|
15055
|
-
categoryElements:
|
|
15087
|
+
categoryElements: accessoriesCategoryElements,
|
|
15056
15088
|
subMenuBrandsTitle: "Accessory Brands",
|
|
15057
|
-
brandsList: accessoriesBrandsList
|
|
15089
|
+
brandsList: accessoriesBrandsList,
|
|
15090
|
+
categorySlug: displayedSubMenu
|
|
15058
15091
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15059
15092
|
subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
|
|
15060
15093
|
onBackClick: onBackClick,
|
|
@@ -15063,7 +15096,8 @@
|
|
|
15063
15096
|
productUrl: productUrl,
|
|
15064
15097
|
categoryElements: categoryElements,
|
|
15065
15098
|
subMenuBrandsTitle: "Watches Brands",
|
|
15066
|
-
brandsList: watchesBrandsList
|
|
15099
|
+
brandsList: watchesBrandsList,
|
|
15100
|
+
categorySlug: displayedSubMenu
|
|
15067
15101
|
}), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
|
|
15068
15102
|
className: "side-nav__content"
|
|
15069
15103
|
}, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
|
|
@@ -15097,7 +15131,10 @@
|
|
|
15097
15131
|
shoesBrandsList = _ref.shoesBrandsList,
|
|
15098
15132
|
clothingBrandsList = _ref.clothingBrandsList,
|
|
15099
15133
|
accessoriesBrandsList = _ref.accessoriesBrandsList,
|
|
15100
|
-
|
|
15134
|
+
accessoriesCategoryElements = _ref.accessoriesCategoryElements,
|
|
15135
|
+
apparelStylesElements = _ref.apparelStylesElements,
|
|
15136
|
+
watchesBrandsList = _ref.watchesBrandsList,
|
|
15137
|
+
onLogoClick = _ref.onLogoClick;
|
|
15101
15138
|
|
|
15102
15139
|
var _useState = React.useState(''),
|
|
15103
15140
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -15150,7 +15187,9 @@
|
|
|
15150
15187
|
className: "navbar__menu-icon"
|
|
15151
15188
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15152
15189
|
className: "navbar__search-wrapper"
|
|
15153
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
15190
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
15191
|
+
type: "button",
|
|
15192
|
+
onClick: onLogoClick,
|
|
15154
15193
|
className: "navbar__logo"
|
|
15155
15194
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15156
15195
|
src: logoSrc,
|
|
@@ -15165,6 +15204,7 @@
|
|
|
15165
15204
|
onClick: onSearchClick
|
|
15166
15205
|
}, /*#__PURE__*/React__default.createElement("img", {
|
|
15167
15206
|
src: inputSearchIcon,
|
|
15207
|
+
className: "navbar__icon",
|
|
15168
15208
|
alt: "interest-icon"
|
|
15169
15209
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
15170
15210
|
type: "button",
|
|
@@ -15213,7 +15253,9 @@
|
|
|
15213
15253
|
accessoriesBrandsList: accessoriesBrandsList,
|
|
15214
15254
|
watchesBrandsList: watchesBrandsList,
|
|
15215
15255
|
showSideNav: showSideNav,
|
|
15216
|
-
onMenuClick: onMenuClick
|
|
15256
|
+
onMenuClick: onMenuClick,
|
|
15257
|
+
accessoriesCategoryElements: accessoriesCategoryElements,
|
|
15258
|
+
apparelStylesElements: apparelStylesElements
|
|
15217
15259
|
}));
|
|
15218
15260
|
};
|
|
15219
15261
|
|