@bonlineza/luxity-lib 2.31.2 → 2.31.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -255,7 +255,7 @@
255
255
  ourStoryLink = _ref.ourStoryLink,
256
256
  blogLink = _ref.blogLink,
257
257
  contactUsLink = _ref.contactUsLink,
258
- sellToUsLink = _ref.sellToUsLink,
258
+ onSellToUsClick = _ref.onSellToUsClick,
259
259
  onLogoClick = _ref.onLogoClick;
260
260
 
261
261
  var _useState = React.useState(''),
@@ -316,8 +316,8 @@
316
316
  }, /*#__PURE__*/React__default.createElement("li", {
317
317
  className: "navbar__link"
318
318
  }, /*#__PURE__*/React__default.createElement("a", {
319
- href: "#",
320
- className: "navbar__link-item"
319
+ href: "".concat(productsUrl, "/brands"),
320
+ className: "navbar__link-item navbar__link-item--desktop"
321
321
  }, "New"), /*#__PURE__*/React__default.createElement("div", {
322
322
  className: "navbar__dropdown"
323
323
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -331,8 +331,8 @@
331
331
  }))), /*#__PURE__*/React__default.createElement("li", {
332
332
  className: "navbar__link"
333
333
  }, /*#__PURE__*/React__default.createElement("a", {
334
- href: "#",
335
- className: "navbar__link-item"
334
+ href: "".concat(productsUrl, "/bags"),
335
+ className: "navbar__link-item navbar__link-item--desktop"
336
336
  }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
337
337
  className: "navbar__dropdown"
338
338
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -346,8 +346,8 @@
346
346
  }))), /*#__PURE__*/React__default.createElement("li", {
347
347
  className: "navbar__link"
348
348
  }, /*#__PURE__*/React__default.createElement("a", {
349
- href: "#",
350
- className: "navbar__link-item"
349
+ href: "".concat(productsUrl, "/shoes"),
350
+ className: "navbar__link-item navbar__link-item--desktop"
351
351
  }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
352
352
  className: "navbar__dropdown"
353
353
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -361,8 +361,8 @@
361
361
  }))), /*#__PURE__*/React__default.createElement("li", {
362
362
  className: "navbar__link"
363
363
  }, /*#__PURE__*/React__default.createElement("a", {
364
- href: "#",
365
- className: "navbar__link-item"
364
+ href: "".concat(productsUrl, "/apparel"),
365
+ className: "navbar__link-item navbar__link-item--desktop"
366
366
  }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
367
367
  className: "navbar__dropdown"
368
368
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -376,8 +376,8 @@
376
376
  }))), /*#__PURE__*/React__default.createElement("li", {
377
377
  className: "navbar__link"
378
378
  }, /*#__PURE__*/React__default.createElement("a", {
379
- href: "#",
380
- className: "navbar__link-item"
379
+ href: "".concat(productsUrl, "/accessories"),
380
+ className: "navbar__link-item navbar__link-item--desktop"
381
381
  }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
382
382
  className: "navbar__dropdown"
383
383
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -391,8 +391,8 @@
391
391
  }))), /*#__PURE__*/React__default.createElement("li", {
392
392
  className: "navbar__link"
393
393
  }, /*#__PURE__*/React__default.createElement("a", {
394
- href: "#",
395
- className: "navbar__link-item"
394
+ href: "".concat(productsUrl, "/watches"),
395
+ className: "navbar__link-item navbar__link-item--desktop"
396
396
  }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
397
397
  className: "navbar__dropdown"
398
398
  }, /*#__PURE__*/React__default.createElement(Dropdown, {
@@ -406,8 +406,8 @@
406
406
  }))), /*#__PURE__*/React__default.createElement("li", {
407
407
  className: "navbar__link"
408
408
  }, /*#__PURE__*/React__default.createElement("a", {
409
- href: "#",
410
- className: "navbar__link-item"
409
+ href: "/contact-us",
410
+ className: "navbar__link-item navbar__link-item--desktop"
411
411
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
412
412
  className: "navbar__dropdown"
413
413
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -458,10 +458,11 @@
458
458
  href: contactUsLink,
459
459
  className: "navbar__link-item"
460
460
  }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
461
- className: "navbar__company-link navbar__company-block"
462
- }, /*#__PURE__*/React__default.createElement("a", {
463
- href: sellToUsLink,
464
- className: "navbar__link-item"
461
+ className: "navbar__company-link"
462
+ }, /*#__PURE__*/React__default.createElement("button", {
463
+ type: "button",
464
+ className: "navbar__company-block",
465
+ onClick: onSellToUsClick
465
466
  }, "Sell to us")))))));
