@bonlineza/luxity-lib 2.32.9 → 2.33.1

package/LuxityDesktopHeader.js

@@ -234,11 +234,6 @@
           React.createElement("span", { style: style(3) })));
   }
 
-  var getBrands = function getBrands() {
-    return {
-      query: "{\n        latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n        bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n        shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n        apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n        accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n        watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n        accessories_categories: luxity_accessories_categories_list { id name slug }\n        apparel_styles: luxity_apparel_styles_list { name slug }\n      }  "
-    };
-  };
   var searchProducts = function searchProducts(search, limit) {
     return {
       query: "\n      query SearchProducts($search: String!, $limit: Int!) {\n        luxity_products_serach_results(search: $search, limit: $limit) {\n          brands {\n            name\n            link\n          }\n          products {\n            name\n            link\n          }\n          luxity_product_ids\n        }\n      }\n    ",
@@ -319,13 +314,13 @@
     }, !!stores.length && stores.map(function (store) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-details",
-        key: store.name
+        key: store.title
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-image"
       }, /*#__PURE__*/React__default.createElement("img", {
         className: "stores-dropdown__image",
         src: store.image,
-        alt: store.name
+        alt: store.title
       })), /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-info"
       }, /*#__PURE__*/React__default.createElement("h4", {
@@ -464,6 +459,7 @@
         ourStoryLink = _ref.ourStoryLink,
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         shop = _ref.shop,
@@ -588,25 +584,25 @@
 
     React.useMemo(function () {
       setLoading(true);
-      axios.post("".concat(endpoint), getBrands()).then(function (_ref2) {
+      axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
         setDropdownData(function (prev) {
           return _objectSpread2(_objectSpread2({}, prev), {}, {
-            latestArrivals: data.data.latest_arrivals.data,
-            bags: data.data.bags.data,
-            shoes: data.data.shoes.data,
-            apparel: data.data.apparel.data,
-            accessories: data.data.accessories.data,
-            watches: data.data.watches.data,
-            accessoriesCategories: data.data.accessories_categories,
-            apparelStyles: data.data.apparel_styles
+            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);
       });
-    }, [endpoint]);
+    }, [menuData]);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -717,7 +713,7 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown, {
       title: "Department",
       imageSrc: clothingImage,
-      categoryElements: dropdownData.apparelStyles,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories.clothing.slug),
       brandElements: dropdownData.apparel,
       productsUrl: productsUrl,
       categorySlug: categories.clothing.slug,

package/LuxityMobileHeader.js

@@ -487,11 +487,16 @@
       className: "side-nav__sub-menu-title"
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
-    }, categoryElements.map(function (category) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productUrl, "/").concat(['new', 'apparel', 'accessories'].includes(categorySlug) ? category.slug : "".concat(categorySlug, "/").concat(category.slug)),
-        className: "side-nav__element"
-      }, category.name.toLowerCase());
+    }, categoryElements.map(function (categoryElement) {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
     })), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -507,21 +512,6 @@
     })))));
   };
 
-  var getBrands = function getBrands() {
-    return {
-      query: "{\n        latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n        bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n        shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n        apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n        accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n        watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n        accessories_categories: luxity_accessories_categories_list { id name slug }\n        apparel_styles: luxity_apparel_styles_list { name slug }\n      }  "
-    };
-  };
-  var searchProducts = function searchProducts(search, limit) {
-    return {
-      query: "\n      query SearchProducts($search: String!, $limit: Int!) {\n        luxity_products_serach_results(search: $search, limit: $limit) {\n          brands {\n            name\n            link\n          }\n          products {\n            name\n            link\n          }\n          luxity_product_ids\n        }\n      }\n    ",
-      variables: {
-        search: search,
-        limit: limit
-      }
-    };
-  };
-
   var removeCategoryByName = function removeCategoryByName(categories, name) {
     var _categories$filter;
 
@@ -530,6 +520,29 @@
     })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
   };
 
+  var categories = {
+    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 LuxitySideNav = function LuxitySideNav(_ref) {
     var accordionIcon = _ref.accordionIcon,
         closeIcon = _ref.closeIcon,
@@ -545,7 +558,7 @@
         categoryElements = _ref.categoryElements,
         showSideNav = _ref.showSideNav,
         onMenuClick = _ref.onMenuClick,
-        endpoint = _ref.endpoint;
+        menuData = _ref.menuData;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -606,27 +619,35 @@
       }
     };
 
