@bonlineza/luxity-lib 2.32.4 → 2.32.6

package/LuxityDesktopHeader.js

@@ -161,16 +161,20 @@
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__title"
     }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__elements"
+      className: "dropdown__brand-elements"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "dropdown__brand-element"
     }, /*#__PURE__*/React__default.createElement("a", {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "dropdown__element"
-    }, "All ", categoryTitle), !!brandElements.length && brandElements.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
+    }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "dropdown__brand-element"
+      }, /*#__PURE__*/React__default.createElement("a", {
         href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
         className: "dropdown__element",
         key: brand.name
-      }, brand === null || brand === void 0 ? void 0 : brand.name);
+      }, brand === null || brand === void 0 ? void 0 : brand.name));
     }))), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__column"
     }, /*#__PURE__*/React__default.createElement("img", {
@@ -335,7 +339,9 @@
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
         onSearchSubmit = _ref.onSearchSubmit,
-        onProductIdsReceived = _ref.onProductIdsReceived;
+        onProductIdsReceived = _ref.onProductIdsReceived,
+        shop = _ref.shop,
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -484,7 +490,8 @@
       placeholder: "Search for items and designs",
       value: searchValue,
       onChange: handleChange,
-      onKeyDown: handleKeyDown
+      onKeyDown: handleKeyDown,
+      onClick: onSearch
     })), /*#__PURE__*/React__default.createElement(SearchResults, {
       searchValue: searchValue,
       searchLoading: searchLoading,
@@ -616,12 +623,12 @@
       className: "navbar__icons"
     }, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "navbar__icon",
+      className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
       onClick: onInterestClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: interestIcon,
       alt: "interest-icon"
-    })), /*#__PURE__*/React__default.createElement("button", {
+    })), shop && /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon",
       onClick: onAccountClick
@@ -630,12 +637,12 @@
       alt: "account-icon"
     })), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "navbar__cart-icon navbar__icon",
+      className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
       onClick: onCartClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: cartIcon,
       alt: "cart-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), shop && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__cart-count"
     }, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
       className: "navbar__nav-links"

package/LuxityMobileHeader.js