466
467
  };
467
468
 
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", {
@@ -1924,6 +1926,19 @@
1924
1926
  })));
1925
1927
  };
1926
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
+
1927
1942
  return /*#__PURE__*/React__default.createElement(FooterWrapper, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
1928
1943
  className: "footer__newsletter-section"
1929
1944
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -1937,7 +1952,7 @@
1937
1952
  }, "By signing up you agree to our terms & conditions and privacy policy. You can unsubscribe anytime.")), /*#__PURE__*/React__default.createElement("div", {
1938
1953
  className: "footer__newsletter-form"
1939
1954
  }, /*#__PURE__*/React__default.createElement("form", {
1940
- onSubmit: handleSubmit(onSubmit)
1955
+ onSubmit: handleSubmit(submitForm)
1941
1956
  }, /*#__PURE__*/React__default.createElement("input", _extends({}, register('email', {
1942
1957
  required: 'The email field is required.',
1943
1958
  pattern: {
@@ -167,6 +167,7 @@
167
167
  contactUsLink = _ref.contactUsLink,
168
168
  ourStoryLink = _ref.ourStoryLink,
169
169
  blogLink = _ref.blogLink,
170
+ onSellToUsClick = _ref.onSellToUsClick,
170
171
  stores = _ref.stores,
171
172
  categoryElements = _ref.categoryElements,
172
173
  _ref$newBrandsList = _ref.newBrandsList,
@@ -332,7 +333,7 @@
332
333
  }, /*#__PURE__*/React__default.createElement("button", {
333
334
  type: "button",
334
335
  className: "side-nav__block-button",
335
- onClick: onStoresClick
336
+ onClick: onSellToUsClick
336
337
  }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
337
338
  className: "side-nav__menu-item"
338
339
  }, /*#__PURE__*/React__default.createElement("a", {
@@ -448,6 +449,7 @@
448
449
  contactUsLink = _ref.contactUsLink,
449
450
  ourStoryLink = _ref.ourStoryLink,
450
451
  blogLink = _ref.blogLink,
452
+ onSellToUsClick = _ref.onSellToUsClick,
451
453
  bagsBrandsList = _ref.bagsBrandsList,
452
454
  newBrandsList = _ref.newBrandsList,
453
455
  shoesBrandsList = _ref.shoesBrandsList,
@@ -566,6 +568,7 @@
566
568
  contactUsLink: contactUsLink,
567
569
  ourStoryLink: ourStoryLink,
568
570
  blogLink: blogLink,
571
+ onSellToUsClick: onSellToUsClick,
569
572
  stores: stores,
570
573
  categoryElements: categoryElements,
571
574
  newBrandsList: newBrandsList,
package/LuxitySideNav.js CHANGED
@@ -167,6 +167,7 @@
167
167
  contactUsLink = _ref.contactUsLink,
168
168
  ourStoryLink = _ref.ourStoryLink,
169
169
  blogLink = _ref.blogLink,
170
+ onSellToUsClick = _ref.onSellToUsClick,
170
171
  stores = _ref.stores,
171
172
  categoryElements = _ref.categoryElements,
172
173
  _ref$newBrandsList = _ref.newBrandsList,
@@ -332,7 +333,7 @@
332
333
  }, /*#__PURE__*/React__default.createElement("button", {
333
334
  type: "button",
334
335
  className: "side-nav__block-button",
335
- onClick: onStoresClick
336
+ onClick: onSellToUsClick
336
337
  }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
337
338
  className: "side-nav__menu-item"
338
339
  }, /*#__PURE__*/React__default.createElement("a", {
package/build/bundle.css CHANGED
@@ -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}
1
+ .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__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-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;margin-left:10px;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}.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}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 3px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 3px}.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
@@ -14248,7 +14248,9 @@
14248
14248
  var _useForm = useForm(),
14249
14249
  handleSubmit = _useForm.handleSubmit,
14250
14250
  register = _useForm.register,
14251
- errors = _useForm.formState.errors;
14251
+ errors = _useForm.formState.errors,
14252
+ reset = _useForm.reset,
14253
+ setError = _useForm.setError;
14252
14254
 
14253
14255
  var renderLinks = function renderLinks(links, title) {
14254
14256
  return /*#__PURE__*/React__default.createElement("div", {
@@ -14279,6 +14281,19 @@
14279
14281
  })));
14280
14282
  };
14281
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
+
14282
14297
  return /*#__PURE__*/React__default.createElement(FooterWrapper$1, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
14283
14298
  className: "footer__newsletter-section"
14284
14299
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -14292,7 +14307,7 @@
14292
14307
  }, "By signing up you agree to our terms & conditions and privacy policy. You can unsubscribe anytime.")), /*#__PURE__*/React__default.createElement("div", {
14293
14308
  className: "footer__newsletter-form"
14294
14309
  }, /*#__PURE__*/React__default.createElement("form", {
14295
- onSubmit: handleSubmit(onSubmit)
14310
+ onSubmit: handleSubmit(submitForm)
14296
14311
  }, /*#__PURE__*/React__default.createElement("input", _extends({}, register('email', {
14297
14312
  required: 'The email field is required.',
14298
14313
  pattern: {
@@ -14533,7 +14548,7 @@
14533
14548
  ourStoryLink = _ref.ourStoryLink,
14534
14549
  blogLink = _ref.blogLink,
14535
14550
  contactUsLink = _ref.contactUsLink,
14536
- sellToUsLink = _ref.sellToUsLink,
14551
+ onSellToUsClick = _ref.onSellToUsClick,
14537
14552
  onLogoClick = _ref.onLogoClick;
14538
14553
 
14539
14554
  var _useState = React.useState(''),
@@ -14594,8 +14609,8 @@
14594
14609
  }, /*#__PURE__*/React__default.createElement("li", {
14595
14610
  className: "navbar__link"
14596
14611
  }, /*#__PURE__*/React__default.createElement("a", {
14597
- href: "#",
14598
- className: "navbar__link-item"
14612
+ href: "".concat(productsUrl, "/brands"),
14613
+ className: "navbar__link-item navbar__link-item--desktop"
14599
14614
  }, "New"), /*#__PURE__*/React__default.createElement("div", {
14600
14615
  className: "navbar__dropdown"
14601
14616
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14609,8 +14624,8 @@
14609
14624
  }))), /*#__PURE__*/React__default.createElement("li", {
14610
14625
  className: "navbar__link"
14611
14626
  }, /*#__PURE__*/React__default.createElement("a", {
14612
- href: "#",
14613
- className: "navbar__link-item"
14627
+ href: "".concat(productsUrl, "/bags"),
14628
+ className: "navbar__link-item navbar__link-item--desktop"
14614
14629
  }, "Bags"), /*#__PURE__*/React__default.createElement("div", {
14615
14630
  className: "navbar__dropdown"
14616
14631
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14624,8 +14639,8 @@
14624
14639
  }))), /*#__PURE__*/React__default.createElement("li", {
14625
14640
  className: "navbar__link"
14626
14641
  }, /*#__PURE__*/React__default.createElement("a", {
14627
- href: "#",
14628
- className: "navbar__link-item"
14642
+ href: "".concat(productsUrl, "/shoes"),
14643
+ className: "navbar__link-item navbar__link-item--desktop"
14629
14644
  }, "Shoes"), /*#__PURE__*/React__default.createElement("div", {
14630
14645
  className: "navbar__dropdown"
14631
14646
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14639,8 +14654,8 @@
14639
14654
  }))), /*#__PURE__*/React__default.createElement("li", {
14640
14655
  className: "navbar__link"
14641
14656
  }, /*#__PURE__*/React__default.createElement("a", {
14642
- href: "#",
14643
- className: "navbar__link-item"
14657
+ href: "".concat(productsUrl, "/apparel"),
14658
+ className: "navbar__link-item navbar__link-item--desktop"
14644
14659
  }, "Clothing"), /*#__PURE__*/React__default.createElement("div", {
14645
14660
  className: "navbar__dropdown"
14646
14661
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14654,8 +14669,8 @@
14654
14669
  }))), /*#__PURE__*/React__default.createElement("li", {
14655
14670
  className: "navbar__link"
14656
14671
  }, /*#__PURE__*/React__default.createElement("a", {
14657
- href: "#",
14658
- className: "navbar__link-item"
14672
+ href: "".concat(productsUrl, "/accessories"),
14673
+ className: "navbar__link-item navbar__link-item--desktop"
14659
14674
  }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
14660
14675
  className: "navbar__dropdown"
14661
14676
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14669,8 +14684,8 @@
14669
14684
  }))), /*#__PURE__*/React__default.createElement("li", {
14670
14685
  className: "navbar__link"
14671
14686
  }, /*#__PURE__*/React__default.createElement("a", {
14672
- href: "#",
14673
- className: "navbar__link-item"
14687
+ href: "".concat(productsUrl, "/watches"),
14688
+ className: "navbar__link-item navbar__link-item--desktop"
14674
14689
  }, "Watches"), /*#__PURE__*/React__default.createElement("div", {
14675
14690
  className: "navbar__dropdown"
14676
14691
  }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
@@ -14684,8 +14699,8 @@
14684
14699
  }))), /*#__PURE__*/React__default.createElement("li", {
14685
14700
  className: "navbar__link"
14686
14701
  }, /*#__PURE__*/React__default.createElement("a", {
14687
- href: "#",
14688
- className: "navbar__link-item"
14702
+ href: "/contact-us",
14703
+ className: "navbar__link-item navbar__link-item--desktop"
14689
14704
  }, "Stores"), /*#__PURE__*/React__default.createElement("div", {
14690
14705
  className: "navbar__dropdown"
14691
14706
  }, /*#__PURE__*/React__default.createElement(StoresDropdown, {
@@ -14736,10 +14751,11 @@
14736
14751
  href: contactUsLink,
14737
14752
  className: "navbar__link-item"
14738
14753
  }, "Contact Us")), /*#__PURE__*/React__default.createElement("li", {
14739
- className: "navbar__company-link navbar__company-block"
14740
- }, /*#__PURE__*/React__default.createElement("a", {
14741
- href: sellToUsLink,
14742
- className: "navbar__link-item"
14754
+ className: "navbar__company-link"
14755
+ }, /*#__PURE__*/React__default.createElement("button", {
14756
+ type: "button",
14757
+ className: "navbar__company-block",
14758
+ onClick: onSellToUsClick
14743
14759
  }, "Sell to us")))))));