+    function addCategoryToElements(elements, categoryName) {
+      return elements.map(function (element) {
+        return _objectSpread2(_objectSpread2({}, element), {}, {
+          category: categoryName
+        });
+      });
+    }
+
     React.useMemo(function () {
       setLoading(true);
-      axios.post("".concat(endpoint), getBrands()).then(function (_ref2) {
+      axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
         setDropdownData(function (prev) {
           return _objectSpread2(_objectSpread2({}, prev), {}, {
-            latestArrivals: data.data.latest_arrivals.data,
-            bags: data.data.bags.data,
-            shoes: data.data.shoes.data,
-            apparel: data.data.apparel.data,
-            accessories: data.data.accessories.data,
-            watches: data.data.watches.data,
-            accessoriesCategories: data.data.accessories_categories,
-            apparelStyles: data.data.apparel_styles
+            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);
       });
-    }, [endpoint]);
+    }, [menuData]);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -794,7 +815,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.bags.slug),
       subMenuBrandsTitle: "Bag Brands",
       brandsList: dropdownData.bags,
       categorySlug: displayedSubMenu,
@@ -806,7 +827,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.shoes.slug),
       subMenuBrandsTitle: "Shoe Brands",
       brandsList: dropdownData.shoes,
       categorySlug: displayedSubMenu,
@@ -818,7 +839,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: dropdownData.apparelStyles,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories.clothing.slug),
       subMenuBrandsTitle: "Clothing Brands",
       brandsList: dropdownData.apparel,
       categorySlug: displayedSubMenu,
@@ -842,7 +863,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.watches.slug),
       subMenuBrandsTitle: "Watches Brands",
       brandsList: dropdownData.watches,
       categorySlug: displayedSubMenu,
@@ -858,6 +879,16 @@
     })));
   };
 
+  var searchProducts = function searchProducts(search, limit) {
+    return {
+      query: "\n      query SearchProducts($search: String!, $limit: Int!) {\n        luxity_products_serach_results(search: $search, limit: $limit) {\n          brands {\n            name\n            link\n          }\n          products {\n            name\n            link\n          }\n          luxity_product_ids\n        }\n      }\n    ",
+      variables: {
+        search: search,
+        limit: limit
+      }
+    };
+  };
+
   var SearchResults = function SearchResults(_ref) {
     var searchValue = _ref.searchValue,
         searchResults = _ref.searchResults,
@@ -937,6 +968,7 @@
         onLogoClick = _ref.onLogoClick,
         onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         onLogoutClick = _ref.onLogoutClick,
@@ -1196,7 +1228,8 @@
       categoryElements: categoryElements,
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,
-      endpoint: endpoint
+      endpoint: endpoint,
+      menuData: menuData
     }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
       accordionIcon: accordionIcon,
       closeIcon: closeIcon,

package/LuxitySideNav.js

@@ -185,11 +185,16 @@
       className: "side-nav__sub-menu-title"
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
-    }, categoryElements.map(function (category) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productUrl, "/").concat(['new', 'apparel', 'accessories'].includes(categorySlug) ? category.slug : "".concat(categorySlug, "/").concat(category.slug)),
-        className: "side-nav__element"
-      }, category.name.toLowerCase());
+    }, categoryElements.map(function (categoryElement) {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
     })), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -205,12 +210,6 @@
     })))));
   };
 
-  var getBrands = function getBrands() {
-    return {
-      query: "{\n        latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n        bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n        shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n        apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n        accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n        watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n        accessories_categories: luxity_accessories_categories_list { id name slug }\n        apparel_styles: luxity_apparel_styles_list { name slug }\n      }  "
-    };
-  };
-
   var removeCategoryByName = function removeCategoryByName(categories, name) {
     var _categories$filter;
 
@@ -219,6 +218,29 @@
     })) !== null && _categories$filter !== void 0 ? _categories$filter : [];
   };
 