@@ -107,6 +107,181 @@
     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 LuxityAppSideNav = function LuxityAppSideNav(_ref) {
+    var closeIcon = _ref.closeIcon,
+        accountIcon = _ref.accountIcon,
+        orderIcon = _ref.orderIcon,
+        saleIcon = _ref.saleIcon,
+        onDashboardClick = _ref.onDashboardClick,
+        onLogoutClick = _ref.onLogoutClick,
+        bugReportLink = _ref.bugReportLink,
+        onLuxityShopClick = _ref.onLuxityShopClick,
+        onInterestClick = _ref.onInterestClick,
+        onAddressClick = _ref.onAddressClick,
+        onCouponsClick = _ref.onCouponsClick,
+        onEditProfileClick = _ref.onEditProfileClick,
+        onCurrentOrdersClick = _ref.onCurrentOrdersClick,
+        onPastOrdersClick = _ref.onPastOrdersClick,
+        onPastSalesClick = _ref.onPastSalesClick,
+        onPaidOutClick = _ref.onPaidOutClick,
+        showSideNav = _ref.showSideNav,
+        onMenuClick = _ref.onMenuClick;
+
+    var onCloseSideNav = function onCloseSideNav(e) {
+      onMenuClick();
+
+      if (e.key === 'Enter') {
+        e.preventDefault();
+      }
+    };
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      role: "button",
+      tabIndex: 0,
+      className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
+      onClick: onCloseSideNav,
+      onKeyDown: onCloseSideNav
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      onClick: onMenuClick,
+      className: "side-nav__icon-container"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: closeIcon,
+      alt: "close-icon",
+      className: "side-nav__close-icon"
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-items-wrapper"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: accountIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Account"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onInterestClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Interests"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onAddressClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Addresses"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onCouponsClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Coupons"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onEditProfileClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Edit Profile"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-divider"
+    }, " "), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: orderIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onCurrentOrdersClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Current Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPastOrdersClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Past Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-divider"
+    }, " "), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: saleIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Sales"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPastSalesClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Sales & Consignments"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPaidOutClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Paid Out"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__block-button",
+      onClick: onLuxityShopClick
+    }, "LUXITY SHOP")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onDashboardClick
+    }, "Dashboard")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("a", {
+      href: bugReportLink,
+      className: "side-nav__sub-link"
+    }, "Help")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onLogoutClick
+    }, "Logout")))));
+  };
+
   var StoresDropdown = function StoresDropdown(_ref) {
     var backIcon = _ref.backIcon,
         onBackClick = _ref.onBackClick,
@@ -619,20 +794,37 @@
         cartIcon = _ref.cartIcon,
         cartCount = _ref.cartCount,
         closeIcon = _ref.closeIcon,
+        accountIcon = _ref.accountIcon,
+        saleIcon = _ref.saleIcon,
+        orderIcon = _ref.orderIcon,
         accordionIcon = _ref.accordionIcon,
         backIcon = _ref.backIcon,
         productsUrl = _ref.productsUrl,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
         onAccountClick = _ref.onAccountClick,
+        onDashboardClick = _ref.onDashboardClick,
         contactUsLink = _ref.contactUsLink,
         ourStoryLink = _ref.ourStoryLink,
         blogLink = _ref.blogLink,
+        bugReportLink = _ref.bugReportLink,
         onSellToUsClick = _ref.onSellToUsClick,
         onLogoClick = _ref.onLogoClick,
+        onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
         onSearchSubmit = _ref.onSearchSubmit,
-        onProductIdsReceived = _ref.onProductIdsReceived;
+        onProductIdsReceived = _ref.onProductIdsReceived,
+        onLogoutClick = _ref.onLogoutClick,
+        onInterestClick = _ref.onInterestClick,
+        onAddressClick = _ref.onAddressClick,
+        onCouponsClick = _ref.onCouponsClick,
+        onEditProfileClick = _ref.onEditProfileClick,
+        onCurrentOrdersClick = _ref.onCurrentOrdersClick,
+        onPastOrdersClick = _ref.onPastOrdersClick,
+        onPastSalesClick = _ref.onPastSalesClick,
+        onPaidOutClick = _ref.onPaidOutClick,
+        shop = _ref.shop,
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -717,6 +909,56 @@
       setShowSideNav(false);
     };
 
+    var handleLuxityShopClick = function handleLuxityShopClick() {
+      onLuxityShopClick();
+      setShowSideNav(false);
+    };
+
+    var handleLogoutClick = function handleLogoutClick() {
+      onLogoutClick();
+      setShowSideNav(false);
+    };
+
+    var handleInterestClick = function handleInterestClick() {
+      onInterestClick();
+      setShowSideNav(false);
+    };
+
+    var handleAddressClick = function handleAddressClick() {
+      onAddressClick();
+      setShowSideNav(false);
+    };
+
+    var handleCouponsClick = function handleCouponsClick() {
+      onCouponsClick();
+      setShowSideNav(false);
+    };
+
+    var handleEditProfileClick = function handleEditProfileClick() {
+      onEditProfileClick();
+      setShowSideNav(false);
+    };
+
+    var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
+      onCurrentOrdersClick();
+      setShowSideNav(false);
+    };
+
+    var handlePastOrdersClick = function handlePastOrdersClick() {
+      onPastOrdersClick();
+      setShowSideNav(false);
+    };
+
+    var handlePastSalesClick = function handlePastSalesClick() {
+      onPastSalesClick();
+      setShowSideNav(false);
+    };
+
+    var handlePaidOutClick = function handlePaidOutClick() {
+      onPaidOutClick();
+      setShowSideNav(false);
+    };
+
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar navbar__mobile-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -742,7 +984,7 @@
       className: "navbar__icons-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__icons"
-    }, /*#__PURE__*/React__default.createElement("button", {
+    }, shop && /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon",
       onClick: onSearchClick
@@ -757,7 +999,7 @@
     }, /*#__PURE__*/React__default.createElement("img", {
       src: cartIcon,
       alt: "cart-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), shop && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__cart-count"
     }, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__product-search-wrapper"
@@ -787,7 +1029,7 @@
       },
       onSearchSubmit: onSearchSubmit,
       setSearchValue: setSearchValue
