@bonlineza/luxity-lib 2.39.4 → 2.39.6

package/InterestCatSelector.js

@@ -1,424 +1,459 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
-  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
-  (global = global || self, global.InterestCatSelector = factory(global.React, global.styled));
-}(this, (function (React, styled) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
+import React, { forwardRef } from 'react';
+import styled, { ThemeProvider, css } from 'styled-components';
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
 
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
 
     return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
 
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+  return target;
+}
 
-    var key, i;
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
 
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+  var target = _objectWithoutPropertiesLoose(source, excluded);
 
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
+  var key, i;
 
-    return target;
-  }
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
 
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
     }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
   }
 
-  var interestCategories = {
-    SHOES: 'SHOES',
-    BAGS: 'BAGS',
-    ACCESSORIES: 'ACCESSORIES',
-    WATCHES: 'WATCHES',
-    APPAREL: 'APPAREL'
-  };
-  var catArray = [{
-    categoryTitle: 'Bags',
-    value: interestCategories.BAGS
-  }, {
-    categoryTitle: 'Shoes',
-    value: interestCategories.SHOES
-  }, {
-    categoryTitle: 'Accessories',
-    value: interestCategories.ACCESSORIES
-  }, {
-    categoryTitle: 'Clothing',
-    value: interestCategories.APPAREL
-  }, {
-    categoryTitle: 'Watches',
-    value: interestCategories.WATCHES
-  }];
-
-  var media = {
-    xs: '576px',
-    sm: '768px',
-    md: '992px',
-    lg: '1200px'
-  };
-
-  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.primary : theme.colors.gray;
-  }, function (_ref2) {
-    var isChecked = _ref2.isChecked,
-        theme = _ref2.theme;
-    return isChecked ? 'white' : theme.colors.base;
-  }, function (_ref3) {
-    var isChecked = _ref3.isChecked,
-        theme = _ref3.theme;
-    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];
-  });
-  SvgWrapper.defaultProps = {
-    isChecked: false
-  };
-
-  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 wrap;\n\n  button {\n    margin-top: 20px;\n    width: 150px;\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      width: 100%;\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 /*#__PURE__*/React__default.createElement("svg", _extends({
-      version: "1.1",
-      id: "svg-shoes",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 83.8 83.8",
-      xmlSpace: "preserve"
-    }, props), /*#__PURE__*/React__default.createElement("circle", {
-      fill: "#fff",
-      cx: "41.9",
-      cy: "41.9",
-      r: "41.9"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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: "svg-clothing",
-      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",
-      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", {
-      d: "M42.6,42.6L42.6,42.6z"
-    }));
-  });
-
-  var Bags = (function (props) {
-    return /*#__PURE__*/React__default.createElement("svg", _extends({
-      version: "1.1",
-      id: "svg-bags",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 83.8 83.8",
-      xmlSpace: "preserve"
-    }, props), /*#__PURE__*/React__default.createElement("circle", {
-      fill: "#fff",
-      cx: "41.9",
-      cy: "41.9",
-      r: "41.9"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    })));
-  });
+  return target;
+}
 