+  var categories = {
+    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 LuxitySideNav = function LuxitySideNav(_ref) {
     var accordionIcon = _ref.accordionIcon,
         closeIcon = _ref.closeIcon,
@@ -234,7 +256,7 @@
         categoryElements = _ref.categoryElements,
         showSideNav = _ref.showSideNav,
         onMenuClick = _ref.onMenuClick,
-        endpoint = _ref.endpoint;
+        menuData = _ref.menuData;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -295,27 +317,35 @@
       }
     };
 
+    function addCategoryToElements(elements, categoryName) {
+      return elements.map(function (element) {
+        return _objectSpread2(_objectSpread2({}, element), {}, {
+          category: categoryName
+        });
+      });
+    }
+
     React.useMemo(function () {
       setLoading(true);
-      axios.post("".concat(endpoint), getBrands()).then(function (_ref2) {
+      axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
         setDropdownData(function (prev) {
           return _objectSpread2(_objectSpread2({}, prev), {}, {
-            latestArrivals: data.data.latest_arrivals.data,
-            bags: data.data.bags.data,
-            shoes: data.data.shoes.data,
-            apparel: data.data.apparel.data,
-            accessories: data.data.accessories.data,
-            watches: data.data.watches.data,
-            accessoriesCategories: data.data.accessories_categories,
-            apparelStyles: data.data.apparel_styles
+            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);
       });
-    }, [endpoint]);
+    }, [menuData]);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -483,7 +513,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.bags.slug),
       subMenuBrandsTitle: "Bag Brands",
       brandsList: dropdownData.bags,
       categorySlug: displayedSubMenu,
@@ -495,7 +525,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.shoes.slug),
       subMenuBrandsTitle: "Shoe Brands",
       brandsList: dropdownData.shoes,
       categorySlug: displayedSubMenu,
@@ -507,7 +537,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: dropdownData.apparelStyles,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories.clothing.slug),
       subMenuBrandsTitle: "Clothing Brands",
       brandsList: dropdownData.apparel,
       categorySlug: displayedSubMenu,
@@ -531,7 +561,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories.watches.slug),
       subMenuBrandsTitle: "Watches Brands",
       brandsList: dropdownData.watches,
       categorySlug: displayedSubMenu,

package/build/bundle.js

@@ -14528,11 +14528,6 @@
           React.createElement("span", { style: style(3) })));
   }
 
-  var getBrands = function getBrands() {
-    return {
-      query: "{\n        latest_arrivals: luxity_brands(has_products: true, limit: 1000, page: 1, sort_by: \"name|asc\") {data {id name slug}}\n        bags: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: BAGS, sort_by: \"name|asc\") {data {id name slug}}\n        shoes: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: SHOES, sort_by: \"name|asc\") {data {id name slug}}\n        apparel: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: APPAREL, sort_by: \"name|asc\") {data {id name slug}}\n        accessories: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: ACCESSORIES, sort_by: \"name|asc\") {data {id name slug}}\n        watches: luxity_brands(has_products: true, limit: 1000, page: 1, category_type: WATCHES, sort_by: \"name|asc\") {data {id name slug}}\n        accessories_categories: luxity_accessories_categories_list { id name slug }\n        apparel_styles: luxity_apparel_styles_list { name slug }\n      }  "
-    };
-  };
   var searchProducts = function searchProducts(search, limit) {
     return {
       query: "\n      query SearchProducts($search: String!, $limit: Int!) {\n        luxity_products_serach_results(search: $search, limit: $limit) {\n          brands {\n            name\n            link\n          }\n          products {\n            name\n            link\n          }\n          luxity_product_ids\n        }\n      }\n    ",
@@ -14613,13 +14608,13 @@
     }, !!stores.length && stores.map(function (store) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-details",
-        key: store.name
+        key: store.title
       }, /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-image"
       }, /*#__PURE__*/React__default.createElement("img", {
         className: "stores-dropdown__image",
         src: store.image,
-        alt: store.name
+        alt: store.title
       })), /*#__PURE__*/React__default.createElement("div", {
         className: "stores-dropdown__store-info"
       }, /*#__PURE__*/React__default.createElement("h4", {
@@ -14758,6 +14753,7 @@
         ourStoryLink = _ref.ourStoryLink,
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         shop = _ref.shop,
@@ -14882,25 +14878,25 @@
 
     React.useMemo(function () {
       setLoading(true);
-      axios.post("".concat(endpoint), getBrands()).then(function (_ref2) {
+      axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
         setDropdownData(function (prev) {
           return _objectSpread2(_objectSpread2({}, prev), {}, {
-            latestArrivals: data.data.latest_arrivals.data,
-            bags: data.data.bags.data,
-            shoes: data.data.shoes.data,
-            apparel: data.data.apparel.data,
-            accessories: data.data.accessories.data,
-            watches: data.data.watches.data,
-            accessoriesCategories: data.data.accessories_categories,
-            apparelStyles: data.data.apparel_styles
+            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);
       });
-    }, [endpoint]);
+    }, [menuData]);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -15011,7 +15007,7 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
       title: "Department",
       imageSrc: clothingImage,
-      categoryElements: dropdownData.apparelStyles,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories$1.clothing.slug),
       brandElements: dropdownData.apparel,
       productsUrl: productsUrl,
       categorySlug: categories$1.clothing.slug,
@@ -15193,11 +15189,16 @@
       className: "side-nav__sub-menu-title"
     }, subMenuCategoryTitle), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
-    }, categoryElements.map(function (category) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productUrl, "/").concat(['new', 'apparel', 'accessories'].includes(categorySlug) ? category.slug : "".concat(categorySlug, "/").concat(category.slug)),
-        className: "side-nav__element"
-      }, category.name.toLowerCase());
+    }, categoryElements.map(function (categoryElement) {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase()) : /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productUrl, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
+        className: "dropdown__element",
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name.toLowerCase());
     })), /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__elements"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -15228,7 +15229,7 @@
         categoryElements = _ref.categoryElements,
         showSideNav = _ref.showSideNav,
         onMenuClick = _ref.onMenuClick,
