@bonlineza/luxity-lib 2.36.1-beta.0 → 2.36.1-beta.2

package/build/bundle.js

@@ -10152,11 +10152,12 @@
         var _data$data$user = data.data.user,
             email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
             whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule,
-            vip = _data$data$user.vip;
+            isEarlyAccess = _data$data$user.isEarlyAccess,
+            isExclusive = _data$data$user.isExclusive;
 
         _this.setState({
           options: options,
-          isVip: vip,
+          canReceiveWhatsAppNotifications: isEarlyAccess || isExclusive,
           emailSelectedOption: options.find(function (item) {
             return item.value === email_interest_send_schedule;
           }),
@@ -10171,7 +10172,7 @@
             options = _this$state.options,
             emailSelectedOption = _this$state.emailSelectedOption,
             whatsappSelectedOption = _this$state.whatsappSelectedOption,
-            isVip = _this$state.isVip,
+            canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
             updating = _this$state.request.fetching;
         return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           getRequestPromise: _this.props.getSchedule,
@@ -10180,7 +10181,7 @@
           }
         }, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-settings"
-        }, isVip && /*#__PURE__*/React__default.createElement("div", {
+        }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
           className: "notification-row-wrapper"
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-dropdown-label"
@@ -10225,7 +10226,7 @@
         options: [],
         emailSelectedOption: null,
         whatsappSelectedOption: null,
-        isVip: false,
+        canReceiveWhatsAppNotifications: false,
         request: _objectSpread2({}, request)
       };
       return _this;
