@bonlineza/luxity-lib 2.31.1 → 2.31.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/LuxityDesktopHeader.js +83 -26
  2. package/LuxityFooter.js +30 -7
  3. package/LuxityMobileHeader.js +32 -13
  4. package/LuxitySideNav.js +21 -10
  5. package/build/bundle.css +1 -1
  6. package/build/bundle.js +104 -47
  7. 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 (category) {
87
- return /*#__PURE__*/React__default.createElement("a", {
88
- href: "".concat(productsUrl, "/").concat(category === null || category === void 0 ? void 0 : category.slug),
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),
89
130
  className: "dropdown__element",
90
- key: category.name
91
- }, category === null || category === void 0 ? void 0 : category.name);
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),
134
+ className: "dropdown__element",
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("div", {
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,
@@ -259,8 +316,8 @@
259
316
  }, /*#__PURE__*/React__default.createElement("li", {
260
317
  className: "navbar__link"
261
318
  }, /*#__PURE__*/React__default.createElement("a", {
262
- href: "#",
263
- className: "navbar__link-item"
319
+ href: "".concat(productsUrl, "/brands"),
320
+ className: "navbar__link-item navbar__link-item--desktop"
264
321
  }, "New"), /*#__PURE__*/React__default.createElement("div", {
265
322
  className: "navbar__dropdown"
266
323
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -274,14 +331,14 @@
274
331
  }))), /*#__PURE__*/React__default.createElement("li", {
275
332
  className: "navbar__link"
276
333
  }, /*#__PURE__*/React__default.createElement("a", {
277
- href: "#",
278
- className: "navbar__link-item"
334
+ href: "".concat(productsUrl, "/bags"),
335
+ className: "navbar__link-item navbar__link-item--desktop"
279
336
  }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
280
337
  className: "navbar__dropdown"
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,
@@ -289,14 +346,14 @@
289
346
  }))), /*#__PURE__*/React__default.createElement("li", {
290
347
  className: "navbar__link"
291
348
  }, /*#__PURE__*/React__default.createElement("a", {
292
- href: "#",
293
- className: "navbar__link-item"
349
+ href: "".concat(productsUrl, "/shoes"),
350
+ className: "navbar__link-item navbar__link-item--desktop"
294
351
  }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
295
352
  className: "navbar__dropdown"
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,
@@ -304,14 +361,14 @@
304
361
  }))), /*#__PURE__*/React__default.createElement("li", {
305
362
  className: "navbar__link"
306
363
  }, /*#__PURE__*/React__default.createElement("a", {
307
- href: "#",
308
- className: "navbar__link-item"
364
+ href: "".concat(productsUrl, "/apparel"),
365
+ className: "navbar__link-item navbar__link-item--desktop"
309
366
  }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
310
367
  className: "navbar__dropdown"
311
368
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
312
369
  title: "Department",
313
370
  imageSrc: clothingImage,
314
- categoryElements: categoryElements,
371
+ categoryElements: apparelStylesElements,
315
372
  brandElements: clothingElements,
316
373
  productsUrl: productsUrl,
317
374
  categorySlug: categories.clothing.slug,
@@ -319,8 +376,8 @@
319
376
  }))), /*#__PURE__*/React__default.createElement("li", {
320
377
  className: "navbar__link"
321
378
  }, /*#__PURE__*/React__default.createElement("a", {
322
- href: "#",
323
- className: "navbar__link-item"
379
+ href: "".concat(productsUrl, "/accessories"),
380
+ className: "navbar__link-item navbar__link-item--desktop"
324
381
  }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
325
382
  className: "navbar__dropdown"
326
383
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -334,14 +391,14 @@
334
391
  }))), /*#__PURE__*/React__default.createElement("li", {
335
392
  className: "navbar__link"
336
393
  }, /*#__PURE__*/React__default.createElement("a", {
337
- href: "#",
338
- className: "navbar__link-item"
394
+ href: "".concat(productsUrl, "/watches"),
395
+ className: "navbar__link-item navbar__link-item--desktop"
339
396
  }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
340
397
  className: "navbar__dropdown"
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,
@@ -349,8 +406,8 @@
349
406
  }))), /*#__PURE__*/React__default.createElement("li", {
350
407
  className: "navbar__link"
351
408
  }, /*#__PURE__*/React__default.createElement("a", {
352
- href: "#",
353
- className: "navbar__link-item"
409
+ href: "/contact-us",
410
+ className: "navbar__link-item navbar__link-item--desktop"
354
411
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
355
412
  className: "navbar__dropdown"
356
413
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
package/LuxityFooter.js CHANGED
@@ -1893,7 +1893,9 @@
1893
1893
  var _useForm = useForm(),
1894
1894
  handleSubmit = _useForm.handleSubmit,
1895
1895
  register = _useForm.register,
1896
- errors = _useForm.formState.errors;
1896
+ errors = _useForm.formState.errors,
1897
+ reset = _useForm.reset,
1898
+ setError = _useForm.setError;
1897
1899
 
1898
1900
  var renderLinks = function renderLinks(links, title) {
1899
1901
  return /*#__PURE__*/React__default.createElement("div", {
@@ -1903,8 +1905,14 @@
1903
1905
  }, title), /*#__PURE__*/React__default.createElement("div", {
1904
1906
  className: "footer__links"
1905
1907
  }, !!links.length && links.map(function (link) {
1906
- return /*#__PURE__*/React__default.createElement(GALink, {
1907
- key: link.label,
1908
+ return /*#__PURE__*/React__default.createElement("div", {
1909
+ className: "footer__link-wrapper",
1910
+ key: link.label
1911
+ }, link.icon && /*#__PURE__*/React__default.createElement("img", {
1912
+ className: "footer__link-icon",
1913
+ src: link.icon,
1914
+ alt: link.label
1915
+ }), /*#__PURE__*/React__default.createElement(GALink, {
1908
1916
  instance: link.instance,
1909
1917
  href: link.href,
1910
1918
  label: link.label,
@@ -1914,12 +1922,27 @@
1914
1922
  target: link.target
1915
1923
  }, link.iconClassName && /*#__PURE__*/React__default.createElement("i", {
1916
1924
  className: link.iconClassName
1917
- }), link.label);
1925
+ }), link.label));
1918
1926
  })));
1919
1927
  };
1920
1928
 
1929
+ var submitForm = function submitForm(data) {
1930
+ onSubmit(data).then(function (res) {
1931
+ if (res.success) {
1932
+ reset();
1933
+ } else {
1934
+ setError('email', {
1935
+ type: 'custom',
1936
+ message: res.errorMessage
1937
+ });
1938
+ }
1939
+ });
1940
+ };
1941
+
1921
1942
  return /*#__PURE__*/React__default.createElement(FooterWrapper, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
1922
1943
  className: "footer__newsletter-section"
1944
+ }, /*#__PURE__*/React__default.createElement("div", {
1945
+ className: "footer__newsletter-wrapper"
1923
1946
  }, /*#__PURE__*/React__default.createElement("div", {
1924
1947
  className: "footer__title-wrapper"
1925
1948
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -1929,7 +1952,7 @@
1929
1952
  }, "By signing up you agree to our terms & conditions and privacy policy. You can unsubscribe anytime.")), /*#__PURE__*/React__default.createElement("div", {
1930
1953
  className: "footer__newsletter-form"
1931
1954
  }, /*#__PURE__*/React__default.createElement("form", {
1932
- onSubmit: handleSubmit(onSubmit)
1955
+ onSubmit: handleSubmit(submitForm)
1933
1956
  }, /*#__PURE__*/React__default.createElement("input", _extends({}, register('email', {
1934
1957
  required: 'The email field is required.',
1935
1958
  pattern: {
@@ -1947,7 +1970,7 @@
1947
1970
  className: "footer__newsletter-icon",
1948
1971
  src: formIconSrc,
1949
1972
  alt: "submit"
1950
- }))))), /*#__PURE__*/React__default.createElement("div", {
1973
+ })))))), /*#__PURE__*/React__default.createElement("div", {
1951
1974
  className: "footer__wrapper footer__wrapper--desktop"
1952
1975
  }, /*#__PURE__*/React__default.createElement("div", {
1953
1976
  className: "footer__main-section"
@@ -2006,7 +2029,7 @@
2006
2029
  className: "footer__link-container"
2007
2030
  }, /*#__PURE__*/React__default.createElement("div", {
2008
2031
  className: "footer__link-title"
2009
- }, "We love"), /*#__PURE__*/React__default.createElement("div", {
2032
+ }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
2010
2033
  className: "footer__links"
2011
2034
  }, /*#__PURE__*/React__default.createElement("div", {
2012
2035
  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: 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: 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
- watchesBrandsList = _ref.watchesBrandsList;
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("div", {
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: 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: 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
- .footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 10%}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.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;margin-bottom:20px;text-transform:uppercase}.footer__link-child{margin-top:50px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}.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{padding-left:10%;padding-right:10%}.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 0}}.footer__section-row{display:flex;gap:50%}.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%}.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}.navbar__container{display:flex;padding:0 10%;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 10%;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{margin-top:10px;width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;max-width:100%;width:255px}.navbar__logo{width:150px}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:12px;outline:none;padding:10px 10px 10px 0}.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-size:14px;font-weight:700;margin-right:18px;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:0 18px;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}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}.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}.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}
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: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-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.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}.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{align-items:center;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: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}.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%}.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}.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}
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
 
