@bonlineza/luxity-lib 2.31.0 → 2.31.2

package/build/bundle.js

@@ -14001,7 +14001,6 @@
       _formControl.current.formState = getProxyFormState(formState, control);
       return _formControl.current;
   }
-  //# sourceMappingURL=index.esm.mjs.map
 
   var _excluded$8 = ["ref"];
 
@@ -14259,8 +14258,14 @@
       }, title), /*#__PURE__*/React__default.createElement("div", {
         className: "footer__links"
       }, !!links.length && links.map(function (link) {
-        return /*#__PURE__*/React__default.createElement(GALink, {
-          key: link.label,
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: "footer__link-wrapper",
+          key: link.label
+        }, link.icon && /*#__PURE__*/React__default.createElement("img", {
+          className: "footer__link-icon",
+          src: link.icon,
+          alt: link.label
+        }), /*#__PURE__*/React__default.createElement(GALink, {
           instance: link.instance,
           href: link.href,
           label: link.label,
@@ -14270,12 +14275,14 @@
           target: link.target
         }, link.iconClassName && /*#__PURE__*/React__default.createElement("i", {
           className: link.iconClassName
-        }), link.label);
+        }), link.label));
       })));
     };
 
     return /*#__PURE__*/React__default.createElement(FooterWrapper$1, null, showNewsletter && /*#__PURE__*/React__default.createElement("div", {
       className: "footer__newsletter-section"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "footer__newsletter-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__title-wrapper"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -14303,7 +14310,7 @@
       className: "footer__newsletter-icon",
       src: formIconSrc,
       alt: "submit"
-    }))))), /*#__PURE__*/React__default.createElement("div", {
+    })))))), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__wrapper footer__wrapper--desktop"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__main-section"
@@ -14362,7 +14369,7 @@
       className: "footer__link-container"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__link-title"
-    }, "We love"), /*#__PURE__*/React__default.createElement("div", {
+    }, "We love..."), /*#__PURE__*/React__default.createElement("div", {
       className: "footer__links"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "footer__text"
@@ -14384,7 +14391,9 @@
         categoryElements = _ref$categoryElements === void 0 ? [] : _ref$categoryElements,
         _ref$brandElements = _ref.brandElements,
         brandElements = _ref$brandElements === void 0 ? [] : _ref$brandElements,
-        productsUrl = _ref.productsUrl;
+        productsUrl = _ref.productsUrl,
+        categorySlug = _ref.categorySlug,
+        categoryTitle = _ref.categoryTitle;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -14393,21 +14402,28 @@
       className: "dropdown__title"
     }, title), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__elements dropdown__elements--column"