-  var Accessories = (function (props) {
-    return /*#__PURE__*/React__default.createElement("svg", _extends({
-      version: "1.1",
-      id: "svg-accessories",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 83.8 83.8",
-      xmlSpace: "preserve",
-      color: "#fff"
-    }, props), /*#__PURE__*/React__default.createElement("circle", {
-      fill: "#fff",
-      cx: "41.9",
-      cy: "41.9",
-      r: "41.9"
-    }), /*#__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 /*#__PURE__*/React__default.createElement("svg", _extends({
-      version: "1.1",
-      id: "svg-watches",
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      x: "0px",
-      y: "0px",
-      viewBox: "0 0 83.8 83.8",
-      xmlSpace: "preserve"
-    }, props), /*#__PURE__*/React__default.createElement("circle", {
-      fill: "#fff",
-      cx: "41.9",
-      cy: "41.9",
-      r: "41.9"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }), /*#__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"
-    }));
-  });
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
 
-  var theme = {
-    breakpoints: ['40em', '52em', '64em'],
-    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-    letterSpacings: ['-0.5px', '0px', '+0.5px'],
-    radii: ['0px', '2px', '4px', '8px'],
-    borderRadius: '6px',
-    colors: {
-      primary: '#000',
-      base: '#4e4949',
-      baseLt: '#817c7c',
-      borderColor: '#d8d8d8',
-      ntrlMin: '#fff',
-      ntrlMinTen: '#e6e6e6',
-      gray: '#efefef',
-      darkerGray: '#454141'
-    },
-    rareStepColors: {
-      primary: '#202b58',
-      secondary: '#ef5c2d',
-      ntrlMin: '#ffffff',
-      ntrl40: '#f4f4f4',
-      ntrl50: '#808080',
-      ntrl60: '#e8e8e8',
-      ntrl70: '#252525',
-      ntrlMax: '#000000'
-    },
-    rareStepFontWeights: {
-      normal: 400,
-      medium: 500,
-      semiBold: 600,
-      bold: 700
-    },
-    rareStepFontSize: {
-      h1: '36px',
-      h2: '30px',
-      h3: '24px',
-      h4: '20px',
-      h5: '16px',
-      h6: '14px',
-      footerTitle: '16px'
-    },
-    rareStepPageSizes: {
-      mobile: '500px',
-      tablet: '768px',
-      desktop: '992px',
-      screenl: '1280px',
-      screenxl: '1680px',
-      screenxxl: '1920px',
-      container: '1600px'
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
     }
-  };
-
-  var themed = (function (Component) {
-    return /*#__PURE__*/React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-        theme: theme
-      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
-        ref: ref
-      })));
-    });
-  });
-
-  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];
+  }));
+}
+
+var interestCategories = {
+  SHOES: 'SHOES',
+  BAGS: 'BAGS',
+  ACCESSORIES: 'ACCESSORIES',
+  WATCHES: 'WATCHES',
+  APPAREL: 'APPAREL',
+  JEWELLERY: 'JEWELLERY'
+};
+var catArray = [{
+  categoryTitle: 'Bags',
+  value: interestCategories.BAGS
+}, {
+  categoryTitle: 'Shoes',
+  value: interestCategories.SHOES
+}, {
+  categoryTitle: 'Accessories',
+  value: interestCategories.ACCESSORIES
+}, {
+  categoryTitle: 'Clothing',
+  value: interestCategories.APPAREL
+}, {
+  categoryTitle: 'Watches',
+  value: interestCategories.WATCHES
+}, {
+  categoryTitle: 'Jewellery',
+  value: interestCategories.JEWELLERY
+}];
+
+var media = {
+  xs: '576px',
+  sm: '768px',
+  md: '992px',
+  lg: '1200px'
+};
+
+var _templateObject;
+var SvgWrapper = styled.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.primary : theme.colors.gray;
+}, function (_ref2) {
+  var isChecked = _ref2.isChecked,
+      theme = _ref2.theme;
+  return isChecked ? 'white' : theme.colors.base;
+}, function (_ref3) {
+  var isChecked = _ref3.isChecked,
+      theme = _ref3.theme;
+  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];
+});
+SvgWrapper.defaultProps = {
+  isChecked: false
+};
+
+var _templateObject$1;
+var Body = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  .outlineColor {\n    fill: #ffffff;\n  }\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: ", ";\n\n  button {\n    margin-top: 20px;\n    width: 100%;\n    cursor: pointer;\n    padding: 0;\n  }\n  .outlineColor {\n    fill: white;\n  }\n\n  @media (max-width: ", ") {\n    display: block;\n    button {\n      width: 100%;\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 /*#__PURE__*/React.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-shoes",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 83.8 83.8",
+    xmlSpace: "preserve"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    fill: "#fff",
+    cx: "41.9",
+    cy: "41.9",
+    r: "41.9"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-clothing",
+    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.createElement("circle", {
+    className: "st0",
+    cx: "42.6",
+    cy: "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", {
+    d: "M42.6,42.6L42.6,42.6z"
+  }));
+});
+
+var Bags = (function (props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-bags",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 83.8 83.8",
+    xmlSpace: "preserve"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    fill: "#fff",
+    cx: "41.9",
+    cy: "41.9",
+    r: "41.9"
+  }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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 /*#__PURE__*/React.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-accessories",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 83.8 83.8",
+    xmlSpace: "preserve",
+    color: "#fff"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    fill: "#fff",
+    cx: "41.9",
+    cy: "41.9",
+    r: "41.9"
+  }), /*#__PURE__*/React.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 /*#__PURE__*/React.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-watches",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 83.8 83.8",
+    xmlSpace: "preserve"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    fill: "#fff",
+    cx: "41.9",
+    cy: "41.9",
+    r: "41.9"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }), /*#__PURE__*/React.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"
+  }));
+});
+
+var Jewellery = (function (props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    version: "1.1",
+    id: "svg-jewellery",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 83.8 83.8",
+    xmlSpace: "preserve"
+  }, props), /*#__PURE__*/React.createElement("circle", {
+    fill: "#fff",
+    cx: "41.9",
+    cy: "41.9",
+    r: "41.9"
+  }), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M53.86,37.42c-1.61-1.62-3.66-2.93-6.26-3.98l4.55-5.1-.14-.73-3.27-4.98-.48-.36-12.49-.06h-.11l-.75.46-.05.09c-.4.73-.93,1.47-1.44,2.2-.58.8-1.16,1.63-1.6,2.46-.29.54-.38.86.07,1.49l4.2,4.53c-2.21.91-3.93,1.93-5.38,3.21-5.11,4.49-6.99,11.35-4.91,17.89,2.07,6.5,7.52,10.97,14.22,11.68.63.06,1.24.09,1.85.09l.01.01c6.49,0,12.33-3.65,15.2-9.64,3.2-6.65,1.96-14.03-3.22-19.26ZM44.71,33.13l1.21-3.83h2.36l-3.57,3.83ZM47.29,24.51c.24.47.54.91.84,1.33.26.38.52.75.71,1.13h-3.26l-1.52-2.46h3.23ZM41.84,25.47c.12.18.25.36.38.53.24.33.49.66.66.97h-2.07l1.03-1.5ZM40.29,24.14h.01v.01h-.02l.01-.01ZM43.54,29.3l-1.7,5.08-1.78-5.08h3.48ZM41.87,39.45c5.48,0,9.94,4.46,9.94,9.94s-4.46,9.94-9.94,9.94-9.95-4.45-9.95-9.94,4.46-9.94,9.95-9.94ZM35.78,25.58c.25-.36.5-.72.73-1.07h3.08l-1.69,2.46h-3.05c.26-.46.6-.93.93-1.39ZM35.49,29.3h2.1l1.2,3.64-3.3-3.64ZM55.57,54.43c-1.81,4.96-6.05,8.45-11.31,9.33-5.26.89-10.39-1.04-13.73-5.14-3.12-3.85-4.08-8.97-2.55-13.69,1.5-4.68,5.19-8.26,9.88-9.59l.01.01c.35.28,1.34,1.43,1.79,1.95,0,.01.01.02.02.02-3.94.74-7.25,3.3-8.94,6.94-1.76,3.82-1.45,8.24.85,11.83,2.03,3.17,5.4,5.17,9.22,5.5,3.85.32,7.54-1.09,10.09-3.9,3.16-3.45,4.08-8.13,2.46-12.5-1.51-4.13-5.05-7.09-9.32-7.87l1.8-1.98c.21.01.7.19.87.26l.18.07c3.58,1.24,6.46,3.86,8.12,7.37,1.7,3.57,1.9,7.73.56,11.39Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M40.69,20.19c-.07-.64-.22-2.13.75-2.66l.18-.05h.59l.1.08c.05.04.09.07.14.1.21.13.49.31.56.75.07.42.06,1.57.01,1.98-.07.61-.55,1.06-1.14,1.06v-.01h-.01c-.53,0-1.1-.39-1.18-1.25Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M51.92,25.64c-.39-.3-.54-.81-.4-1.33.09-.34,1.43-2,1.92-2.11.07-.01.14-.02.21-.02.33,0,.65.14.88.4.28.31.38.73.26,1.12-.08.27-1.34,1.86-1.58,1.99-.21.12-.42.17-.63.17-.23,0-.47-.07-.66-.22Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M28.95,23.59c-.12-.7.21-1.26.82-1.39.09-.01.16-.02.23-.02.08,0,.16.01.24.02.62.12,2.08,1.94,2.06,2.56-.02.42-.23.77-.6.95-.17.09-.34.13-.52.13h-.01c-.26,0-.51-.08-.74-.24-.27-.19-1.42-1.61-1.48-2.01Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M32.85,19.35c-.1-.4-.04-.83.18-1.12.19-.26.48-.41.82-.42h.03c.9,0,1.8,1.68,1.92,2.11.16.57-.04,1.15-.52,1.42-.17.1-.36.16-.55.16-.31,0-.61-.13-.85-.38-.17-.18-.96-1.49-1.03-1.77Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#010101",
+    d: "M48.21,21.2c-.32-.32-.43-.8-.29-1.25.15-.49,1.03-2.11,1.9-2.16h.05c.53,0,1.08.5,1.13,1.02.06.55-1.05,2.45-1.66,2.64-.12.04-.24.06-.36.06h-.01v-.01c-.28,0-.55-.1-.76-.3Z"
+  })));
+});
+
+var theme = {
+  breakpoints: ['40em', '52em', '64em'],
+  space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
+  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
+  marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
+  letterSpacings: ['-0.5px', '0px', '+0.5px'],
+  radii: ['0px', '2px', '4px', '8px'],
+  borderRadius: '6px',
+  colors: {
+    primary: '#000',
+    base: '#4e4949',
+    baseLt: '#817c7c',
+    borderColor: '#d8d8d8',
+    ntrlMin: '#fff',
+    ntrlMinTen: '#e6e6e6',
+    gray: '#efefef',
+    darkerGray: '#454141'
+  },
+  rareStepColors: {
+    primary: '#202b58',
+    secondary: '#ef5c2d',
+    ntrlMin: '#ffffff',
+    ntrl40: '#f4f4f4',
+    ntrl50: '#808080',
+    ntrl60: '#e8e8e8',
+    ntrl70: '#252525',
+    ntrlMax: '#000000'
+  },
+  rareStepFontWeights: {
+    normal: 400,
+    medium: 500,
+    semiBold: 600,
+    bold: 700
+  },
+  rareStepFontSize: {
+    h1: '36px',
+    h2: '30px',
+    h3: '24px',
+    h4: '20px',
+    h5: '16px',
+    h6: '14px',
+    footerTitle: '16px'
+  },
+  rareStepPageSizes: {
+    mobile: '500px',
+    tablet: '768px',
+    desktop: '992px',
+    screenl: '1280px',
+    screenxl: '1680px',
+    screenxxl: '1920px',
+    container: '1600px'
+  }
+};
+
+var themed = (function (Component) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
+      theme: theme
+    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      ref: ref
+    })));
   });