@@ -14249,7 +14248,9 @@
14249
14248
  var _useForm = useForm(),
14250
14249
  handleSubmit = _useForm.handleSubmit,
14251
14250
  register = _useForm.register,
14252
- errors = _useForm.formState.errors;
14251
+ errors = _useForm.formState.errors,
14252
+ reset = _useForm.reset,
14253
+ setError = _useForm.setError;
14253
14254
 
14254
14255
  var renderLinks = function renderLinks(links, title) {
14255
14256
  return /*#__PURE__*/React__default.createElement("div", {
@@ -14259,8 +14260,14 @@
14259
14260
  }, title), /*#__PURE__*/React__default.createElement("div", {
14260
14261
  className: "footer__links"
14261
14262
  }, !!links.length && links.map(function (link) {
14262
- return /*#__PURE__*/React__default.createElement(GALink, {
14263
- key: link.label,
14263
+ return /*#__PURE__*/React__default.createElement("div", {
14264
+ className: "footer__link-wrapper",
14265
+ key: link.label
14266
+ }, link.icon && /*#__PURE__*/React__default.createElement("img", {
14267
+ className: "footer__link-icon",
14268
+ src: link.icon,
14269
+ alt: link.label
14270
+ }), /*#__PURE__*/React__default.createElement(GALink, {
14264
14271
  instance: link.instance,
14265
14272
  href: link.href,
14266
14273
  label: link.label,
@@ -14270,12 +14277,27 @@
14270
14277
  target: link.target
14271
14278
  }, link.iconClassName && /*#__PURE__*/React__default.createElement("i", {
14272
14279
  className: link.iconClassName
14273
- }), link.label);
14280
+ }), link.label));
14274
14281
  })));