14744
14760
  };
14745
14761
 
@@ -14845,6 +14861,7 @@
14845
14861
  contactUsLink = _ref.contactUsLink,
14846
14862
  ourStoryLink = _ref.ourStoryLink,
14847
14863
  blogLink = _ref.blogLink,
14864
+ onSellToUsClick = _ref.onSellToUsClick,
14848
14865
  stores = _ref.stores,
14849
14866
  categoryElements = _ref.categoryElements,
14850
14867
  _ref$newBrandsList = _ref.newBrandsList,
@@ -15010,7 +15027,7 @@
15010
15027
  }, /*#__PURE__*/React__default.createElement("button", {
15011
15028
  type: "button",
15012
15029
  className: "side-nav__block-button",
15013
- onClick: onStoresClick
15030
+ onClick: onSellToUsClick
15014
15031
  }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
15015
15032
  className: "side-nav__menu-item"
15016
15033
  }, /*#__PURE__*/React__default.createElement("a", {
@@ -15126,6 +15143,7 @@
15126
15143
  contactUsLink = _ref.contactUsLink,
15127
15144
  ourStoryLink = _ref.ourStoryLink,
15128
15145
  blogLink = _ref.blogLink,
15146
+ onSellToUsClick = _ref.onSellToUsClick,
15129
15147
  bagsBrandsList = _ref.bagsBrandsList,
15130
15148
  newBrandsList = _ref.newBrandsList,
15131
15149
  shoesBrandsList = _ref.shoesBrandsList,
@@ -15244,6 +15262,7 @@
15244
15262
  contactUsLink: contactUsLink,
15245
15263
  ourStoryLink: ourStoryLink,
15246
15264
  blogLink: blogLink,
15265
+ onSellToUsClick: onSellToUsClick,
15247
15266
  stores: stores,
15248
15267
  categoryElements: categoryElements,
15249
15268
  newBrandsList: newBrandsList,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.31.2",
3
+ "version": "2.31.4",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",
package/build/.gitignore DELETED
@@ -1,3 +0,0 @@
1
- bundle.css
2
- bundle.js
3
- constants.js
package/build/.npmignore DELETED
File without changes