@bonlineza/luxity-lib 2.33.6 → 2.33.8

package/LuxityFooter.js

@@ -36,6 +36,65 @@
     }));
   }
 
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+
+    var _s, _e;
+
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
   var isCheckBoxInput = (element) => element.type === 'checkbox';
 
   var isDateObject = (value) => value instanceof Date;
@@ -1873,16 +1932,16 @@
         buyLinks = _ref$buyLinks === void 0 ? [] : _ref$buyLinks,
         _ref$sellLinks = _ref.sellLinks,
         sellLinks = _ref$sellLinks === void 0 ? [] : _ref$sellLinks,
-        _ref$helpLinks = _ref.helpLinks,
-        helpLinks = _ref$helpLinks === void 0 ? [] : _ref$helpLinks,
         _ref$companyLinks = _ref.companyLinks,
         companyLinks = _ref$companyLinks === void 0 ? [] : _ref$companyLinks,
+        _ref$storeLinks = _ref.storeLinks,
+        storeLinks = _ref$storeLinks === void 0 ? [] : _ref$storeLinks,
+        _ref$popularLinks = _ref.popularLinks,
+        popularLinks = _ref$popularLinks === void 0 ? [] : _ref$popularLinks,
         _ref$socialLinks = _ref.socialLinks,
         socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
         _ref$contactLinks = _ref.contactLinks,
         contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
-        _ref$quickiesLinks = _ref.quickiesLinks,
-        quickiesLinks = _ref$quickiesLinks === void 0 ? [] : _ref$quickiesLinks,
         visaImgSrc = _ref.visaImgSrc,
         masterCardSrc = _ref.masterCardSrc,
         logoSrc = _ref.logoSrc,
@@ -1926,6 +1985,76 @@
       })));
     };
 
+    var renderSocialLinks = function renderSocialLinks(links) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "footer__link-container"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "flex gap-2 mb-5"
+      }, links.map(function (link) {
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: link.label,
+          href: link.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: ""
+        }, link.icon && /*#__PURE__*/React__default.createElement("img", {
+          className: "footer__link-icon",
+          src: link.icon,
+          alt: link.label
+        }));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "footer__links"
+      }, !!contactLinks.map && contactLinks.map(function (link) {
+        return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
+          key: link.label,
+          instance: link.instance,
+          href: link.href,
+          label: link.label,
+          className: "footer__link",
+          rel: "noopener noreferrer",
+          track: link === null || link === void 0 ? void 0 : link.track,
+          target: link.target
+        }, link.label) : /*#__PURE__*/React__default.createElement("div", {
+          className: "footer__text"
+        }, link.label);
+      })));
+    };
+
+    var AccordionSection = function AccordionSection(_ref2) {
+      var title = _ref2.title,
+          links = _ref2.links;
+
+      var _useState = React.useState(false),
+          _useState2 = _slicedToArray(_useState, 2),
+          isOpen = _useState2[0],
+          setIsOpen = _useState2[1];
+
+      var contentRef = React.useRef(null);
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "border-b border-gray-200"
+      }, /*#__PURE__*/React__default.createElement("button", {
+        type: "button",
+        className: "w-full py-3 px-3 flex justify-between items-center",
+        onClick: function onClick() {
+          return setIsOpen(!isOpen);
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "footer__link-title"
+      }, title), /*#__PURE__*/React__default.createElement("span", null, isOpen ? '-' : '+')), /*#__PURE__*/React__default.createElement("div", {
+        ref: contentRef,
+        className: "px-3 overflow-hidden transition-all duration-500 ease-in-out",
+        style: {
+          maxHeight: isOpen ? "".concat(contentRef.current.scrollHeight, "px") : '0'
+        }
+      }, links.map(function (link) {
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: link.label,
+          href: link.href,
+          className: "footer__link block"
+        }, link.label);
+      })));
+    };
+
     var submitForm = function submitForm(data) {
       onSubmit(data).then(function (res) {
         if (res.success) {
@@ -1980,34 +2109,7 @@
       className: "footer__logo",
       src: logoSrc,
       alt: "luxity-logo"
-    })), renderLinks(buyLinks, 'Buy'), /*#__PURE__*/React__default.createElement("div", null, renderLinks(sellLinks, 'Sell'), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-child"
-    }, renderLinks(companyLinks, 'Company'))), renderLinks(helpLinks, 'Help'), renderLinks(socialLinks, 'Follow us'), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-container"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-title"
-    }, "Contact"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__links"
-    }, !!contactLinks.map && contactLinks.map(function (link) {
-      return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
-        key: link.label,
-        instance: link.instance,
-        href: link.href,
-        label: link.label,
-        className: "footer__link",
-        rel: "noopener noreferrer",
-        track: link === null || link === void 0 ? void 0 : link.track,
-        target: link.target
-      }, link.label) : /*#__PURE__*/React__default.createElement("div", {
-        className: "footer__text"
-      }, link.label);
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__store-hours"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Monday - Friday"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "8:30am - 5pm")))), /*#__PURE__*/React__default.createElement("div", {
+    })), renderLinks(buyLinks, 'Buy'), renderLinks(popularLinks, 'Popular'), renderLinks(sellLinks, 'Sell'), renderLinks(companyLinks, 'Company'), renderLinks(storeLinks, 'Connect'), renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__copyrights-section"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__payment-icons"
@@ -2021,23 +2123,24 @@
       className: "footer__copyright"
     }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__wrapper footer__wrapper--mobile"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__section-row"