14275
14282
  };
14276
14283
 
14284
+ var submitForm = function submitForm(data) {
14285
+ onSubmit(data).then(function (res) {
14286
+ if (res.success) {
14287
+ reset();
14288
+ } else {
14289
+ setError('email', {
14290
+ type: 'custom',
14291
+ message: res.errorMessage
14292
+ });
14293
+ }
14294
+ });
14295
+ };
14296
+
14277
14297
  return /*#__PURE__*/React__default.createElement(FooterWrapper$1, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
14278
14298
  className: "footer__newsletter-section"
14299
+ }, /*#__PURE__*/React__default.createElement("div", {
14300
+ className: "footer__newsletter-wrapper"
14279
14301
  }, /*#__PURE__*/React__default.createElement("div", {
14280
14302
  className: "footer__title-wrapper"
14281
14303
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -14285,7 +14307,7 @@
14285
14307
  }, "By signing up you agree to our terms & conditions and privacy policy. You can unsubscribe anytime.")), /*#__PURE__*/React__default.createElement("div", {
14286
14308
  className: "footer__newsletter-form"
14287
14309
  }, /*#__PURE__*/React__default.createElement("form", {
14288
- onSubmit: handleSubmit(onSubmit)
14310
+ onSubmit: handleSubmit(submitForm)
14289
14311
  }, /*#__PURE__*/React__default.createElement("input", _extends({}, register('email', {
14290
14312
  required: 'The email field is required.',
14291
14313
  pattern: {
@@ -14303,7 +14325,7 @@
14303
14325
  className: "footer__newsletter-icon",
14304
14326
  src: formIconSrc,
14305
14327
  alt: "submit"
14306
- }))))), /*#__PURE__*/React__default.createElement("div", {
14328
+ })))))), /*#__PURE__*/React__default.createElement("div", {
14307
14329
  className: "footer__wrapper footer__wrapper--desktop"
14308
14330
  }, /*#__PURE__*/React__default.createElement("div", {
14309
14331
  className: "footer__main-section"
@@ -14362,7 +14384,7 @@
14362
14384
  className: "footer__link-container"
14363
14385
  }, /*#__PURE__*/React__default.createElement("div", {
14364
14386
  className: "footer__link-title"
14365
- }, "We love"), /*#__PURE__*/React__default.createElement("div", {
14387
+ }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
14366
14388
  className: "footer__links"
14367
14389
  }, /*#__PURE__*/React__default.createElement("div", {
14368
14390
  className: "footer__text"
@@ -14395,12 +14417,16 @@
14395
14417
  className: "dropdown__title"
14396
14418
  }, title), /*#__PURE__*/React__default.createElement("div", {
14397
14419
  className: "dropdown__elements dropdown__elements--column"
14398
- }, !!categoryElements.length && categoryElements.map(function (category) {
14399
- return /*#__PURE__*/React__default.createElement("a", {
14400
- href: "".concat(productsUrl, "/").concat(category === null || category === void 0 ? void 0 : category.slug),
14420
+ }, !!categoryElements.length && categoryElements.map(function (categoryElement) {
14421
+ return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
14422
+ href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
14423
+ className: "dropdown__element",
14424
+ key: categoryElement.name
14425
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name) : /*#__PURE__*/React__default.createElement("a", {
14426
+ href: "".concat(productsUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
14401
14427
  className: "dropdown__element",
14402
- key: category.name
14403
- }, category === null || category === void 0 ? void 0 : category.name);
14428
+ key: categoryElement.name
14429
+ }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name);
14404
14430
  }))), /*#__PURE__*/React__default.createElement("div", {
14405
14431
  className: "dropdown__column"
14406
14432
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -14412,7 +14438,7 @@
14412
14438
  className: "dropdown__element"
14413
14439
  }, "All ", categoryTitle), !!brandElements.length && brandElements.map(function (brand) {
14414
14440
  return /*#__PURE__*/React__default.createElement("a", {
14415
- href: "".concat(productsUrl, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
14441
+ href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
14416
14442
  className: "dropdown__element",
14417
14443
  key: brand.name
14418
14444
  }, brand === null || brand === void 0 ? void 0 : brand.name);
@@ -14503,6 +14529,7 @@
14503
14529
  clothingElements = _ref.clothingElements,
14504
14530
  accessoriesElements = _ref.accessoriesElements,
14505
14531
  accessoriesCategoryElements = _ref.accessoriesCategoryElements,
14532
+ apparelStylesElements = _ref.apparelStylesElements,
14506
14533
  watchesElements = _ref.watchesElements,
14507
14534
  newBrandsImage = _ref.newBrandsImage,
14508
14535
  bagsImage = _ref.bagsImage,
@@ -14521,7 +14548,8 @@
14521
14548
  ourStoryLink = _ref.ourStoryLink,
14522
14549
  blogLink = _ref.blogLink,
14523
14550
  contactUsLink = _ref.contactUsLink,
14524
- sellToUsLink = _ref.sellToUsLink;
14551
+ sellToUsLink = _ref.sellToUsLink,
14552
+ onLogoClick = _ref.onLogoClick;
14525
14553
 
14526
14554
  var _useState = React.useState(''),
14527
14555
  _useState2 = _slicedToArray(_useState, 2),
@@ -14538,13 +14566,23 @@
14538
14566
  }
14539
14567
  };
14540
14568
 
14569
+ function addCategoryToElements(elements, categoryName) {
14570
+ return elements.map(function (element) {
14571
+ return _objectSpread2(_objectSpread2({}, element), {}, {
14572
+ category: categoryName
14573
+ });
14574
+ });
14575
+ }
14576
+
14541
14577
  return /*#__PURE__*/React__default.createElement("div", {
14542
14578
  className: "navbar"
14543
14579
  }, /*#__PURE__*/React__default.createElement("div", {
14544
14580
  className: "navbar__container"
14545
14581
  }, /*#__PURE__*/React__default.createElement("div", {
14546
14582
  className: "navbar__logo-wrapper"
14547
- }, /*#__PURE__*/React__default.createElement("div", {
14583
+ }, /*#__PURE__*/React__default.createElement("button", {
14584
+ type: "button",
14585
+ onClick: onLogoClick,
14548
14586
  className: "navbar__logo"
14549
14587
  }, /*#__PURE__*/React__default.createElement("img", {
14550
14588
  src: logoSrc,
@@ -14571,8 +14609,8 @@
14571
14609
  }, /*#__PURE__*/React__default.createElement("li", {
14572
14610
  className: "navbar__link"
14573
14611
  }, /*#__PURE__*/React__default.createElement("a", {
14574
- href: "#",
14575
- className: "navbar__link-item"
14612
+ href: "".concat(productsUrl, "/brands"),
14613
+ className: "navbar__link-item navbar__link-item--desktop"
14576
14614
  }, "New"), /*#__PURE__*/React__default.createElement("div", {
14577
14615
  className: "navbar__dropdown"
14578
14616
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14586,14 +14624,14 @@
14586
14624
  }))), /*#__PURE__*/React__default.createElement("li", {
14587
14625
  className: "navbar__link"
14588
14626
  }, /*#__PURE__*/React__default.createElement("a", {
14589
- href: "#",
14590
- className: "navbar__link-item"
14627
+ href: "".concat(productsUrl, "/bags"),
14628
+ className: "navbar__link-item navbar__link-item--desktop"
14591
14629
  }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
14592
14630
  className: "navbar__dropdown"
14593
14631
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
14594
14632
  title: "Department",
14595
14633
  imageSrc: bagsImage,
14596
- categoryElements: categoryElements,
14634
+ categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
14597
14635
  brandElements: bagsElements,
14598
14636
  productsUrl: productsUrl,
14599
14637
  categorySlug: categories$1.bags.slug,
@@ -14601,14 +14639,14 @@
14601
14639
  }))), /*#__PURE__*/React__default.createElement("li", {
14602
14640
  className: "navbar__link"
14603
14641
  }, /*#__PURE__*/React__default.createElement("a", {
14604
- href: "#",
14605
- className: "navbar__link-item"
14642
+ href: "".concat(productsUrl, "/shoes"),
14643
+ className: "navbar__link-item navbar__link-item--desktop"
14606
14644
  }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
14607
14645
  className: "navbar__dropdown"
14608
14646
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
14609
14647
  title: "Department",
14610
14648
  imageSrc: shoesImage,
14611
- categoryElements: categoryElements,
14649
+ categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
14612
14650
  brandElements: shoesElements,
14613
14651
  productsUrl: productsUrl,
14614
14652
  categorySlug: categories$1.shoes.slug,
@@ -14616,14 +14654,14 @@
14616
14654
  }))), /*#__PURE__*/React__default.createElement("li", {
14617
14655
  className: "navbar__link"
14618
14656
  }, /*#__PURE__*/React__default.createElement("a", {
14619
- href: "#",
14620
- className: "navbar__link-item"
14657
+ href: "".concat(productsUrl, "/apparel"),
14658
+ className: "navbar__link-item navbar__link-item--desktop"
14621
14659
  }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
14622
14660
  className: "navbar__dropdown"
14623
14661
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
14624
14662
  title: "Department",
14625
14663
  imageSrc: clothingImage,
14626
- categoryElements: categoryElements,
14664
+ categoryElements: apparelStylesElements,
14627
14665
  brandElements: clothingElements,
14628
14666
  productsUrl: productsUrl,
14629
14667
  categorySlug: categories$1.clothing.slug,
@@ -14631,8 +14669,8 @@
14631
14669
  }))), /*#__PURE__*/React__default.createElement("li", {
14632
14670
  className: "navbar__link"
14633
14671
  }, /*#__PURE__*/React__default.createElement("a", {
14634
- href: "#",
14635
- className: "navbar__link-item"
14672
+ href: "".concat(productsUrl, "/accessories"),
14673
+ className: "navbar__link-item navbar__link-item--desktop"
14636
14674
  }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
14637
14675
  className: "navbar__dropdown"
14638
14676
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14646,14 +14684,14 @@
14646
14684
  }))), /*#__PURE__*/React__default.createElement("li", {
14647
14685
  className: "navbar__link"
14648
14686
  }, /*#__PURE__*/React__default.createElement("a", {
14649
- href: "#",
14650
- className: "navbar__link-item"
14687
+ href: "".concat(productsUrl, "/watches"),
14688
+ className: "navbar__link-item navbar__link-item--desktop"
14651
14689
  }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
14652
14690
  className: "navbar__dropdown"
14653
14691
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
14654
14692
  title: "Department",
14655
14693
  imageSrc: watchesImage,
14656
- categoryElements: categoryElements,
14694
+ categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
14657
14695
  brandElements: watchesElements,
14658
14696
  productsUrl: productsUrl,
14659
14697
  categorySlug: categories$1.watches.slug,
@@ -14661,8 +14699,8 @@
14661
14699
  }))), /*#__PURE__*/React__default.createElement("li", {
14662
14700
  className: "navbar__link"
14663
14701
  }, /*#__PURE__*/React__default.createElement("a", {
14664
- href: "#",
14665
- className: "navbar__link-item"
14702
+ href: "/contact-us",
14703
+ className: "navbar__link-item navbar__link-item--desktop"
14666
14704
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
14667
14705
  className: "navbar__dropdown"
14668
14706
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -14770,7 +14808,8 @@
14770
14808
  categoryElements = _ref.categoryElements,
14771
14809
  subMenuBrandsTitle = _ref.subMenuBrandsTitle,
14772
14810
  _ref$brandsList = _ref.brandsList,
14773
- brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList;
14811
+ brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
14812
+ categorySlug = _ref.categorySlug;
14774
14813
  return /*#__PURE__*/React__default.createElement("div", {
14775
14814
  className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
14776
14815
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -14805,7 +14844,7 @@
14805
14844
  className: "side-nav__element"
14806
14845
  }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
14807
14846
  return /*#__PURE__*/React__default.createElement("a", {
14808
- href: "".concat(productUrl, "/").concat(brand.slug),
14847
+ href: "".concat(productUrl, "/").concat(categorySlug, "/").concat(brand.slug),
14809
14848
  className: "side-nav__element"
14810
14849
  }, brand.name);
14811
14850
  })))));