-    }), /*#__PURE__*/React__default.createElement(LuxitySideNav, {
+    }), shop && /*#__PURE__*/React__default.createElement(LuxitySideNav, {
       accordionIcon: accordionIcon,
       logoSrc: logoSrc,
       closeIcon: closeIcon,
@@ -804,6 +1046,28 @@
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,
       endpoint: endpoint
+    }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
+      accordionIcon: accordionIcon,
+      closeIcon: closeIcon,
+      accountIcon: accountIcon,
+      orderIcon: orderIcon,
+      saleIcon: saleIcon,
+      onDashboardClick: onDashboardClick,
+      onLogoutClick: handleLogoutClick,
+      bugReportLink: bugReportLink,
+      ourStoryLink: ourStoryLink,
+      blogLink: blogLink,
+      onLuxityShopClick: handleLuxityShopClick,
+      showSideNav: showSideNav,
+      onMenuClick: onMenuClick,
+      onInterestClick: handleInterestClick,
+      onAddressClick: handleAddressClick,
+      onCouponsClick: handleCouponsClick,
+      onEditProfileClick: handleEditProfileClick,
+      onCurrentOrdersClick: handleCurrentOrdersClick,
+      onPastOrdersClick: handlePastOrdersClick,
+      onPastSalesClick: handlePastSalesClick,
+      onPaidOutClick: handlePaidOutClick
     }));
   };
 

package/build/bundle.css

@@ -1 +1 @@
-.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom: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%}.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__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;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 .dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.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)}}
+.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}}.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%}.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}.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%}

package/build/bundle.js

@@ -14455,16 +14455,20 @@
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__title"
     }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
-      className: "dropdown__elements"
+      className: "dropdown__brand-elements"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "dropdown__brand-element"
     }, /*#__PURE__*/React__default.createElement("a", {
       href: "".concat(productsUrl, "/").concat(categorySlug),
       className: "dropdown__element"
-    }, "All ", categoryTitle), !!brandElements.length && brandElements.map(function (brand) {
-      return /*#__PURE__*/React__default.createElement("a", {
+    }, "All ", categoryTitle)), !!brandElements.length && brandElements.map(function (brand) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "dropdown__brand-element"
+      }, /*#__PURE__*/React__default.createElement("a", {
         href: "".concat(productsUrl, "/").concat(categorySlug, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
         className: "dropdown__element",
         key: brand.name
-      }, brand === null || brand === void 0 ? void 0 : brand.name);
+      }, brand === null || brand === void 0 ? void 0 : brand.name));
     }))), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__column"
     }, /*#__PURE__*/React__default.createElement("img", {
@@ -14629,7 +14633,9 @@
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
         onSearchSubmit = _ref.onSearchSubmit,
-        onProductIdsReceived = _ref.onProductIdsReceived;
+        onProductIdsReceived = _ref.onProductIdsReceived,
+        shop = _ref.shop,
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -14778,7 +14784,8 @@
       placeholder: "Search for items and designs",
       value: searchValue,
       onChange: handleChange,
-      onKeyDown: handleKeyDown
+      onKeyDown: handleKeyDown,
+      onClick: onSearch
     })), /*#__PURE__*/React__default.createElement(SearchResults, {
       searchValue: searchValue,
       searchLoading: searchLoading,
@@ -14910,12 +14917,12 @@
       className: "navbar__icons"
     }, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "navbar__icon",
+      className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
       onClick: onInterestClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: interestIcon,
       alt: "interest-icon"
-    })), /*#__PURE__*/React__default.createElement("button", {
+    })), shop && /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon",
       onClick: onAccountClick
@@ -14924,12 +14931,12 @@
       alt: "account-icon"
     })), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "navbar__cart-icon navbar__icon",
+      className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
       onClick: onCartClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: cartIcon,
       alt: "cart-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), shop && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__cart-count"
     }, cartCount))), /*#__PURE__*/React__default.createElement("nav", {
       className: "navbar__nav-links"
@@ -15383,6 +15390,181 @@
     })));
   };
 
