@bonlineza/luxity-lib 2.7.4 → 2.9.0

package/InterestCatSelector.js

@@ -8,7 +8,7 @@
   var styled__default = 'default' in styled ? styled['default'] : styled;
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -21,7 +21,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -77,7 +76,8 @@
     SHOES: 'SHOES',
     BAGS: 'BAGS',
     ACCESSORIES: 'ACCESSORIES',
-    WATCHES: 'WATCHES'
+    WATCHES: 'WATCHES',
+    APPAREL: 'APPAREL'
   };
   var catArray = [{
     categoryTitle: 'Bags',
@@ -88,6 +88,9 @@
   }, {
     categoryTitle: 'Accessories',
     value: interestCategories.ACCESSORIES
+  }, {
+    categoryTitle: 'Clothing',
+    value: interestCategories.APPAREL
   }, {
     categoryTitle: 'Watches',
     value: interestCategories.WATCHES
@@ -100,23 +103,15 @@
     lg: '1200px'
   };
 
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  padding: ", ";\n  border: 1px solid\n    ", ";\n  text-align: center;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n  background-color: ", ";\n  color: ", ";\n  svg {\n    margin-left: auto;\n    margin-right: auto;\n    max-height: 80px;\n    width: auto;\n    /*condition*/\n\n    .fillColor {\n      fill: ", ";\n    }\n\n    .outlineColor {\n      fill: ", ";\n    }\n  }\n  @media (max-width: ", ") {\n    margin-bottom: ", ";\n  }\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var SvgWrapper = styled__default.div(_templateObject(), function (props) {
+  var _templateObject;
+  var SvgWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  border: 1px solid\n    ", ";\n  text-align: center;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n  background-color: ", ";\n  color: ", ";\n\n  h1 {\n    color: ", ";\n  }\n\n  svg {\n    margin-left: auto;\n    margin-right: auto;\n    max-height: 80px;\n    width: auto;\n    /*condition*/\n\n    .fillColor {\n      fill: ", ";\n    }\n\n    .outlineColor {\n      fill: ", ";\n    }\n  }\n  @media (max-width: ", ") {\n    margin-bottom: ", ";\n  }\n"])), function (props) {
     return props.theme.marginPaddings[4];
   }, function (props) {
     return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
   }, function (_ref) {
     var isChecked = _ref.isChecked,
         theme = _ref.theme;
-    return isChecked ? theme.colors.ntrlMin : theme.colors.gray;
+    return isChecked ? theme.colors.primary : theme.colors.gray;
   }, function (_ref2) {
     var isChecked = _ref2.isChecked,
         theme = _ref2.theme;
@@ -124,10 +119,14 @@
   }, function (_ref3) {
     var isChecked = _ref3.isChecked,
         theme = _ref3.theme;
-    return isChecked ? 'white' : theme.colors.base;
+    return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
   }, function (_ref4) {
     var isChecked = _ref4.isChecked,
         theme = _ref4.theme;
+    return isChecked ? 'white' : theme.colors.base;
+  }, function (_ref5) {
+    var isChecked = _ref5.isChecked,
+        theme = _ref5.theme;
     return isChecked ? theme.colors.primary : 'white';
   }, media.sm, function (props) {
     return props.theme.marginPaddings[2];
@@ -136,21 +135,13 @@
     isChecked: false
   };
 
-  function _templateObject$1() {
-    var data = _taggedTemplateLiteral(["\n  .outlineColor {\n    fill: #ffffff;\n  }\n  display: flex;\n  flex-flow: row nowrap;\n\n  button {\n    flex-basis: 25%;\n    width: 100%;\n    cursor: pointer;\n    padding: 0;\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n  }\n  .outlineColor {\n    fill: white;\n  }\n\n  @media (max-width: ", ") {\n    display: block;\n    button {\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n    }\n  }\n"]);
-
-    _templateObject$1 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Body = styled__default.div(_templateObject$1(), function (props) {
+  var _templateObject$1;
+  var Body = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  .outlineColor {\n    fill: #ffffff;\n  }\n  display: flex;\n  flex-flow: row nowrap;\n\n  button {\n    flex-basis: 25%;\n    width: 100%;\n    cursor: pointer;\n    padding: 0;\n    &:not(:last-child) {\n      margin-right: ", ";\n    }\n  }\n  .outlineColor {\n    fill: white;\n  }\n\n  @media (max-width: ", ") {\n    display: block;\n    button {\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n    }\n  }\n"])), function (props) {
     return props.theme.marginPaddings[2];
   }, media.sm);
 
   var Shoes = (function (props) {
-    return React__default.createElement("svg", _extends({
+    return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
       id: "svg-shoes",
       xmlns: "http://www.w3.org/2000/svg",
@@ -159,22 +150,44 @@
       y: "0px",
       viewBox: "0 0 83.8 83.8",
       xmlSpace: "preserve"
-    }, props), React__default.createElement("circle", {
+    }, props), /*#__PURE__*/React__default.createElement("circle", {
       fill: "#fff",
       cx: "41.9",
       cy: "41.9",
       r: "41.9"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M61.12,56.33a1.22,1.22,0,1,1-1.22-1.21A1.22,1.22,0,0,1,61.12,56.33Z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M63.7,51.62a14.51,14.51,0,0,0-7.79-4,1.17,1.17,0,0,0-1,.3,7,7,0,0,1-4.3,1.43,6.5,6.5,0,0,1-5.48-3l-.07-.12L38.61,37A74.75,74.75,0,0,0,24.39,21.81a1.22,1.22,0,0,0-1.52,0,16.11,16.11,0,0,0-3.8,4.35,14.21,14.21,0,0,0-1.91,9.94v0a11.13,11.13,0,0,0,1.15,3.14,18.64,18.64,0,0,1,2.48,9V60.2A1.22,1.22,0,0,0,22,61.42h3.86a1.22,1.22,0,0,0,1.22-1.22V49.42a14.33,14.33,0,0,1,1.36-6.09A38.51,38.51,0,0,1,38.79,57.15a7.08,7.08,0,0,0,6.44,4.27h7.91A57.75,57.75,0,0,0,62.23,61c1.16-.2,4.69-.81,4.69-3.65C66.92,55.75,65.66,53.52,63.7,51.62Zm-39-2.2V59H23.22V48.27c0-.3,0-.62,0-1a21.72,21.72,0,0,0-2.72-9.19,38.86,38.86,0,0,1,6.05,3.67A16.07,16.07,0,0,0,24.66,49.42Zm37.16,9.13a56.25,56.25,0,0,1-8.68.43H45.23A4.65,4.65,0,0,1,41,56.17,40.59,40.59,0,0,0,19.44,35a12.14,12.14,0,0,1,1.72-7.6,13.43,13.43,0,0,1,2.48-3.05,72.42,72.42,0,0,1,13,14.1L43,47.58a9,9,0,0,0,7.59,4.17,9.89,9.89,0,0,0,5.45-1.67A12.39,12.39,0,0,1,62,53.36c1.61,1.57,2.48,3.2,2.48,3.94C64.49,57.8,63.49,58.27,61.82,58.55Z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M57.25,56.33A1.21,1.21,0,0,1,56,57.55H45.21a1.22,1.22,0,1,1,0-2.43H56A1.21,1.21,0,0,1,57.25,56.33Z"
     }));
   });
 
+  var Clothing = (function (props) {
+    return /*#__PURE__*/React__default.createElement("svg", _extends({
+      version: "1.1",
+      id: "Layer_1",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 85.2 85.2",
+      xmlSpace: "preserve"
+    }, props), /*#__PURE__*/React__default.createElement("circle", {
+      className: "st0",
+      cx: "42.6",
+      cy: "42.6",
+      r: "42.6"
+    }), /*#__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", {
+      d: "M42.6,42.6L42.6,42.6z"
+    }));
+  });
+
   var Bags = (function (props) {
-    return React__default.createElement("svg", _extends({
+    return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
       id: "svg-bags",
       xmlns: "http://www.w3.org/2000/svg",
@@ -183,25 +196,25 @@
       y: "0px",
       viewBox: "0 0 83.8 83.8",
       xmlSpace: "preserve"
-    }, props), React__default.createElement("circle", {
+    }, props), /*#__PURE__*/React__default.createElement("circle", {
       fill: "#fff",
       cx: "41.9",
       cy: "41.9",
       r: "41.9"
-    }), React__default.createElement("g", null, React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
       fill: "#010101",
       d: "M65.4,33.4H52.3v-5.8c0-5.7-4.6-10.4-10.4-10.4s-10.4,4.6-10.4,10.4v5.8H18.4c-0.4,0-0.7,0-0.9,0.3 c-0.2,0.2-0.4,0.6-0.3,0.9l4.6,25c0.6,3.5,3.7,6,7.2,6.1h25.9c3.6-0.1,6.6-2.7,7.2-6.2l4.6-25c0.1-0.3-0.1-0.7-0.3-0.9 C66.1,33.5,65.8,33.3,65.4,33.4z M34,27.6c0-4.4,3.6-7.9,7.9-7.9s7.9,3.6,7.9,7.9v5.8H34V27.6z M59.6,59.3c-0.4,2.3-2.4,4-4.8,4H29 c-2.4,0-4.4-1.7-4.8-4l-4.3-23.5H64L59.6,59.3z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       fill: "#010101",
       d: "M51.1,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C49.9,47.2,50.4,47.7,51.1,47.7z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       fill: "#010101",
       d: "M32.8,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C31.5,47.2,32.1,47.7,32.8,47.7z"
     })));
   });
 
   var Accessories = (function (props) {
-    return React__default.createElement("svg", _extends({
+    return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
       id: "svg-accessories",
       xmlns: "http://www.w3.org/2000/svg",
@@ -211,18 +224,18 @@
       viewBox: "0 0 83.8 83.8",
       xmlSpace: "preserve",
       color: "#fff"
-    }, props), React__default.createElement("circle", {
+    }, props), /*#__PURE__*/React__default.createElement("circle", {
       fill: "#fff",
       cx: "41.9",
       cy: "41.9",
       r: "41.9"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M66.1,45.7v-8.5c0-3-2.6-5.8-7.5-7.7c-4.5-1.8-10.3-2.8-16.6-2.8s-12.2,1-16.7,2.8c-4.9,2-7.6,4.7-7.6,7.7v8.5 c0,1.8,1,4.5,5.6,6.9c3.1,1.6,7.5,2.8,12.3,3.3h0.1l0,0c0.8,1.1,2,1.7,3.4,1.7h5.8c1.2,0,2.3-0.5,3.1-1.4l0,0h2 c2.7,0,5.4,0.6,7.8,1.8c1.8,0.9,4,0.8,5.7-0.2c1.6-1,2.6-2.8,2.6-4.8c0-1.3-0.5-2.6-1.3-3.6l-0.1-0.1l0.1-0.1 C65.6,48.1,66.1,46.9,66.1,45.7z M35,47.4c0,0.2,0,0.3,0,0.4v5.4l-0.1,0c-4.1-0.6-7.6-1.6-10.2-2.9c-2.7-1.4-4.2-3-4.2-4.6V42 l0.2,0.2c4.2,3.4,11.4,4.7,14.3,5l0.1,0L35,47.4z M46.4,53.5c0,0.8-0.7,1.5-1.6,1.5h-5.8c-0.9,0-1.5-0.7-1.5-1.5v-1.5H42 c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3h-4.5v-1.5c0-0.9,0.7-1.5,1.5-1.5h5.8c0.9,0,1.6,0.7,1.6,1.5V53.5z M47.8,44.8 L47.8,44.8l-0.1,0c-0.8-0.7-1.8-1.1-2.8-1.1h-5.8c-1,0-2,0.4-2.8,1.1l0,0l-0.1,0c-3.7-0.4-7.2-1.2-9.9-2.3l0,0l0,0 c-0.1-0.2-0.2-0.4-0.2-0.5c0-0.5,0.9-1.6,4.2-2.6c3.2-1,7.3-1.5,11.8-1.5c4.4,0,8.6,0.5,11.7,1.5c2.8,0.9,4.1,2,4.1,2.6 c0,0.1,0,0.3-0.2,0.5l0,0l0,0C54.8,43.6,51.5,44.4,47.8,44.8z M62.1,55.6C61.6,55.9,61,56,60.4,56c-0.5,0-1-0.1-1.5-0.3 c-2.8-1.4-5.9-2.1-8.9-2.1h-1v-5.9h3c3.5,0,6.9,0.9,9.9,2.6c1,0.5,1.6,1.6,1.6,2.7C63.5,54.1,63,55,62.1,55.6z M63.5,45.7 c0,0.7-0.3,1.3-0.8,2l-0.1,0.1l-0.1,0c-1.7-0.9-3.5-1.6-5.4-2l-0.4-0.1l0.4-0.1c2.6-0.9,4.7-2,6.2-3.2l0.2-0.2V45.7z M60.4,41.1 l-0.1,0.1L60.2,41c-0.5-1.7-2.5-3.1-5.8-4.2c-3.4-1.1-7.8-1.7-12.5-1.7c-4.7,0-9.2,0.6-12.5,1.7c-3.4,1.1-5.3,2.5-5.9,4.2l-0.1,0.2 L23.4,41c-2-1.2-3.1-2.6-3.1-3.9c0-1.9,2.2-3.8,5.9-5.3c4.2-1.7,9.8-2.6,15.7-2.6c12.7,0,21.5,4.2,21.5,8 C63.5,38.5,62.4,39.8,60.4,41.1z"
     }));
   });
 
   var Watches = (function (props) {
-    return React__default.createElement("svg", _extends({
+    return /*#__PURE__*/React__default.createElement("svg", _extends({
       version: "1.1",
       id: "svg-watches",
       xmlns: "http://www.w3.org/2000/svg",
@@ -231,26 +244,26 @@
       y: "0px",
       viewBox: "0 0 83.8 83.8",
       xmlSpace: "preserve"
-    }, props), React__default.createElement("circle", {
+    }, props), /*#__PURE__*/React__default.createElement("circle", {
       fill: "#fff",
       cx: "41.9",
       cy: "41.9",
       r: "41.9"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M55.7,40v-3.8c0-4.1-2.8-7.5-6.6-8.3v-7.4c0-1.6-1.3-2.8-2.8-2.8h-9.5c-1.6,0-2.8,1.3-2.8,2.8v7.4c-3.8,0.9-6.6,4.3-6.6,8.3 v11.4c0,4.1,2.8,7.5,6.6,8.3v7.4c0,1.6,1.3,2.8,2.8,2.8h9.5c1.6,0,2.8-1.3,2.8-2.8v-7.4c3.8-0.9,6.6-4.3,6.6-8.3v-3.8 c0.5,0,0.9-0.4,0.9-0.9V41C56.6,40.5,56.2,40,55.7,40L55.7,40z M47.1,63.4c0,0.5-0.4,0.9-0.9,0.9h-9.5c-0.5,0-0.9-0.4-0.9-0.9v-7.2 h11.4V63.4z M53.8,47.6c0,3.7-3,6.6-6.6,6.6H35.8c-3.7,0-6.6-3-6.6-6.6V36.2c0-3.7,3-6.6,6.6-6.6h1.4c0.5,0,0.9-0.4,0.9-0.9 c0-0.5-0.4-0.9-0.9-0.9h-1.4v-7.2c0-0.5,0.4-0.9,0.9-0.9h9.5c0.5,0,0.9,0.4,0.9,0.9v7.2h-1.4c-0.5,0-0.9,0.4-0.9,0.9 c0,0.5,0.4,0.9,0.9,0.9h1.4c3.7,0,6.6,3,6.6,6.6V47.6z M53.8,47.6"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M46.2,66.4h-9.5c-1.7,0-3.1-1.4-3.1-3.1v-7.2c-3.9-1-6.6-4.5-6.6-8.5V36.2c0-4,2.8-7.5,6.6-8.5v-7.2c0-1.7,1.4-3.1,3.1-3.1 h9.5c1.7,0,3.1,1.4,3.1,3.1v7.2c3.9,1,6.6,4.5,6.6,8.5v3.6c0.5,0.1,0.9,0.6,0.9,1.2v1.9c0,0.6-0.4,1.1-0.9,1.2v3.6 c0,4-2.8,7.5-6.6,8.5v7.2C49.3,65.1,47.9,66.4,46.2,66.4z M36.7,17.9c-1.4,0-2.6,1.2-2.6,2.6v7.6l-0.2,0c-3.7,0.9-6.4,4.2-6.4,8.1 v11.4c0,3.8,2.7,7.2,6.4,8.1l0.2,0v7.6c0,1.4,1.2,2.6,2.6,2.6h9.5c1.4,0,2.6-1.2,2.6-2.6v-7.6l0.2,0c3.7-0.9,6.4-4.2,6.4-8.1v-4h0.2 c0.4,0,0.7-0.3,0.7-0.7V41c0-0.4-0.3-0.7-0.7-0.7h-0.2v-4c0-3.8-2.7-7.2-6.4-8.1l-0.2,0v-7.6c0-1.4-1.2-2.6-2.6-2.6H36.7z M46.2,64.6h-9.5c-0.7,0-1.2-0.5-1.2-1.2v-7.5h11.9v7.5C47.4,64,46.9,64.6,46.2,64.6z M36,56.4v7c0,0.4,0.3,0.7,0.7,0.7h9.5 c0.4,0,0.7-0.3,0.7-0.7v-7H36z M47.1,54.5H35.8c-3.8,0-6.9-3.1-6.9-6.9V36.2c0-3.8,3.1-6.9,6.9-6.9h1.4c0.4,0,0.7-0.3,0.7-0.7 c0-0.4-0.3-0.7-0.7-0.7h-1.7v-7.5c0-0.7,0.5-1.2,1.2-1.2h9.5c0.7,0,1.2,0.5,1.2,1.2v7.5h-1.7c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7h1.4c3.8,0,6.9,3.1,6.9,6.9v11.4C54,51.4,50.9,54.5,47.1,54.5z M35.8,29.8c-3.5,0-6.4,2.9-6.4,6.4v11.4 c0,3.5,2.9,6.4,6.4,6.4h11.4c3.5,0,6.4-2.9,6.4-6.4V36.2c0-3.5-2.9-6.4-6.4-6.4h-1.4c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2 h1.2v-7c0-0.4-0.3-0.7-0.7-0.7h-9.5c-0.4,0-0.7,0.3-0.7,0.7v7h1.2c0.7,0,1.2,0.5,1.2,1.2c0,0.7-0.5,1.2-1.2,1.2H35.8z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M45.2,41h-2.8v-4.7c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v5.7c0,0.5,0.4,0.9,0.9,0.9h3.8c0.5,0,0.9-0.4,0.9-0.9 C46.2,41.4,45.8,41,45.2,41L45.2,41z M45.2,41"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M45.2,43.1h-3.8c-0.7,0-1.2-0.5-1.2-1.2v-5.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.5h2.6c0.7,0,1.2,0.5,1.2,1.2 S45.9,43.1,45.2,43.1z M41.4,35.5c-0.4,0-0.7,0.3-0.7,0.7v5.7c0,0.4,0.3,0.7,0.7,0.7h3.8c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7 h-3.1v-5C42.1,35.8,41.8,35.5,41.4,35.5z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M47.1,31.5H35.8c-2.6,0-4.7,2.1-4.7,4.7v11.4c0,2.6,2.1,4.7,4.7,4.7h11.4c2.6,0,4.7-2.1,4.7-4.7V36.2 C51.9,33.6,49.8,31.5,47.1,31.5L47.1,31.5z M47.1,50.5h-4.7v-0.8c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v0.8h-4.7 c-1.6,0-2.8-1.3-2.8-2.8v-4.7h0.8c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h-0.8v-4.7c0-1.6,1.3-2.8,2.8-2.8h11.4 c1.6,0,2.8,1.3,2.8,2.8V41h-0.8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9H50v4.7C50,49.2,48.7,50.5,47.1,50.5L47.1,50.5z M47.1,50.5"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M47.1,52.6H35.8c-2.8,0-5-2.2-5-5V36.2c0-2.8,2.2-5,5-5h11.4c2.8,0,5,2.2,5,5v11.4C52.1,50.4,49.9,52.6,47.1,52.6z M35.8,31.7c-2.5,0-4.5,2-4.5,4.5v11.4c0,2.5,2,4.5,4.5,4.5h11.4c2.5,0,4.5-2,4.5-4.5V36.2c0-2.5-2-4.5-4.5-4.5H35.8z M47.1,50.7h-5 v-1c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v1h-5c-1.7,0-3.1-1.4-3.1-3.1v-5h1c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7h-1v-5 c0-1.7,1.4-3.1,3.1-3.1h11.4c1.7,0,3.1,1.4,3.1,3.1v5h-1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h1v5C50.2,49.3,48.8,50.7,47.1,50.7 z M42.6,50.2h4.5c1.4,0,2.6-1.2,2.6-2.6v-4.5h-0.5c-0.7,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2h0.5v-4.5c0-1.4-1.2-2.6-2.6-2.6H35.8 c-1.4,0-2.6,1.2-2.6,2.6v4.5h0.5c0.7,0,1.2,0.5,1.2,1.2s-0.5,1.2-1.2,1.2h-0.5v4.5c0,1.4,1.2,2.6,2.6,2.6h4.5v-0.5 c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2V50.2z"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M41.4,29.6c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h0c-0.5,0-0.9,0.4-0.9,0.9C40.5,29.2,40.9,29.6,41.4,29.6L41.4,29.6 z M41.4,29.6"
-    }), React__default.createElement("path", {
+    }), /*#__PURE__*/React__default.createElement("path", {
       d: "M41.4,29.8c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2C42.6,29.3,42.1,29.8,41.4,29.8z M41.4,27.9 c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7S41.8,27.9,41.4,27.9z"
     }));
   });
@@ -276,89 +289,39 @@
   };
 
   var themed = (function (Component) {
-    return React.forwardRef(function (props, ref) {
-      return React__default.createElement(styled.ThemeProvider, {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
         theme: theme
-      }, React__default.createElement(Component, _extends({}, props, {
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
         ref: ref
       })));
     });
   });
 
-  function _templateObject$2() {
-    var data = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", ";\n"]);
-
-    _templateObject$2 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var ErrorMessage = styled__default.div(_templateObject$2(), function (props) {
+  var _templateObject$2;
+  var ErrorMessage = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-top: ", ";\n"])), function (props) {
     return props.theme.colors.primary;
   }, function (props) {
     return props.theme.marginPaddings[0];
   });
 
-  function _templateObject2() {
-    var data = _taggedTemplateLiteral(["\n  padding: 1rem 3.5rem;\n  cursor: pointer;\n  letter-spacing: 1.3px;\n  border-style: none;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: #fff;\n  transition: 0.2s ease-in-out;\n  outline: none;\n  min-width: 150px;\n"]);
-
-    _templateObject2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$3() {
-    var data = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"]);
+  var _templateObject$3, _templateObject2;
+  var disabledButtonStyle = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"])));
+  var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1rem 3.5rem;\n  cursor: pointer;\n  letter-spacing: 1.3px;\n  border-style: none;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: #fff;\n  transition: 0.2s ease-in-out;\n  outline: none;\n  min-width: 150px;\n"])));
 
-    _templateObject$3 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var disabledButtonStyle = styled.css(_templateObject$3());
-  var baseButtonStyle = styled.css(_templateObject2());
+  var _excluded = ["children"];
 
-  function _templateObject$4() {
-    var data = _taggedTemplateLiteral(["\n  outline: none;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n  &:disabled {\n    ", ";\n  }\n"]);
-
-    _templateObject$4 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Button = styled__default.button(_templateObject$4(), disabledButtonStyle);
+  var _templateObject$4;
+  var Button = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  outline: none;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n  &:disabled {\n    ", ";\n  }\n"])), disabledButtonStyle);
 
   var WrapperButton = function WrapperButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, ["children"]);
+        restProps = _objectWithoutProperties(_ref, _excluded);
 
-    return React__default.createElement(Button, restProps, children);
+    return /*#__PURE__*/React__default.createElement(Button, restProps, children);
   };
 
-  function _templateObject2$1() {
-    var data = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  font-size: 14px;\n  text-transform: uppercase;\n"]);
-
-    _templateObject2$1 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$5() {
-    var data = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"]);
-
-    _templateObject$5 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
+  var _templateObject$5, _templateObject2$1;
   var categories = catArray;
 
   var getSvg = function getSvg() {
@@ -366,26 +329,29 @@
 
     switch (category) {
       case interestCategories.BAGS:
-        return React__default.createElement(Bags, null);
+        return /*#__PURE__*/React__default.createElement(Bags, null);
 
       case interestCategories.SHOES:
-        return React__default.createElement(Shoes, null);
+        return /*#__PURE__*/React__default.createElement(Shoes, null);
+
+      case interestCategories.APPAREL:
+        return /*#__PURE__*/React__default.createElement(Clothing, null);
 
       case interestCategories.ACCESSORIES:
-        return React__default.createElement(Accessories, null);
+        return /*#__PURE__*/React__default.createElement(Accessories, null);
 
       case interestCategories.WATCHES:
-        return React__default.createElement(Watches, null);
+        return /*#__PURE__*/React__default.createElement(Watches, null);
 
       default:
         return null;
     }
   };
 
-  var Container = styled__default.div(_templateObject$5(), function (props) {
+  var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[5];
   });
-  var CategoryTitle = styled__default.h1(_templateObject2$1());
+  var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  font-size: 14px;\n  text-transform: uppercase;\n"])));
   /**
    * InterestCatSelector is a specialized selector for select luxity specific interest categories
    */
@@ -394,8 +360,8 @@
     var onCategoryChange = _ref.onCategoryChange,
         errorMessage = _ref.errorMessage,
         category = _ref.category;
-    return React__default.createElement(Container, null, React__default.createElement(Body, null, categories.map(function (cat, index) {
-      return React__default.createElement(WrapperButton, {
+    return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
+      return /*#__PURE__*/React__default.createElement(WrapperButton, {
         key: "cat-".concat(index),
         id: "cat-".concat(index),
         type: "button",
@@ -403,10 +369,10 @@
         onClick: function onClick() {
           return onCategoryChange(cat.value);
         }
-      }, React__default.createElement(SvgWrapper, {
+      }, /*#__PURE__*/React__default.createElement(SvgWrapper, {
         isChecked: category === cat.value
-      }, getSvg(cat.value), React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
-    })), errorMessage && React__default.createElement(ErrorMessage, null, errorMessage));
+      }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
+    })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
   };
 
   InterestCatSelector.defaultProps = {