-        endpoint = _ref.endpoint;
+        menuData = _ref.menuData;
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
@@ -15289,27 +15290,35 @@
       }
     };
 
+    function addCategoryToElements(elements, categoryName) {
+      return elements.map(function (element) {
+        return _objectSpread2(_objectSpread2({}, element), {}, {
+          category: categoryName
+        });
+      });
+    }
+
     React.useMemo(function () {
       setLoading(true);
-      axios.post("".concat(endpoint), getBrands()).then(function (_ref2) {
+      axios.get("".concat(menuData)).then(function (_ref2) {
         var data = _ref2.data;
         setLoading(false);
         setDropdownData(function (prev) {
           return _objectSpread2(_objectSpread2({}, prev), {}, {
-            latestArrivals: data.data.latest_arrivals.data,
-            bags: data.data.bags.data,
-            shoes: data.data.shoes.data,
-            apparel: data.data.apparel.data,
-            accessories: data.data.accessories.data,
-            watches: data.data.watches.data,
-            accessoriesCategories: data.data.accessories_categories,
-            apparelStyles: data.data.apparel_styles
+            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);
       });
-    }, [endpoint]);
+    }, [menuData]);
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -15477,7 +15486,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
       subMenuBrandsTitle: "Bag Brands",
       brandsList: dropdownData.bags,
       categorySlug: displayedSubMenu,
@@ -15489,7 +15498,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
       subMenuBrandsTitle: "Shoe Brands",
       brandsList: dropdownData.shoes,
       categorySlug: displayedSubMenu,
@@ -15501,7 +15510,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: dropdownData.apparelStyles,
+      categoryElements: addCategoryToElements(dropdownData.apparelStyles, categories$1.clothing.slug),
       subMenuBrandsTitle: "Clothing Brands",
       brandsList: dropdownData.apparel,
       categorySlug: displayedSubMenu,
@@ -15525,7 +15534,7 @@
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
       subMenuBrandsTitle: "Watches Brands",
       brandsList: dropdownData.watches,
       categorySlug: displayedSubMenu,
@@ -15742,6 +15751,7 @@
         onLogoClick = _ref.onLogoClick,
         onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         onLogoutClick = _ref.onLogoutClick,
@@ -16001,7 +16011,8 @@
       categoryElements: categoryElements,
       showSideNav: showSideNav,
       onMenuClick: onMenuClick,
-      endpoint: endpoint
+      endpoint: endpoint,
+      menuData: menuData
     }), app && /*#__PURE__*/React__default.createElement(LuxityAppSideNav, {
       accordionIcon: accordionIcon,
       closeIcon: closeIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.32.9",
+  "version": "2.33.1",
   "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