-    }, !!categoryElements.length && categoryElements.map(function (category) {
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productsUrl, "/").concat(category === null || category === void 0 ? void 0 : category.slug),
+    }, !!categoryElements.length && categoryElements.map(function (categoryElement) {
+      return categoryElement.category ? /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productsUrl, "/").concat(categoryElement.category, "/").concat(categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.slug),
         className: "dropdown__element",
-        key: category.name
-      }, category === null || category === void 0 ? void 0 : category.name);
+        key: categoryElement.name
+      }, categoryElement === null || categoryElement === void 0 ? void 0 : categoryElement.name) : /*#__PURE__*/React__default.createElement("a", {
+        href: "".concat(productsUrl, "/").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);
     }))), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__column"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__title"
     }, "Brands"), /*#__PURE__*/React__default.createElement("div", {
       className: "dropdown__elements dropdown__elements--row"
-    }, !!brandElements.length && brandElements.map(function (brand) {
+    }, /*#__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", {
-        href: "".concat(productsUrl, "/").concat(brand === null || brand === void 0 ? void 0 : brand.slug),
+        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);
@@ -14462,6 +14478,29 @@
     }, 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 LuxityDesktopHeader = function LuxityDesktopHeader(_ref) {
     var accountIcon = _ref.accountIcon,
         cartIcon = _ref.cartIcon,
@@ -14471,10 +14510,11 @@
         categoryElements = _ref.categoryElements,
         newBrandElements = _ref.newBrandElements,
         bagsElements = _ref.bagsElements,
-        shoesElement = _ref.shoesElement,
+        shoesElements = _ref.shoesElements,
         clothingElements = _ref.clothingElements,
         accessoriesElements = _ref.accessoriesElements,
         accessoriesCategoryElements = _ref.accessoriesCategoryElements,
+        apparelStylesElements = _ref.apparelStylesElements,
         watchesElements = _ref.watchesElements,
         newBrandsImage = _ref.newBrandsImage,
         bagsImage = _ref.bagsImage,
@@ -14493,7 +14533,8 @@
         ourStoryLink = _ref.ourStoryLink,
         blogLink = _ref.blogLink,
         contactUsLink = _ref.contactUsLink,
-        sellToUsLink = _ref.sellToUsLink;
+        sellToUsLink = _ref.sellToUsLink,
+        onLogoClick = _ref.onLogoClick;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -14510,13 +14551,23 @@
       }
     };
 
+    function addCategoryToElements(elements, categoryName) {
+      return elements.map(function (element) {
+        return _objectSpread2(_objectSpread2({}, element), {}, {
+          category: categoryName
+        });
+      });
+    }
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: "navbar"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__container"
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__logo-wrapper"
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      onClick: onLogoClick,
       className: "navbar__logo"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: logoSrc,
@@ -14552,7 +14603,9 @@
       imageSrc: newBrandsImage,
       categoryElements: categoryElements,
       brandElements: newBrandElements,
-      productsUrl: productsUrl
+      productsUrl: productsUrl,
+      categorySlug: "brands",
+      categoryTitle: "Brands"
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14563,9 +14616,11 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
       title: "Department",
       imageSrc: bagsImage,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.bags.slug),
       brandElements: bagsElements,
-      productsUrl: productsUrl
+      productsUrl: productsUrl,
+      categorySlug: categories$1.bags.slug,
+      categoryTitle: categories$1.bags.name
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14576,9 +14631,11 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
       title: "Department",
       imageSrc: shoesImage,
-      categoryElements: categoryElements,
-      brandElements: shoesElement,
-      productsUrl: productsUrl
+      categoryElements: addCategoryToElements(categoryElements, categories$1.shoes.slug),
+      brandElements: shoesElements,
+      productsUrl: productsUrl,
+      categorySlug: categories$1.shoes.slug,
+      categoryTitle: categories$1.shoes.name
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14589,9 +14646,11 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
       title: "Department",
       imageSrc: clothingImage,
-      categoryElements: categoryElements,
+      categoryElements: apparelStylesElements,
       brandElements: clothingElements,
-      productsUrl: productsUrl
+      productsUrl: productsUrl,
+      categorySlug: categories$1.clothing.slug,
+      categoryTitle: categories$1.clothing.name
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14600,11 +14659,13 @@
     }, "Accessories"), /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__dropdown"
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
-      title: "Department",
+      title: "Categories",
       imageSrc: accessoriesImage,
       categoryElements: accessoriesCategoryElements,
       brandElements: accessoriesElements,
-      productsUrl: productsUrl
+      productsUrl: productsUrl,
+      categorySlug: categories$1.accessories.slug,
+      categoryTitle: categories$1.accessories.name
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14615,9 +14676,11 @@
     }, /*#__PURE__*/React__default.createElement(Dropdown$1, {
       title: "Department",
       imageSrc: watchesImage,
-      categoryElements: categoryElements,
+      categoryElements: addCategoryToElements(categoryElements, categories$1.watches.slug),
       brandElements: watchesElements,
-      productsUrl: productsUrl
+      productsUrl: productsUrl,
+      categorySlug: categories$1.watches.slug,
+      categoryTitle: categories$1.watches.name
     }))), /*#__PURE__*/React__default.createElement("li", {
       className: "navbar__link"
     }, /*#__PURE__*/React__default.createElement("a", {
@@ -14730,7 +14793,8 @@
         categoryElements = _ref.categoryElements,
         subMenuBrandsTitle = _ref.subMenuBrandsTitle,
         _ref$brandsList = _ref.brandsList,
-        brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList;
+        brandsList = _ref$brandsList === void 0 ? [] : _ref$brandsList,
+        categorySlug = _ref.categorySlug;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content ".concat(subMenuOpen ? '' : 'side-nav__content--hidden')
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -14765,7 +14829,7 @@
       className: "side-nav__element"
     }, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
       return /*#__PURE__*/React__default.createElement("a", {
-        href: "".concat(productUrl, "/").concat(brand.slug),
+        href: "".concat(productUrl, "/").concat(categorySlug, "/").concat(brand.slug),
         className: "side-nav__element"
       }, brand.name);
     })))));
@@ -14795,6 +14859,10 @@
         accessoriesBrandsList = _ref$accessoriesBrand === void 0 ? [] : _ref$accessoriesBrand,
         _ref$watchesBrandsLis = _ref.watchesBrandsList,
         watchesBrandsList = _ref$watchesBrandsLis === void 0 ? [] : _ref$watchesBrandsLis,