-    }, renderLinks(quickiesLinks, 'Quickies'), renderLinks(socialLinks, 'Follow us')), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__section-row"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-container"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-title"
-    }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__links"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Visa"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Mastercard"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "EFT"))), renderLinks(helpLinks, 'Legal Stuff')), /*#__PURE__*/React__default.createElement("p", {
+    }, /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "BUY",
+      links: buyLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "POPULAR",
+      links: popularLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "SELL",
+      links: sellLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "COMPANY",
+      links: companyLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "CONNECT",
+      links: storeLinks
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "mt-5"
+    }, renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("p", {
       className: "footer__copyright footer__copyright--mobile"
     }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online")));
   };

package/LuxityMobileHeader.js

@@ -422,7 +422,7 @@
     var backIcon = _ref.backIcon,
         onBackClick = _ref.onBackClick,
         stores = _ref.stores,
-        contactUsLink = _ref.contactUsLink;
+        onContactUsClick = _ref.onContactUsClick;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -452,10 +452,11 @@
         className: "stores-dropdown__open-days"
       }, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__open-hours"
-      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(contactUsLink, "/#").concat(store.slug),
-        className: "stores-dropdown__view-more"
-      }, ' ', "View More"));
+      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
+        type: "button",
+        className: "stores-dropdown__view-more",
+        onClick: onContactUsClick
+      }, "View More"));
     })));
   };
 
@@ -573,9 +574,9 @@
         productUrl = _ref.productUrl,
         onAccountClick = _ref.onAccountClick,
         onCartClick = _ref.onCartClick,
-        contactUsLink = _ref.contactUsLink,
-        ourStoryLink = _ref.ourStoryLink,
-        blogLink = _ref.blogLink,
+        onContactUsClick = _ref.onContactUsClick,
+        onOurStoryClick = _ref.onOurStoryClick,
+        onBlogClick = _ref.onBlogClick,
         onSellToUsClick = _ref.onSellToUsClick,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
@@ -798,19 +799,22 @@
       onClick: onSellToUsClick
     }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: ourStoryLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onOurStoryClick
     }, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: blogLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onBlogClick
     }, "Blog")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: contactUsLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onContactUsClick
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -913,7 +917,7 @@
       backIcon: backIcon,
       onBackClick: onBackClick,
       stores: stores,