@@ -14835,6 +14874,10 @@
14835
14874
  accessoriesBrandsList = _ref$accessoriesBrand === void 0 ? [] : _ref$accessoriesBrand,
14836
14875
  _ref$watchesBrandsLis = _ref.watchesBrandsList,
14837
14876
  watchesBrandsList = _ref$watchesBrandsLis === void 0 ? [] : _ref$watchesBrandsLis,
14877
+ _ref$accessoriesCateg = _ref.accessoriesCategoryElements,
14878
+ accessoriesCategoryElements = _ref$accessoriesCateg === void 0 ? [] : _ref$accessoriesCateg,
14879
+ _ref$apparelStylesEle = _ref.apparelStylesElements,
14880
+ apparelStylesElements = _ref$apparelStylesEle === void 0 ? [] : _ref$apparelStylesEle,
14838
14881
  showSideNav = _ref.showSideNav,
14839
14882
  onMenuClick = _ref.onMenuClick;
14840
14883
 
@@ -15018,7 +15061,8 @@
15018
15061
  productUrl: productUrl,
15019
15062
  categoryElements: categoryElements,
15020
15063
  subMenuBrandsTitle: "Brands",
15021
- brandsList: newBrandsList
15064
+ brandsList: newBrandsList,
15065
+ categorySlug: displayedSubMenu
15022
15066
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15023
15067
  subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
