@bonlineza/luxity-lib 2.32.8 → 2.33.0

package/AddInterest.js

@@ -433,7 +433,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -444,7 +444,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

package/GraphQLDropdownSelector.js

@@ -7802,7 +7802,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -7813,7 +7813,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

package/InterestCatSelector.js

@@ -167,7 +167,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -178,7 +178,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

package/Interests.js

@@ -7408,7 +7408,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -7419,7 +7419,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

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    ",
@@ -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/LuxityGraphQLDropdownSelector.js

@@ -7802,7 +7802,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -7813,7 +7813,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

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/MaterialSelector.js

@@ -7802,7 +7802,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -7813,7 +7813,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

package/ModelSelector.js

@@ -7802,7 +7802,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -7813,7 +7813,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {

package/build/.gitignore

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

package/build/bundle.css

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

package/build/bundle.js

@@ -8129,7 +8129,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -8140,7 +8140,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React__default.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React__default.createElement("path", {
@@ -14527,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    ",
@@ -14757,6 +14753,7 @@
         ourStoryLink = _ref.ourStoryLink,
         onLogoClick = _ref.onLogoClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         shop = _ref.shop,
@@ -14881,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", {
@@ -15010,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,
@@ -15192,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", {
@@ -15227,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),
@@ -15288,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", {
@@ -15476,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,
@@ -15488,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,
@@ -15500,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,
@@ -15524,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,
@@ -15741,6 +15751,7 @@
         onLogoClick = _ref.onLogoClick,
         onLuxityShopClick = _ref.onLuxityShopClick,
         endpoint = _ref.endpoint,
+        menuData = _ref.menuData,
         onSearchSubmit = _ref.onSearchSubmit,
         onProductIdsReceived = _ref.onProductIdsReceived,
         onLogoutClick = _ref.onLogoutClick,
@@ -16000,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.8",
+  "version": "2.33.0",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",

package/svg/Clothing.js

@@ -26,7 +26,7 @@
   var Clothing = (function (props) {
     return /*#__PURE__*/React.createElement("svg", _extends({
       version: "1.1",
-      id: "Layer_1",
+      id: "svg-clothing",
       xmlns: "http://www.w3.org/2000/svg",
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       x: "0px",
@@ -37,7 +37,8 @@
       className: "st0",
       cx: "42.6",
       cy: "42.6",
-      r: "42.6"
+      r: "42.6",
+      fill: "#fff"
     }), /*#__PURE__*/React.createElement("path", {
       d: "M69.4,58.9C69,56.7,68,55,66.2,53.6l-4.4-3.3c-4.4-3.3-8.8-6.5-13.2-9.8c-0.6-0.4-1.3-0.8-2.3-1.2l-0.1,0 c-0.6-0.2-0.6-0.2-0.7-1c0-0.6,0.2-0.9,0.7-1.1c3-1.5,4.6-4.7,4.2-8c-0.5-3.6-3.4-6.4-7-6.7c-3.5-0.4-6.9,1.8-8.1,5.2 c-0.5,1.5,0.1,3.1,1.6,3.6c1.5,0.6,3.1-0.1,3.8-1.6l0.1-0.2c0-0.1,0.1-0.2,0.1-0.3c0.4-0.9,1.4-1.3,2.3-1.1c1,0.2,1.7,1,1.7,2 c0,1.1-0.6,1.8-1.6,2.2c-2.1,0.7-3.3,2.4-3.3,4.6v0.5c0,0.5,0,1.1,0,1.7v0.1c0,0,0,0-0.1,0c-1,0.2-2,0.7-2.9,1.4L19,53.7 c-1.7,1.3-2.7,2.9-3.1,4.8c-0.2,1-0.2,2-0.2,3c0,0.4,0.3,1,0.7,1.2c0.4,0.2,1,0,1.3-0.1c0.6-0.3,1.1-0.7,1.6-1.1 c0.2-0.2,0.5-0.3,0.9-0.3h5.2c12.5,0,25.4,0,38,0h0c1.8,0,2.9,0.4,3.9,1.2c0.2,0.2,0.6,0.5,1,0.5h0c0.4,0,0.8-0.3,1.1-0.7l0.1-0.1 v-2.9L69.4,58.9z M42.2,36.3c0.1-0.9,0.6-1.5,1.6-1.8c2-0.6,3.2-2.2,3.3-4.1c0.1-2.2-1.4-4.1-3.5-4.6c-2.2-0.5-4.3,0.6-5.2,2.7 l0,0.1c0,0,0,0.1,0,0.1c-0.1,0.3-0.4,0.4-0.7,0.3c-0.1-0.1-0.3-0.1-0.2-0.6c0.5-1.5,1.7-2.7,3.3-3.3c1.6-0.6,3.3-0.4,4.7,0.5 c1.6,1,2.5,2.8,2.5,4.7c0,1.9-1.1,3.6-2.8,4.6C45.1,35,45,35,44.9,35.1l-0.2,0.1c-1.1,0.6-1.7,1.5-1.7,2.7l0,1h-0.9 c0-0.2,0-0.4,0-0.6C42.1,37.6,42.1,37,42.2,36.3z M47.3,45.3c-1.5-1-3.1-1.6-4.7-1.6c-1.6,0-3.2,0.5-4.6,1.5c-1.9,1.3-3.8,2.7-5.7,4 l-0.7,0.5c-0.3,0.2-0.6,0.6-0.6,0.9c0,0.3,0,0.6,0.2,0.9c0.4,0.5,1.1,0.6,1.7,0.2c0,0,0.1-0.1,0.2-0.1l1.7-1.2 c1.5-1.1,3-2.1,4.5-3.2c0.6-0.4,1.2-0.7,1.8-0.9c1.7-0.5,3.4-0.2,5,0.9c2.9,2.1,5.8,4.1,8.7,6.2l3.1,2.2l4.2,3.1H23.3l3.4-2.5l2-1.5 l0,0l1.1-0.8c0.1,0,0.1-0.1,0.2-0.1c0.6-0.5,0.7-1.2,0.3-1.7c-0.4-0.5-1.1-0.6-1.7-0.2c-0.4,0.2-0.7,0.5-1,0.7l-9.4,6.7 c0.1-1,0.5-1.9,1.1-2.7c0.3-0.4,0.7-0.8,1.1-1.1c4-3,8-5.9,12-8.9l5.7-4.2c1.1-0.8,2.2-1.2,3.5-1.2h0.7c0.7,0,1.5,0,2.2,0.1 c0.8,0.1,1.6,0.4,2.5,1l17.8,13.1c1.3,0.9,2,2.2,2.2,3.7L47.3,45.3z"
     }), /*#__PURE__*/React.createElement("path", {

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};