-      contactUsLink: contactUsLink
+      onContactUsClick: onContactUsClick
     })));
   };
 
@@ -998,9 +1002,9 @@
         categoryElements = _ref.categoryElements,
         onAccountClick = _ref.onAccountClick,
         onDashboardClick = _ref.onDashboardClick,
-        contactUsLink = _ref.contactUsLink,
-        ourStoryLink = _ref.ourStoryLink,
-        blogLink = _ref.blogLink,
+        onContactUsClick = _ref.onContactUsClick,
+        onOurStoryClick = _ref.onOurStoryClick,
+        onBlogClick = _ref.onBlogClick,
         bugReportLink = _ref.bugReportLink,
         onSellToUsClick = _ref.onSellToUsClick,
         onLogoClick = _ref.onLogoClick,
@@ -1177,6 +1181,22 @@
       return handleClick(onSubmissionsClick);
     };
 
+    var handleAccountClick = function handleAccountClick() {
+      return handleClick(onAccountClick);
+    };
+
+    var handleContactUsClick = function handleContactUsClick() {
+      return handleClick(onContactUsClick);
+    };
+
+    var handleOurStoryClick = function handleOurStoryClick() {
+      return handleClick(onOurStoryClick);
+    };
+
+    var handleBlogClick = function handleBlogClick() {
+      return handleClick(onBlogClick);
+    };
+
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar navbar__mobile-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -1259,11 +1279,11 @@
       closeIcon: closeIcon,
       backIcon: backIcon,
       productUrl: productsUrl,
-      onAccountClick: onAccountClick,
+      onAccountClick: handleAccountClick,
       onCartClick: handleCartClick,
-      contactUsLink: contactUsLink,
-      ourStoryLink: ourStoryLink,
-      blogLink: blogLink,
+      onContactUsClick: handleContactUsClick,
+      onOurStoryClick: handleOurStoryClick,
+      onBlogClick: handleBlogClick,
       onSellToUsClick: handleSellToUsClick,
       stores: stores,
       categoryElements: categoryElements,
@@ -1281,8 +1301,6 @@
       onDashboardClick: handleDashboardClick,
       onLogoutClick: handleLogoutClick,
       bugReportLink: bugReportLink,
-      ourStoryLink: ourStoryLink,
-      blogLink: blogLink,
       onLuxityShopClick: handleLuxityShopClick,
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,

package/LuxitySideNav.js

@@ -111,7 +111,7 @@
     var backIcon = _ref.backIcon,
         onBackClick = _ref.onBackClick,
         stores = _ref.stores,
-        contactUsLink = _ref.contactUsLink;
+        onContactUsClick = _ref.onContactUsClick;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -141,10 +141,11 @@
         className: "stores-dropdown__open-days"
       }, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__open-hours"
-      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(contactUsLink, "/#").concat(store.slug),
-        className: "stores-dropdown__view-more"
-      }, ' ', "View More"));
+      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
+        type: "button",
+        className: "stores-dropdown__view-more",
+        onClick: onContactUsClick
+      }, "View More"));
     })));
   };
 
@@ -262,9 +263,9 @@
         productUrl = _ref.productUrl,
         onAccountClick = _ref.onAccountClick,
         onCartClick = _ref.onCartClick,
-        contactUsLink = _ref.contactUsLink,
-        ourStoryLink = _ref.ourStoryLink,
-        blogLink = _ref.blogLink,
+        onContactUsClick = _ref.onContactUsClick,
+        onOurStoryClick = _ref.onOurStoryClick,
+        onBlogClick = _ref.onBlogClick,
         onSellToUsClick = _ref.onSellToUsClick,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
@@ -487,19 +488,22 @@
       onClick: onSellToUsClick
     }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: ourStoryLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onOurStoryClick
     }, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: blogLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onBlogClick
     }, "Blog")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: contactUsLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onContactUsClick
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -602,7 +606,7 @@
       backIcon: backIcon,
       onBackClick: onBackClick,
       stores: stores,