15024
15068
  onBackClick: onBackClick,
@@ -15027,7 +15071,8 @@
15027
15071
  productUrl: productUrl,
15028
15072
  categoryElements: categoryElements,
15029
15073
  subMenuBrandsTitle: "Bag Brands",
15030
- brandsList: bagsBrandsList
15074
+ brandsList: bagsBrandsList,
15075
+ categorySlug: displayedSubMenu
15031
15076
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15032
15077
  subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
15033
15078
  onBackClick: onBackClick,
@@ -15036,25 +15081,28 @@
15036
15081
  productUrl: productUrl,
15037
15082
  categoryElements: categoryElements,
15038
15083
  subMenuBrandsTitle: "Shoe Brands",
15039
- brandsList: shoesBrandsList
15084
+ brandsList: shoesBrandsList,
15085
+ categorySlug: displayedSubMenu
15040
15086
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15041
15087
  subMenuOpen: subMenuOpen && displayedSubMenu === 'clothing',
15042
15088
  onBackClick: onBackClick,
15043
15089
  backIcon: backIcon,
15044
15090
  subMenuCategoryTitle: "Department",
15045
15091
  productUrl: productUrl,
15046
- categoryElements: categoryElements,
15092
+ categoryElements: apparelStylesElements,
15047
15093
  subMenuBrandsTitle: "Clothing Brands",