+        _ref$accessoriesCateg = _ref.accessoriesCategoryElements,
+        accessoriesCategoryElements = _ref$accessoriesCateg === void 0 ? [] : _ref$accessoriesCateg,
+        _ref$apparelStylesEle = _ref.apparelStylesElements,
+        apparelStylesElements = _ref$apparelStylesEle === void 0 ? [] : _ref$apparelStylesEle,
         showSideNav = _ref.showSideNav,
         onMenuClick = _ref.onMenuClick;
 
@@ -14978,7 +15046,8 @@
       productUrl: productUrl,
       categoryElements: categoryElements,
       subMenuBrandsTitle: "Brands",
-      brandsList: newBrandsList
+      brandsList: newBrandsList,
+      categorySlug: displayedSubMenu
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'bags',
       onBackClick: onBackClick,
@@ -14987,7 +15056,8 @@
       productUrl: productUrl,
       categoryElements: categoryElements,
       subMenuBrandsTitle: "Bag Brands",
-      brandsList: bagsBrandsList
+      brandsList: bagsBrandsList,
+      categorySlug: displayedSubMenu
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'shoes',
       onBackClick: onBackClick,
@@ -14996,25 +15066,28 @@
       productUrl: productUrl,
       categoryElements: categoryElements,
       subMenuBrandsTitle: "Shoe Brands",
-      brandsList: shoesBrandsList
+      brandsList: shoesBrandsList,
+      categorySlug: displayedSubMenu
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'clothing',
       onBackClick: onBackClick,
       backIcon: backIcon,
       subMenuCategoryTitle: "Department",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: apparelStylesElements,
       subMenuBrandsTitle: "Clothing Brands",
-      brandsList: clothingBrandsList
+      brandsList: clothingBrandsList,
+      categorySlug: displayedSubMenu
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'accessories',
       onBackClick: onBackClick,
       backIcon: backIcon,
       subMenuCategoryTitle: "Categories",
       productUrl: productUrl,
-      categoryElements: categoryElements,
+      categoryElements: accessoriesCategoryElements,
       subMenuBrandsTitle: "Accessory Brands",
-      brandsList: accessoriesBrandsList
+      brandsList: accessoriesBrandsList,
+      categorySlug: displayedSubMenu
     }), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
       subMenuOpen: subMenuOpen && displayedSubMenu === 'watches',
       onBackClick: onBackClick,
@@ -15023,7 +15096,8 @@
       productUrl: productUrl,
       categoryElements: categoryElements,
       subMenuBrandsTitle: "Watches Brands",
-      brandsList: watchesBrandsList
+      brandsList: watchesBrandsList,
+      categorySlug: displayedSubMenu
     }), displayedSubMenu === 'stores' && /*#__PURE__*/React__default.createElement("div", {
       className: "side-nav__content"
     }, /*#__PURE__*/React__default.createElement(StoresDropdown$1, {
@@ -15057,7 +15131,10 @@
         shoesBrandsList = _ref.shoesBrandsList,
         clothingBrandsList = _ref.clothingBrandsList,
         accessoriesBrandsList = _ref.accessoriesBrandsList,
-        watchesBrandsList = _ref.watchesBrandsList;
+        accessoriesCategoryElements = _ref.accessoriesCategoryElements,
+        apparelStylesElements = _ref.apparelStylesElements,
+        watchesBrandsList = _ref.watchesBrandsList,
+        onLogoClick = _ref.onLogoClick;
 
     var _useState = React.useState(''),
         _useState2 = _slicedToArray(_useState, 2),
@@ -15110,7 +15187,9 @@
       className: "navbar__menu-icon"
     })), /*#__PURE__*/React__default.createElement("div", {
       className: "navbar__search-wrapper"
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      onClick: onLogoClick,
       className: "navbar__logo"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: logoSrc,
@@ -15125,6 +15204,7 @@
       onClick: onSearchClick
     }, /*#__PURE__*/React__default.createElement("img", {
       src: inputSearchIcon,
+      className: "navbar__icon",
       alt: "interest-icon"
     })), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
@@ -15173,7 +15253,9 @@
       accessoriesBrandsList: accessoriesBrandsList,
       watchesBrandsList: watchesBrandsList,
       showSideNav: showSideNav,
-      onMenuClick: onMenuClick
+      onMenuClick: onMenuClick,
+      accessoriesCategoryElements: accessoriesCategoryElements,
+      apparelStylesElements: apparelStylesElements
     }));
   };
 

package/package.json

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