-      contactUsLink: contactUsLink
+      onContactUsClick: onContactUsClick
     })));
   };
 

package/RareStepHeader.js

@@ -359,6 +359,7 @@
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
       return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
         key: index,
+        href: link.url,
         onMouseOver: function onMouseOver() {
           return handleShowDropdown(link);
         },

package/build/bundle.css

@@ -1 +1 @@
-.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}
+.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:7px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:30px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.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;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/build/bundle.js

@@ -11321,6 +11321,7 @@
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
       return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
         key: index,
+        href: link.url,
         onMouseOver: function onMouseOver() {
           return handleShowDropdown(link);
         },
@@ -14226,16 +14227,16 @@
         buyLinks = _ref$buyLinks === void 0 ? [] : _ref$buyLinks,
         _ref$sellLinks = _ref.sellLinks,
         sellLinks = _ref$sellLinks === void 0 ? [] : _ref$sellLinks,
-        _ref$helpLinks = _ref.helpLinks,
-        helpLinks = _ref$helpLinks === void 0 ? [] : _ref$helpLinks,
         _ref$companyLinks = _ref.companyLinks,
         companyLinks = _ref$companyLinks === void 0 ? [] : _ref$companyLinks,
+        _ref$storeLinks = _ref.storeLinks,
+        storeLinks = _ref$storeLinks === void 0 ? [] : _ref$storeLinks,
+        _ref$popularLinks = _ref.popularLinks,
+        popularLinks = _ref$popularLinks === void 0 ? [] : _ref$popularLinks,
         _ref$socialLinks = _ref.socialLinks,
         socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
         _ref$contactLinks = _ref.contactLinks,
         contactLinks = _ref$contactLinks === void 0 ? [] : _ref$contactLinks,
-        _ref$quickiesLinks = _ref.quickiesLinks,
-        quickiesLinks = _ref$quickiesLinks === void 0 ? [] : _ref$quickiesLinks,
         visaImgSrc = _ref.visaImgSrc,
         masterCardSrc = _ref.masterCardSrc,
         logoSrc = _ref.logoSrc,
@@ -14279,6 +14280,76 @@
       })));
     };
 