15048
- brandsList: clothingBrandsList
15094
+ brandsList: clothingBrandsList,
15095
+ categorySlug: displayedSubMenu
15049
15096
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15050
15097
  subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
15051
15098
  onBackClick: onBackClick,
15052
15099
  backIcon: backIcon,
15053
15100
  subMenuCategoryTitle: "Categories",
15054
15101
  productUrl: productUrl,
15055
- categoryElements: categoryElements,
15102
+ categoryElements: accessoriesCategoryElements,
15056
15103
  subMenuBrandsTitle: "Accessory Brands",
15057
- brandsList: accessoriesBrandsList
15104
+ brandsList: accessoriesBrandsList,
15105
+ categorySlug: displayedSubMenu
15058
15106
  }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
15059
15107
  subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
15060
15108
  onBackClick: onBackClick,
@@ -15063,7 +15111,8 @@
15063
15111
  productUrl: productUrl,
15064
15112
  categoryElements: categoryElements,
15065
15113
  subMenuBrandsTitle: "Watches Brands",
15066
- brandsList: watchesBrandsList
15114
+ brandsList: watchesBrandsList,
15115
+ categorySlug: displayedSubMenu
15067
15116
  }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
15068
15117
  className: "side-nav__content"
15069
15118
  }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
@@ -15097,7 +15146,10 @@
15097
15146
  shoesBrandsList = _ref.shoesBrandsList,