+  var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
+    var closeIcon = _ref.closeIcon,
+        accountIcon = _ref.accountIcon,
+        orderIcon = _ref.orderIcon,
+        saleIcon = _ref.saleIcon,
+        onDashboardClick = _ref.onDashboardClick,
+        onLogoutClick = _ref.onLogoutClick,
+        bugReportLink = _ref.bugReportLink,
+        onLuxityShopClick = _ref.onLuxityShopClick,
+        onInterestClick = _ref.onInterestClick,
+        onAddressClick = _ref.onAddressClick,
+        onCouponsClick = _ref.onCouponsClick,
+        onEditProfileClick = _ref.onEditProfileClick,
+        onCurrentOrdersClick = _ref.onCurrentOrdersClick,
+        onPastOrdersClick = _ref.onPastOrdersClick,
+        onPastSalesClick = _ref.onPastSalesClick,
+        onPaidOutClick = _ref.onPaidOutClick,
+        showSideNav = _ref.showSideNav,
+        onMenuClick = _ref.onMenuClick;
+
+    var onCloseSideNav = function onCloseSideNav(e) {
+      onMenuClick();
+
+      if (e.key === 'Enter') {
+        e.preventDefault();
+      }
+    };
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      role: "button",
+      tabIndex: 0,
+      className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
+      onClick: onCloseSideNav,
+      onKeyDown: onCloseSideNav
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      onClick: onMenuClick,
+      className: "side-nav__icon-container"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: closeIcon,
+      alt: "close-icon",
+      className: "side-nav__close-icon"
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-items-wrapper"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: accountIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Account"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onInterestClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Interests"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onAddressClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Addresses"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onCouponsClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Coupons"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onEditProfileClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Edit Profile"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-divider"
+    }, " "), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: orderIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onCurrentOrdersClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Current Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPastOrdersClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Past Orders"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-divider"
+    }, " "), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: saleIcon,
+      alt: "close-icon",
+      className: "side-nav__menu-icon"
+    }), "My Sales"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPastSalesClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Sales & Consignments"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: onPaidOutClick
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Paid Out"))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__block-button",
+      onClick: onLuxityShopClick
+    }, "LUXITY SHOP")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onDashboardClick
+    }, "Dashboard")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("a", {
+      href: bugReportLink,
+      className: "side-nav__sub-link"
+    }, "Help")), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__sub-link",
+      onClick: onLogoutClick
+    }, "Logout")))));
+  };
+
   var LuxityMobileHeader = function LuxityMobileHeader(_ref) {
     var logoSrc = _ref.logoSrc,
         menuIcon = _ref.menuIcon,
@@ -15392,20 +15574,37 @@
         cartIcon = _ref.cartIcon,
         cartCount = _ref.cartCount,
         closeIcon = _ref.closeIcon,
+        accountIcon = _ref.accountIcon,
+        saleIcon = _ref.saleIcon,
+        orderIcon = _ref.orderIcon,
         accordionIcon = _ref.accordionIcon,
         backIcon = _ref.backIcon,
         productsUrl = _ref.productsUrl,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
         onAccountClick = _ref.onAccountClick,
+        onDashboardClick = _ref.onDashboardClick,
         contactUsLink = _ref.contactUsLink,
         ourStoryLink = _ref.ourStoryLink,
         blogLink = _ref.blogLink,
+        bugReportLink = _ref.bugReportLink,
         onSellToUsClick = _ref.onSellToUsClick,
         onLogoClick = _ref.onLogoClick,
+        onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
         onSearchSubmit = _ref.onSearchSubmit,
-        onProductIdsReceived = _ref.onProductIdsReceived;
+        onProductIdsReceived = _ref.onProductIdsReceived,
+        onLogoutClick = _ref.onLogoutClick,
+        onInterestClick = _ref.onInterestClick,
+        onAddressClick = _ref.onAddressClick,
+        onCouponsClick = _ref.onCouponsClick,
+        onEditProfileClick = _ref.onEditProfileClick,
+        onCurrentOrdersClick = _ref.onCurrentOrdersClick,
+        onPastOrdersClick = _ref.onPastOrdersClick,
+        onPastSalesClick = _ref.onPastSalesClick,
+        onPaidOutClick = _ref.onPaidOutClick,
+        shop = _ref.shop,
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -15490,6 +15689,56 @@
       setShowSideNav(false);
     };
 