+});
 
-  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 2rem;\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"])));
+var _templateObject$2;
+var ErrorMessage = styled.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];
+});
 
-  var _excluded = ["children"];
+var _templateObject$3, _templateObject2;
+var disabledButtonStyle = css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n  opacity: 0.4;\n"])));
+var baseButtonStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 1rem 2rem;\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"])));
 
-  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 _excluded = ["children"];
 
-  var WrapperButton = function WrapperButton(_ref) {
-    var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded);
+var _templateObject$4;
+var Button = styled.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);
 
-    return /*#__PURE__*/React__default.createElement(Button, restProps, children);
-  };
+var WrapperButton = function WrapperButton(_ref) {
+  var children = _ref.children,
+      restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _templateObject$5, _templateObject2$1;
-  var categories = catArray;
+  return /*#__PURE__*/React.createElement(Button, restProps, children);
+};
 
-  var getSvg = function getSvg() {
-    var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+var _templateObject$5, _templateObject2$1;
+var categories = catArray;
 
-    switch (category) {
-      case interestCategories.BAGS:
-        return /*#__PURE__*/React__default.createElement(Bags, null);
+var getSvg = function getSvg() {
+  var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
 
-      case interestCategories.SHOES:
-        return /*#__PURE__*/React__default.createElement(Shoes, null);
+  switch (category) {
+    case interestCategories.BAGS:
+      return /*#__PURE__*/React.createElement(Bags, null);
 
-      case interestCategories.APPAREL:
-        return /*#__PURE__*/React__default.createElement(Clothing, null);
+    case interestCategories.SHOES:
+      return /*#__PURE__*/React.createElement(Shoes, null);
 
-      case interestCategories.ACCESSORIES:
-        return /*#__PURE__*/React__default.createElement(Accessories, null);
+    case interestCategories.APPAREL:
+      return /*#__PURE__*/React.createElement(Clothing, null);
 
-      case interestCategories.WATCHES:
-        return /*#__PURE__*/React__default.createElement(Watches, null);
+    case interestCategories.ACCESSORIES:
+      return /*#__PURE__*/React.createElement(Accessories, null);
 
-      default:
-        return null;
-    }
-  };
+    case interestCategories.WATCHES:
+      return /*#__PURE__*/React.createElement(Watches, null);
 
-  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 || (_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
-   */
-
-  var InterestCatSelector = function InterestCatSelector(_ref) {
-    var onCategoryChange = _ref.onCategoryChange,
-        errorMessage = _ref.errorMessage,
-        category = _ref.category;
-    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",
-        hasBorder: false,
-        onClick: function onClick() {
-          return onCategoryChange(cat.value);
-        }
-      }, /*#__PURE__*/React__default.createElement(SvgWrapper, {
-        isChecked: category === cat.value
-      }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
-    })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
-  };
+    case interestCategories.JEWELLERY:
+      return /*#__PURE__*/React.createElement(Jewellery, null);
 
-  InterestCatSelector.defaultProps = {
-    errorMessage: '',
-    category: null,
-    onCategoryChange: function onCategoryChange() {
-      return false;
-    }
-  };
-  var index = themed(InterestCatSelector);
-
-  return index;
+    default:
+      return null;
+  }
+};
+
+var Container = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
+  return props.theme.marginPaddings[5];
+});
+var CategoryTitle = styled.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
+ */
+
+var InterestCatSelector = function InterestCatSelector(_ref) {
+  var onCategoryChange = _ref.onCategoryChange,
+      errorMessage = _ref.errorMessage,
+      category = _ref.category;
+  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Body, null, categories.map(function (cat, index) {
+    return /*#__PURE__*/React.createElement(WrapperButton, {
+      key: "cat-".concat(index),
+      id: "cat-".concat(index),
+      type: "button",
+      hasBorder: false,
+      onClick: function onClick() {
+        return onCategoryChange(cat.value);
+      }
+    }, /*#__PURE__*/React.createElement(SvgWrapper, {
+      isChecked: category === cat.value
+    }, getSvg(cat.value), /*#__PURE__*/React.createElement(CategoryTitle, null, cat.categoryTitle)));
+  })), errorMessage && /*#__PURE__*/React.createElement(ErrorMessage, null, errorMessage));
+};
+
+InterestCatSelector.defaultProps = {
+  errorMessage: '',
+  category: null,
+  onCategoryChange: function onCategoryChange() {
+    return false;
+  }
+};
+var index = themed(InterestCatSelector);
 
-})));
+export default index;