@@ -15562,13 +15563,13 @@
         setError = _useForm.setError;
 
     var renderLinks = function renderLinks(links, title) {
-      return !!links.length && /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default.createElement("div", {
         className: "footer__link-container"
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "footer__link-title"
       }, title), /*#__PURE__*/React__default.createElement("div", {
         className: "footer__links"
-      }, links.map(function (link) {
+      }, !!links.length && links.map(function (link) {
         return /*#__PURE__*/React__default.createElement("div", {
           className: "footer__link-wrapper",
           key: link.label
@@ -15737,7 +15738,7 @@
       height: 100
     })), /*#__PURE__*/React__default.createElement("p", {
       className: "footer__copyright"
-    }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved | Website Developed by B Online"))), /*#__PURE__*/React__default.createElement("div", {
+    }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved"))), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__wrapper footer__wrapper--mobile"
     }, /*#__PURE__*/React__default.createElement(CurrencySelect, {
       currency: currency,
@@ -15751,20 +15752,20 @@
     }), /*#__PURE__*/React__default.createElement(AccordionSection, {
       title: "POPULAR",
       links: popularLinks
-    }), !!sellLinks.length && /*#__PURE__*/React__default.createElement(AccordionSection, {
+    }), /*#__PURE__*/React__default.createElement(AccordionSection, {
       title: "SELL",
       links: sellLinks
     }), /*#__PURE__*/React__default.createElement(AccordionSection, {
       title: "COMPANY",
       links: companyLinks
-    }), !!storeLinks.length && /*#__PURE__*/React__default.createElement(AccordionSection, {
+    }), /*#__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")));
+    }, "Copyright ", currentYear, " | Luxity (Pty) LTD | All Rights Reserved")));
   };
 
   var index$6 = themed(LuxityFooter);
@@ -16066,6 +16067,37 @@
     }, contactNumber)));
   };
 
+  var categories$1 = {
+    shoes: {
+      name: 'Shoes',
+      slug: 'shoes'
+    },
+    bags: {
+      name: 'Bags',
+      slug: 'bags'
+    },
+    clothing: {
+      name: 'Clothing',
+      slug: 'apparel'
+    },
+    watches: {
+      name: 'Watches',
+      slug: 'watches'
+    },
+    accessories: {
+      name: 'Accessories',
+      slug: 'accessories'
+    }
+  };
+
+  var removeCategoryByName = function removeCategoryByName(categories, name) {
+    var _categories$filter;
+
+    return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
+      return category.name !== name;
+    })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
+  };
+
   var SearchResults = function SearchResults(_ref) {
     var searchValue = _ref.searchValue,
         searchResults = _ref.searchResults,
@@ -16119,14 +16151,6 @@
     return null;
   };
 
-  var removeCategoryByName = function removeCategoryByName(categories, name) {
-    var _categories$filter;
-
-    return (_categories$filter = categories === null || categories === void 0 ? void 0 : categories.filter(function (category) {
-      return category.name.toLowerCase() !== name.toLowerCase();
-    })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
-  };
-
   var LuxityDesktopHeader = function LuxityDesktopHeader(_ref) {
     var accountIcon = _ref.accountIcon,
         cartIcon = _ref.cartIcon,
@@ -16134,6 +16158,12 @@
         cartCount = _ref.cartCount,
         logoSrc = _ref.logoSrc,
         categoryElements = _ref.categoryElements,
+        newBrandsImage = _ref.newBrandsImage,
+        bagsImage = _ref.bagsImage,
+        shoesImage = _ref.shoesImage,
+        clothingImage = _ref.clothingImage,
+        accessoriesImage = _ref.accessoriesImage,
+        watchesImage = _ref.watchesImage,
         stores = _ref.stores,
         contactNumber = _ref.contactNumber,
         productsUrl = _ref.productsUrl,
@@ -16148,6 +16178,7 @@
         ourStoryLink = _ref.ourStoryLink,
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         currency = _ref.currency,
@@ -16155,12 +16186,13 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
-        vipIcon = _ref.vipIcon,
+        earlyAccessIcon = _ref.earlyAccessIcon,
+        exclusiveIcon = _ref.exclusiveIcon,
         name = _ref.name,
-        isVip = _ref.isVip,
+        isEarlyAccess = _ref.isEarlyAccess,
+        isExclusive = _ref.isExclusive,
         shop = _ref.shop,
-        app = _ref.app,
-        categoryConfig = _ref.categoryConfig;
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -16172,7 +16204,16 @@
         loading = _useState4[0],
         setLoading = _useState4[1];
 
-    var _useState5 = React.useState({}),
+    var _useState5 = React.useState({
+      latestArrivals: [],
+      bags: [],
+      shoes: [],
+      clothing: [],
+      accessories: [],
+      watches: [],
+      accessoriesCategories: [],
+      apparelStyles: []
+    }),
         _useState6 = _slicedToArray(_useState5, 2),
         dropdownData = _useState6[0],
         setDropdownData = _useState6[1];
@@ -16273,63 +16314,38 @@
       }
     };
 
-    React.useMemo(function () {
-      setLoading(true);
-      axios.get("".concat(categoryConfig.menuData)).then(function (_ref2) {
-        var data = _ref2.data;
-        setLoading(false);
-        setDropdownData(data);
-      }).catch(function () {
-        return setHasError(true);
-      });
-    }, [categoryConfig.menuData]);
-
-    var addCategoryToElements = function addCategoryToElements(elements, categoryName) {
+    function addCategoryToElements(elements, categoryName) {
       return elements.map(function (element) {
         return _objectSpread2(_objectSpread2({}, element), {}, {
           category: categoryName
         });
       });
-    };
-
-    var renderDropdownLinks = function renderDropdownLinks() {
-      return categoryConfig.categories.map(function (category) {
-        var title = category.title,
-            imageSrc = category.imageSrc,
-            categorySlug = category.categorySlug,
-            categoryName = category.categoryName,
-            elementsKey = category.elementsKey,
-            subCategoryElementsKey = category.subCategoryElementsKey,
-            styleElementsKey = category.styleElementsKey;
-        var categoryElementsProcessed = categoryElements;
-
-        if (subCategoryElementsKey && dropdownData[subCategoryElementsKey]) {
-          // show subcategory elements
-          categoryElementsProcessed = removeCategoryByName(dropdownData[subCategoryElementsKey], categoryName);
-        } else if (styleElementsKey && dropdownData[styleElementsKey]) {
-          categoryElementsProcessed = addCategoryToElements(dropdownData[styleElementsKey], categorySlug);
-        } else {
-          categoryElementsProcessed = addCategoryToElements(categoryElementsProcessed, categorySlug);
-        }
+    }
 
-        return /*#__PURE__*/React__default.createElement(DropdownLink$1, {
-          key: categorySlug,
-          title: title,
-          imageSrc: imageSrc,
-          categoryElements: categoryElementsProcessed,
-          brandElements: dropdownData[elementsKey] || [],
-          productsUrl: productsUrl,
-          categorySlug: categorySlug,
-          categoryTitle: categoryName,
-          isLoading: loading,
-          hasError: hasError,
-          LinkComponent: LinkComponent
+    React.useMemo(function () {
+      setLoading(true);
+      axios.get("".concat(menuData)).then(function (_ref2) {
+        var data = _ref2.data;
+        setLoading(false);
+        setDropdownData(function (prev) {
+          return _objectSpread2(_objectSpread2({}, prev), {}, {
+            latestArrivals: data.latest_arrivals,
+            bags: data.bags,
+            shoes: data.shoes,
+            apparel: data.apparel,
+            accessories: data.accessories,
+            watches: data.watches,
+            accessoriesCategories: data.accessories_categories,
+            apparelStyles: data.apparel_styles
+          });
         });
+      }).catch(function () {
+        return setHasError(true);
       });
-    };
+    }, [menuData]);
 
-    var getMarginRight = function getMarginRight(userIsVip, userName) {
-      if (userIsVip) return '15px';
+    var getMarginRight = function getMarginRight(showLoyaltyIcon, userName) {
+      if (showLoyaltyIcon) return '15px';
       if (userName) return '5px';
       return '18px';
     };
@@ -16383,9 +16399,74 @@
       setSearchValue: setSearchValue
     }), /*#__PURE__*/React__default.createElement("nav", {
       className: "navbar__nav-links navbar__nav-links--wrap"
-    }, renderDropdownLinks(), !!stores.length && /*#__PURE__*/React__default.createElement("li", {
-      className: "navbar__link",
-      key: "Stores"
+    }, /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "New",
+      imageSrc: newBrandsImage,
+      categoryElements: categoryElements,
+      brandElements: dropdownData.latestArrivals,
+      productsUrl: productsUrl,
+      categorySlug: "brands",
+      categoryTitle: "Brands",
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "Bags",
+      imageSrc: bagsImage,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
+      brandElements: dropdownData.bags,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.bags.slug,
+      categoryTitle: categories$1.bags.name,
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "Shoes",
+      imageSrc: shoesImage,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
+      brandElements: dropdownData.shoes,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.shoes.slug,
+      categoryTitle: categories$1.shoes.name,
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "Clothing",
+      imageSrc: clothingImage,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories$1.clothing.slug),
+      brandElements: dropdownData.apparel,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.clothing.slug,
+      categoryTitle: categories$1.clothing.name,
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "Accessories",
+      imageSrc: accessoriesImage,
+      categoryElements: removeCategoryByName(dropdownData.accessoriesCategories, 'ACCESSORIES'),
+      brandElements: dropdownData.accessories,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.accessories.slug,
+      categoryTitle: categories$1.accessories.name,
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(DropdownLink$1, {
+      title: "Watches",
+      imageSrc: watchesImage,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
+      brandElements: dropdownData.watches,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.watches.slug,
+      categoryTitle: categories$1.watches.name,
+      isLoading: loading,
+      hasError: hasError,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement("li", {
+      className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement(LinkComponent, {
       href: contactUsLink,
       className: "navbar__link-item navbar__link-item--desktop"
@@ -16409,17 +16490,23 @@
       className: "navbar__icon relative flex",
       onClick: onAccountClick,
       style: {
-        marginRight: getMarginRight(isVip, name)
+        marginRight: getMarginRight(isEarlyAccess || isExclusive, name)
       }
     }, /*#__PURE__*/React__default.createElement("img", {
       src: accountIcon,
       alt: "account-icon",
       width: 20,
       height: 20
-    }), isVip && /*#__PURE__*/React__default.createElement("img", {
-      src: vipIcon,
-      alt: "vip-icon",
-      className: "navbar__vip-icon",
+    }), isEarlyAccess && /*#__PURE__*/React__default.createElement("img", {
+      src: earlyAccessIcon,
+      alt: "loyalty-icon",
+      className: "navbar__loyalty-icon",
+      width: 16,
+      height: 16
+    }), isExclusive && /*#__PURE__*/React__default.createElement("img", {
+      src: exclusiveIcon,
+      alt: "loyalty-icon",
+      className: "navbar__loyalty-icon",
       width: 16,
       height: 16
     })), name && /*#__PURE__*/React__default.createElement("button", {
@@ -16597,8 +16684,7 @@
         onCartClick = _ref.onCartClick,
         onContactUsClick = _ref.onContactUsClick,
         onOurStoryClick = _ref.onOurStoryClick,
-        _ref$onBlogClick = _ref.onBlogClick,
-        onBlogClick = _ref$onBlogClick === void 0 ? undefined : _ref$onBlogClick,
+        onBlogClick = _ref.onBlogClick,
         onSellToUsClick = _ref.onSellToUsClick,
         stores = _ref.stores,
         categoryElements = _ref.categoryElements,
@@ -16610,8 +16696,7 @@
         onCurrencyChange = _ref.onCurrencyChange,
         isCurrencySelectionDisabled = _ref.isCurrencySelectionDisabled,
         tooltipContent = _ref.tooltipContent,
-        LinkComponent = _ref.LinkComponent,
-        categoryConfig = _ref.categoryConfig;
+        LinkComponent = _ref.LinkComponent;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -16628,7 +16713,16 @@
         loading = _useState6[0],
         setLoading = _useState6[1];
 
-    var _useState7 = React.useState({}),
+    var _useState7 = React.useState({
+      latestArrivals: [],
+      bags: [],
+      shoes: [],
+      apparel: [],
+      accessories: [],
+      watches: [],
+      accessoriesCategories: [],
+      apparelStyles: []
+    }),
         _useState8 = _slicedToArray(_useState7, 2),
         dropdownData = _useState8[0],
         setDropdownData = _useState8[1];
@@ -16678,88 +16772,22 @@
       axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
-        setDropdownData(data);
+        setDropdownData(function (prev) {
+          return _objectSpread2(_objectSpread2({}, prev), {}, {
+            latestArrivals: data.latest_arrivals,
+            bags: data.bags,
+            shoes: data.shoes,
+            apparel: data.apparel,
+            accessories: data.accessories,
+            watches: data.watches,
+            accessoriesCategories: data.accessories_categories,
+            apparelStyles: data.apparel_styles
+          });
+        });
       }).catch(function () {
         return setHasError(true);
       });
     }, [menuData]);
-
-    var renderMenuItems = function renderMenuItems() {
-      return categoryConfig.categories.map(function (category) {
-        var title = category.title,
-            categorySlug = category.categorySlug;
-        var slug = categorySlug;
-
-        if (categorySlug === 'brands') {
-          slug = 'new';
-        }
-
-        return /*#__PURE__*/React__default.createElement("div", {
-          className: "side-nav__menu-item"
-        }, /*#__PURE__*/React__default.createElement("button", {
-          type: "button",
-          className: "side-nav__menu-title-wrapper",
-          onClick: function onClick() {
-            return onSubMenuClick(slug);
-          }
-        }, /*#__PURE__*/React__default.createElement("span", {
-          className: "side-nav__menu-title"
-        }, title), /*#__PURE__*/React__default.createElement("img", {
-          src: accordionIcon,
-          alt: "accordion-icon",
-          className: "side-nav__accordion-icon"
-        })));
-      });
-    };
-
-    var renderDropdownLinks = function renderDropdownLinks() {
-      return categoryConfig.categories.map(function (category) {
-        var categorySlug = category.categorySlug,
-            categoryName = category.categoryName,
-            elementsKey = category.elementsKey,
-            subCategoryElementsKey = category.subCategoryElementsKey,
-            styleElementsKey = category.styleElementsKey;
-        var categoryElementsProcessed = categoryElements;
-
-        if (subCategoryElementsKey && dropdownData[subCategoryElementsKey]) {
-          // show subcategory elements
-          categoryElementsProcessed = removeCategoryByName(dropdownData[subCategoryElementsKey], categoryName);
-        } else if (styleElementsKey && dropdownData[styleElementsKey]) {
-          categoryElementsProcessed = addCategoryToElements(dropdownData[styleElementsKey], categorySlug);
-        } else {
-          categoryElementsProcessed = addCategoryToElements(categoryElementsProcessed, categorySlug);
-        }
-
-        var subMenuTitle = 'Brands';
-
-        if (categorySlug !== 'brands') {
-          subMenuTitle = "".concat(categoryName, " Brands");
-        }
-
-        var subMenu = categorySlug;
-
-        if (subMenu === 'brands') {
-          subMenu = 'new';
-        }
-
-        return /*#__PURE__*/React__default.createElement(BrandsDropDown, {
-          subMenuOpen: subMenuOpen && displayedSubMenu === subMenu,
-          onBackClick: onBackClick,
-          backIcon: backIcon,
-          subMenuCategoryTitle: "Department",
-          productUrl: productUrl,
-          categoryElements: categoryElementsProcessed,
-          subMenuBrandsTitle: subMenuTitle,
-          brandsList: dropdownData[elementsKey],
-          categorySlug: displayedSubMenu,
-          isLoading: loading,
-          hasError: hasError,
-          onCloseSideNav: onCloseSideNav,
-          LinkComponent: LinkComponent
-        });
-      });
-    };
-
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -16780,7 +16808,91 @@
       className: "side-nav__close-icon"
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-items-wrapper"
-    }, renderMenuItems(), !!stores.length && /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('new');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "New"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('bags');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Bags"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('shoes');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Shoes"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('apparel');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Clothing"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('accessories');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Accessories"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      className: "side-nav__menu-item"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "side-nav__menu-title-wrapper",
+      onClick: function onClick() {
+        return onSubMenuClick('watches');
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "side-nav__menu-title"
+    }, "Watches"), /*#__PURE__*/React__default.createElement("img", {
+      src: accordionIcon,
+      alt: "accordion-icon",
+      className: "side-nav__accordion-icon"
+    }))), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
     }, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
@@ -16804,7 +16916,7 @@
       type: "button",
       className: "side-nav__sub-link",
       onClick: onOurStoryClick
-    }, "Our Story")), typeof onBlogClick === 'function' && /*#__PURE__*/React__default.createElement("div", {
+    }, "Our Story")), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__menu-item"
     }, /*#__PURE__*/React__default.createElement("button", {
       type: "button",
@@ -16834,7 +16946,91 @@
       onCurrencyChange: onCurrencyChange,
       isCurrencySelectionDisabled: isCurrencySelectionDisabled,
       tooltipContent: tooltipContent
-    }))), renderDropdownLinks(), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
+    }))), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'new',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Department",
+      productUrl: productUrl,
+      categoryElements: categoryElements,
+      subMenuBrandsTitle: "Brands",
+      brandsList: dropdownData.latestArrivals,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Department",
+      productUrl: productUrl,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
+      subMenuBrandsTitle: "Bag Brands",
+      brandsList: dropdownData.bags,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Department",
+      productUrl: productUrl,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
+      subMenuBrandsTitle: "Shoe Brands",
+      brandsList: dropdownData.shoes,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Department",
+      productUrl: productUrl,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories$1.clothing.slug),
+      subMenuBrandsTitle: "Clothing Brands",
+      brandsList: dropdownData.apparel,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Categories",
+      productUrl: productUrl,
+      categoryElements: removeCategoryByName(dropdownData.accessoriesCategories, 'ACCESSORIES'),
+      subMenuBrandsTitle: "Accessory Brands",
+      brandsList: dropdownData.accessories,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
+      subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
+      onBackClick: onBackClick,
+      backIcon: backIcon,
+      subMenuCategoryTitle: "Department",
+      productUrl: productUrl,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
+      subMenuBrandsTitle: "Watches Brands",
+      brandsList: dropdownData.watches,
+      categorySlug: displayedSubMenu,
+      isLoading: loading,
+      hasError: hasError,
+      onCloseSideNav: onCloseSideNav,
+      LinkComponent: LinkComponent
+    }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content"
     }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
       backIcon: backIcon,