+    var renderSocialLinks = function renderSocialLinks(links) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "footer__link-container"
+      }, /*#__PURE__*/React__default.createElement("div", {
+        className: "flex gap-2 mb-5"
+      }, links.map(function (link) {
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: link.label,
+          href: link.href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: ""
+        }, link.icon && /*#__PURE__*/React__default.createElement("img", {
+          className: "footer__link-icon",
+          src: link.icon,
+          alt: link.label
+        }));
+      })), /*#__PURE__*/React__default.createElement("div", {
+        className: "footer__links"
+      }, !!contactLinks.map && contactLinks.map(function (link) {
+        return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
+          key: link.label,
+          instance: link.instance,
+          href: link.href,
+          label: link.label,
+          className: "footer__link",
+          rel: "noopener noreferrer",
+          track: link === null || link === void 0 ? void 0 : link.track,
+          target: link.target
+        }, link.label) : /*#__PURE__*/React__default.createElement("div", {
+          className: "footer__text"
+        }, link.label);
+      })));
+    };
+
+    var AccordionSection = function AccordionSection(_ref2) {
+      var title = _ref2.title,
+          links = _ref2.links;
+
+      var _useState = React.useState(false),
+          _useState2 = _slicedToArray(_useState, 2),
+          isOpen = _useState2[0],
+          setIsOpen = _useState2[1];
+
+      var contentRef = React.useRef(null);
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "border-b border-gray-200"
+      }, /*#__PURE__*/React__default.createElement("button", {
+        type: "button",
+        className: "w-full py-3 px-3 flex justify-between items-center",
+        onClick: function onClick() {
+          return setIsOpen(!isOpen);
+        }
+      }, /*#__PURE__*/React__default.createElement("span", {
+        className: "footer__link-title"
+      }, title), /*#__PURE__*/React__default.createElement("span", null, isOpen ? '-' : '+')), /*#__PURE__*/React__default.createElement("div", {
+        ref: contentRef,
+        className: "px-3 overflow-hidden transition-all duration-500 ease-in-out",
+        style: {
+          maxHeight: isOpen ? "".concat(contentRef.current.scrollHeight, "px") : '0'
+        }
+      }, links.map(function (link) {
+        return /*#__PURE__*/React__default.createElement("a", {
+          key: link.label,
+          href: link.href,
+          className: "footer__link block"
+        }, link.label);
+      })));
+    };
+
     var submitForm = function submitForm(data) {
       onSubmit(data).then(function (res) {
         if (res.success) {
@@ -14333,34 +14404,7 @@
       className: "footer__logo",
       src: logoSrc,
       alt: "luxity-logo"
-    })), renderLinks(buyLinks, 'Buy'), /*#__PURE__*/React__default.createElement("div", null, renderLinks(sellLinks, 'Sell'), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-child"
-    }, renderLinks(companyLinks, 'Company'))), renderLinks(helpLinks, 'Help'), renderLinks(socialLinks, 'Follow us'), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-container"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-title"
-    }, "Contact"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__links"
-    }, !!contactLinks.map && contactLinks.map(function (link) {
-      return !link.isContact ? /*#__PURE__*/React__default.createElement(GALink, {
-        key: link.label,
-        instance: link.instance,
-        href: link.href,
-        label: link.label,
-        className: "footer__link",
-        rel: "noopener noreferrer",
-        track: link === null || link === void 0 ? void 0 : link.track,
-        target: link.target
-      }, link.label) : /*#__PURE__*/React__default.createElement("div", {
-        className: "footer__text"
-      }, link.label);
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__store-hours"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Monday - Friday"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "8:30am - 5pm")))), /*#__PURE__*/React__default.createElement("div", {
+    })), renderLinks(buyLinks, 'Buy'), renderLinks(popularLinks, 'Popular'), renderLinks(sellLinks, 'Sell'), renderLinks(companyLinks, 'Company'), renderLinks(storeLinks, 'Connect'), renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__copyrights-section"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__payment-icons"
@@ -14374,23 +14418,24 @@
       className: "footer__copyright"
     }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__wrapper footer__wrapper--mobile"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__section-row"
-    }, renderLinks(quickiesLinks, 'Quickies'), renderLinks(socialLinks, 'Follow us')), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__section-row"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-container"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__link-title"
-    }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__links"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Visa"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "Mastercard"), /*#__PURE__*/React__default.createElement("div", {
-      className: "footer__text"
-    }, "EFT"))), renderLinks(helpLinks, 'Legal Stuff')), /*#__PURE__*/React__default.createElement("p", {
+    }, /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "BUY",
+      links: buyLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "POPULAR",
+      links: popularLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "SELL",
+      links: sellLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "COMPANY",
+      links: companyLinks
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
+      title: "CONNECT",
+      links: storeLinks
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "mt-5"
+    }, renderSocialLinks(socialLinks)), /*#__PURE__*/React__default.createElement("p", {
       className: "footer__copyright footer__copyright--mobile"
     }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online")));
   };
@@ -15105,7 +15150,7 @@
     var backIcon = _ref.backIcon,
         onBackClick = _ref.onBackClick,
         stores = _ref.stores,
-        contactUsLink = _ref.contactUsLink;
+        onContactUsClick = _ref.onContactUsClick;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__sub-menu"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -15135,10 +15180,11 @@
         className: "stores-dropdown__open-days"
       }, store.weekendOpenDays), /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__open-hours"