+    var handleLuxityShopClick = function handleLuxityShopClick() {
+      onLuxityShopClick();
+      setShowSideNav(false);
+    };
+
+    var handleLogoutClick = function handleLogoutClick() {
+      onLogoutClick();
+      setShowSideNav(false);
+    };
+
+    var handleInterestClick = function handleInterestClick() {
+      onInterestClick();
+      setShowSideNav(false);
+    };
+
+    var handleAddressClick = function handleAddressClick() {
+      onAddressClick();
+      setShowSideNav(false);
+    };
+
+    var handleCouponsClick = function handleCouponsClick() {
+      onCouponsClick();
+      setShowSideNav(false);
+    };
+
+    var handleEditProfileClick = function handleEditProfileClick() {
+      onEditProfileClick();
+      setShowSideNav(false);
+    };
+
+    var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
+      onCurrentOrdersClick();
+      setShowSideNav(false);
+    };
+
+    var handlePastOrdersClick = function handlePastOrdersClick() {
+      onPastOrdersClick();
+      setShowSideNav(false);
+    };
+
+    var handlePastSalesClick = function handlePastSalesClick() {
+      onPastSalesClick();
+      setShowSideNav(false);
+    };
+
+    var handlePaidOutClick = function handlePaidOutClick() {
+      onPaidOutClick();
+      setShowSideNav(false);
+    };
+
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar navbar__mobile-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -15515,7 +15764,7 @@
       className: "navbar__icons-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__icons"
-    }, /*#__PURE__*/React__default.createElement("button", {
+    }, shop && /*#__PURE__*/React__default.createElement("button", {
       type: "button",
       className: "navbar__icon",
       onClick: onSearchClick
@@ -15530,7 +15779,7 @@
     }, /*#__PURE__*/React__default.createElement("img", {
       src: cartIcon,
       alt: "cart-icon"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }), shop && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__cart-count"
     }, cartCount))))), showSearchBar && /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__product-search-wrapper"
@@ -15560,7 +15809,7 @@
       },
       onSearchSubmit: onSearchSubmit,
       setSearchValue: setSearchValue
-    }), /*#__PURE__*/React__default.createElement(LuxitySideNav, {
+    }), shop && /*#__PURE__*/React__default.createElement(LuxitySideNav, {
       accordionIcon: accordionIcon,
       logoSrc: logoSrc,
       closeIcon: closeIcon,
@@ -15577,6 +15826,28 @@
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,
       endpoint: endpoint
+    }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
+      accordionIcon: accordionIcon,
+      closeIcon: closeIcon,
+      accountIcon: accountIcon,
+      orderIcon: orderIcon,
+      saleIcon: saleIcon,
+      onDashboardClick: onDashboardClick,
+      onLogoutClick: handleLogoutClick,
+      bugReportLink: bugReportLink,
+      ourStoryLink: ourStoryLink,
+      blogLink: blogLink,
+      onLuxityShopClick: handleLuxityShopClick,
+      showSideNav: showSideNav,
+      onMenuClick: onMenuClick,
+      onInterestClick: handleInterestClick,
+      onAddressClick: handleAddressClick,
+      onCouponsClick: handleCouponsClick,
+      onEditProfileClick: handleEditProfileClick,
+      onCurrentOrdersClick: handleCurrentOrdersClick,
+      onPastOrdersClick: handlePastOrdersClick,
+      onPastSalesClick: handlePastSalesClick,
+      onPaidOutClick: handlePaidOutClick
     }));
   };
 
@@ -15590,6 +15861,7 @@
   exports.InterestItem = InterestItem$1;
   exports.Interests = Interests;
   exports.InvertedTextButton = InvertedTextButton$1;
+  exports.LuxityAppSideNav = LuxityAppSideNav;
   exports.LuxityDesktopHeader = LuxityDesktopHeader;
   exports.LuxityFooter = index$6;
   exports.LuxityMobileHeader = LuxityMobileHeader;

package/package.json

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