@@ -16844,10 +17040,6 @@
     })));
   };
 
-  LuxitySideNav.defaultProps = {
-    onBlogClick: undefined
-  };
-
   var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
     var closeIcon = _ref.closeIcon,
         accountIcon = _ref.accountIcon,
@@ -17052,8 +17244,7 @@
         onDashboardClick = _ref.onDashboardClick,
         onContactUsClick = _ref.onContactUsClick,
         onOurStoryClick = _ref.onOurStoryClick,
-        _ref$onBlogClick = _ref.onBlogClick,
-        onBlogClick = _ref$onBlogClick === void 0 ? undefined : _ref$onBlogClick,
+        onBlogClick = _ref.onBlogClick,
         bugReportLink = _ref.bugReportLink,
         onSellToUsClick = _ref.onSellToUsClick,
         onLogoClick = _ref.onLogoClick,
@@ -17079,8 +17270,7 @@
         tooltipContent = _ref.tooltipContent,
         LinkComponent = _ref.LinkComponent,
         shop = _ref.shop,
-        app = _ref.app,
-        categoryConfig = _ref.categoryConfig;
+        app = _ref.app;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -17259,9 +17449,10 @@
       return handleClick(onOurStoryClick);
     };
 
-    var handleBlogClick = onBlogClick ? function () {
+    var handleBlogClick = function handleBlogClick() {
       return handleClick(onBlogClick);
-    } : undefined;
+    };
+
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar navbar__mobile-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -17365,8 +17556,7 @@
       onCurrencyChange: onCurrencyChange,
       isCurrencySelectionDisabled: isCurrencySelectionDisabled,
       tooltipContent: tooltipContent,
-      LinkComponent: LinkComponent,
-      categoryConfig: categoryConfig
+      LinkComponent: LinkComponent
     }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
       accordionIcon: accordionIcon,
       closeIcon: closeIcon,