15098
15147
  clothingBrandsList = _ref.clothingBrandsList,
15099
15148
  accessoriesBrandsList = _ref.accessoriesBrandsList,
15100
- watchesBrandsList = _ref.watchesBrandsList;
15149
+ accessoriesCategoryElements = _ref.accessoriesCategoryElements,
15150
+ apparelStylesElements = _ref.apparelStylesElements,
15151
+ watchesBrandsList = _ref.watchesBrandsList,
15152
+ onLogoClick = _ref.onLogoClick;
15101
15153
 
15102
15154
  var _useState = React.useState(''),
15103
15155
  _useState2 = _slicedToArray(_useState, 2),
@@ -15150,7 +15202,9 @@
15150
15202
  className: "navbar__menu-icon"
15151
15203
  })), /*#__PURE__*/React__default.createElement("div", {
15152
15204
  className: "navbar__search-wrapper"
15153
- }, /*#__PURE__*/React__default.createElement("div", {
15205
+ }, /*#__PURE__*/React__default.createElement("button", {
15206
+ type: "button",
15207
+ onClick: onLogoClick,
15154
15208
  className: "navbar__logo"
15155
15209
  }, /*#__PURE__*/React__default.createElement("img", {
15156
15210
  src: logoSrc,
@@ -15165,6 +15219,7 @@
15165
15219
  onClick: onSearchClick
15166
15220
  }, /*#__PURE__*/React__default.createElement("img", {
15167
15221
  src: inputSearchIcon,
15222
+ className: "navbar__icon",
15168
15223
  alt: "interest-icon"
15169
15224
  })), /*#__PURE__*/React__default.createElement("button", {
15170
15225
  type: "button",
@@ -15213,7 +15268,9 @@
15213
15268
  accessoriesBrandsList: accessoriesBrandsList,
15214
15269
  watchesBrandsList: watchesBrandsList,
15215
15270
  showSideNav: showSideNav,
15216
- onMenuClick: onMenuClick
15271
+ onMenuClick: onMenuClick,
15272
+ accessoriesCategoryElements: accessoriesCategoryElements,
15273
+ apparelStylesElements: apparelStylesElements
15217
15274
  }));
15218
15275
  };
15219
15276
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.31.1",
3
+ "version": "2.31.3",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",