-      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(contactUsLink, "/#").concat(store.slug),
-        className: "stores-dropdown__view-more"
-      }, ' ', "View More"));
+      }, store.weekendOpenHours), /*#__PURE__*/React__default.createElement("button", {
+        type: "button",
+        className: "stores-dropdown__view-more",
+        onClick: onContactUsClick
+      }, "View More"));
     })));
   };
 
@@ -15225,9 +15271,9 @@
         productUrl = _ref.productUrl,
         onAccountClick = _ref.onAccountClick,
         onCartClick = _ref.onCartClick,
-        contactUsLink = _ref.contactUsLink,
-        ourStoryLink = _ref.ourStoryLink,
-        blogLink = _ref.blogLink,
+        onContactUsClick = _ref.onContactUsClick,
+        onOurStoryClick = _ref.onOurStoryClick,
+        onBlogClick = _ref.onBlogClick,
         onSellToUsClick = _ref.onSellToUsClick,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
@@ -15450,19 +15496,22 @@
       onClick: onSellToUsClick
     }, "Sell To Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: ourStoryLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onOurStoryClick
     }, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: blogLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onBlogClick
     }, "Blog")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      href: contactUsLink,
-      className: "side-nav__sub-link"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onContactUsClick
     }, "Contact Us")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
     }, /*#__PURE__*/React__default.createElement("button", {
@@ -15565,7 +15614,7 @@
       backIcon: backIcon,
       onBackClick: onBackClick,
       stores: stores,
-      contactUsLink: contactUsLink
+      onContactUsClick: onContactUsClick
     })));
   };
 
@@ -15771,9 +15820,9 @@
         categoryElements = _ref.categoryElements,
         onAccountClick = _ref.onAccountClick,
         onDashboardClick = _ref.onDashboardClick,
-        contactUsLink = _ref.contactUsLink,
-        ourStoryLink = _ref.ourStoryLink,
-        blogLink = _ref.blogLink,
+        onContactUsClick = _ref.onContactUsClick,
+        onOurStoryClick = _ref.onOurStoryClick,
+        onBlogClick = _ref.onBlogClick,
         bugReportLink = _ref.bugReportLink,
         onSellToUsClick = _ref.onSellToUsClick,
         onLogoClick = _ref.onLogoClick,
@@ -15950,6 +15999,22 @@
       return handleClick(onSubmissionsClick);
     };
 
+    var handleAccountClick = function handleAccountClick() {
+      return handleClick(onAccountClick);
+    };
+
+    var handleContactUsClick = function handleContactUsClick() {
+      return handleClick(onContactUsClick);
+    };
+
+    var handleOurStoryClick = function handleOurStoryClick() {
+      return handleClick(onOurStoryClick);
+    };
+
+    var handleBlogClick = function handleBlogClick() {
+      return handleClick(onBlogClick);
+    };
+
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar navbar__mobile-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -16032,11 +16097,11 @@
       closeIcon: closeIcon,
       backIcon: backIcon,
       productUrl: productsUrl,
-      onAccountClick: onAccountClick,
+      onAccountClick: handleAccountClick,
       onCartClick: handleCartClick,
-      contactUsLink: contactUsLink,
-      ourStoryLink: ourStoryLink,
-      blogLink: blogLink,
+      onContactUsClick: handleContactUsClick,
+      onOurStoryClick: handleOurStoryClick,
+      onBlogClick: handleBlogClick,
       onSellToUsClick: handleSellToUsClick,
       stores: stores,
       categoryElements: categoryElements,
@@ -16054,8 +16119,6 @@
       onDashboardClick: handleDashboardClick,
       onLogoutClick: handleLogoutClick,
       bugReportLink: bugReportLink,
-      ourStoryLink: ourStoryLink,
-      blogLink: blogLink,
       onLuxityShopClick: handleLuxityShopClick,
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.33.6",
+  "version": "2.33.8",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",

package/build/.gitignore

@@ -1,3 +0,0 @@
-bundle.css
-bundle.js
-constants.js