@bonlineza/luxity-lib 2.36.1-beta.4 → 2.36.1

package/AddInterest.js

@@ -10,204 +10,296 @@
   PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
   var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
 
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
-  }
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  function _arrayWithoutHoles(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray(r);
-  }
-  function _assertThisInitialized(e) {
-    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return e;
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
   }
-  function _callSuper(t, o, e) {
-    return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
   }
-  function _classCallCheck(a, n) {
-    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
   }
-  function _defineProperties(e, r) {
-    for (var t = 0; t < r.length; t++) {
-      var o = r[t];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
     }
   }
-  function _createClass(e, r, t) {
-    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-      writable: !1
-    }), e;
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
+    return Constructor;
   }
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
   }
+
   function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    _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 n;
-    }, _extends.apply(null, arguments);
-  }
-  function _getPrototypeOf(t) {
-    return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-      return t.__proto__ || Object.getPrototypeOf(t);
-    }, _getPrototypeOf(t);
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
-  function _inherits(t, e) {
-    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-    t.prototype = Object.create(e && e.prototype, {
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
       constructor: {
-        value: t,
-        writable: !0,
-        configurable: !0
+        value: subClass,
+        writable: true,
+        configurable: true
       }
-    }), Object.defineProperty(t, "prototype", {
-      writable: !1
-    }), e && _setPrototypeOf(t, e);
+    });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
   }
-  function _isNativeReflectConstruct() {
-    try {
-      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (t) {}
-    return (_isNativeReflectConstruct = function () {
-      return !!t;
-    })();
+
+  function _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
   }
-  function _iterableToArray(r) {
-    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf(o, p);
   }
-  function _iterableToArrayLimit(r, l) {
-    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-    if (null != t) {
-      var e,
-        n,
-        i,
-        u,
-        a = [],
-        f = !0,
-        o = !1;
-      try {
-        if (i = (t = t.call(r)).next, 0 === l) {
-          if (Object(t) !== t) return;
-          f = !1;
-        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-      } catch (r) {
-        o = !0, n = r;
-      } finally {
-        try {
-          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-        } finally {
-          if (o) throw n;
-        }
-      }
-      return a;
+
+  function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
     }
   }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+
+  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];
+    }
+
+    return target;
   }
-  function ownKeys(e, r) {
-    var t = Object.keys(e);
+
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+
+    var key, i;
+
     if (Object.getOwnPropertySymbols) {
-      var o = Object.getOwnPropertySymbols(e);
-      r && (o = o.filter(function (r) {
-        return Object.getOwnPropertyDescriptor(e, r).enumerable;
-      })), t.push.apply(t, o);
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+      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 t;
+
+    return target;
   }
-  function _objectSpread2(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-        _defineProperty(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-      });
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-    return e;
+
+    return self;
   }
-  function _objectWithoutProperties(e, t) {
-    if (null == e) return {};
-    var o,
-      r,
-      i = _objectWithoutPropertiesLoose(e, t);
-    if (Object.getOwnPropertySymbols) {
-      var n = Object.getOwnPropertySymbols(e);
-      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (typeof call === "object" || typeof call === "function")) {
+      return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
-    return i;
+
+    return _assertThisInitialized(self);
   }
-  function _objectWithoutPropertiesLoose(r, e) {
-    if (null == r) return {};
-    var t = {};
-    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-      if (-1 !== e.indexOf(n)) continue;
-      t[n] = r[n];
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
     }
-    return t;
+
+    return Object.freeze(Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw)
+      }
+    }));
   }
-  function _possibleConstructorReturn(t, e) {
-    if (e && ("object" == typeof e || "function" == typeof e)) return e;
-    if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
-    return _assertThisInitialized(t);
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
-  function _setPrototypeOf(t, e) {
-    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-      return t.__proto__ = e, t;
-    }, _setPrototypeOf(t, e);
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
-  function _taggedTemplateLiteral(e, t) {
-    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
-      raw: {
-        value: Object.freeze(t)
-      }
-    }));
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
-  function _toConsumableArray(r) {
-    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-  function _toPrimitive(t, r) {
-    if ("object" != typeof t || !t) return t;
-    var e = t[Symbol.toPrimitive];
-    if (void 0 !== e) {
-      var i = e.call(t, r || "default");
-      if ("object" != typeof i) return i;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+
+    var _s, _e;
+
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
     }
-    return ("string" === r ? String : Number)(t);
+
+    return _arr;
   }
-  function _toPropertyKey(t) {
-    var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : i + "";
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
-  function _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-    }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
   }
 
-  /** @format */
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
 
+  /** @format */
   var request = {
     fetching: false,
     failed: false,
@@ -284,23 +376,23 @@
     return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
   }, function (_ref) {
     var isChecked = _ref.isChecked,
-      theme = _ref.theme;
+        theme = _ref.theme;
     return isChecked ? theme.colors.primary : theme.colors.gray;
   }, function (_ref2) {
     var isChecked = _ref2.isChecked,
-      theme = _ref2.theme;
+        theme = _ref2.theme;
     return isChecked ? 'white' : theme.colors.base;
   }, function (_ref3) {
     var isChecked = _ref3.isChecked,
-      theme = _ref3.theme;
+        theme = _ref3.theme;
     return isChecked ? theme.colors.ntrlMin : theme.colors.primary;
   }, function (_ref4) {
     var isChecked = _ref4.isChecked,
-      theme = _ref4.theme;
+        theme = _ref4.theme;
     return isChecked ? 'white' : theme.colors.base;
   }, function (_ref5) {
     var isChecked = _ref5.isChecked,
-      theme = _ref5.theme;
+        theme = _ref5.theme;
     return isChecked ? theme.colors.primary : 'white';
   }, media.sm, function (props) {
     return props.theme.marginPaddings[2];
@@ -519,45 +611,56 @@
   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 _excluded = ["children"];
+
   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, _excluded);
+        restProps = _objectWithoutProperties(_ref, _excluded);
+
     return /*#__PURE__*/React__default.createElement(Button, restProps, children);
   };
 
   var _templateObject$5, _templateObject2$1;
   var categories = catArray;
+
   var getSvg = function getSvg() {
     var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
     switch (category) {
       case interestCategories.BAGS:
         return /*#__PURE__*/React__default.createElement(Bags, null);
+
       case interestCategories.SHOES:
         return /*#__PURE__*/React__default.createElement(Shoes, null);
+
       case interestCategories.APPAREL:
         return /*#__PURE__*/React__default.createElement(Clothing, null);
+
       case interestCategories.ACCESSORIES:
         return /*#__PURE__*/React__default.createElement(Accessories, null);
+
       case interestCategories.WATCHES:
         return /*#__PURE__*/React__default.createElement(Watches, null);
+
       default:
         return 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;
+        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),
@@ -572,6 +675,7 @@
       }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
     })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
   };
+
   InterestCatSelector.defaultProps = {
     errorMessage: '',
     category: null,
@@ -590,39 +694,50 @@
   var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
     data: null
   });
-
   /**
    * A flavour of PageReady with Luxity customisations
    * 1. the onIsLoading callback is useful to parent components that have more complex data interactions
    * 2. an error message interpreter is supplied from the local helper library
    */
+
   var LuxityPageReady = /*#__PURE__*/function (_React$Component) {
+    _inherits(LuxityPageReady, _React$Component);
+
+    var _super = _createSuper(LuxityPageReady);
+
     function LuxityPageReady() {
       var _this;
+
       _classCallCheck(this, LuxityPageReady);
+
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper(this, LuxityPageReady, [].concat(args));
-      _defineProperty(_this, "state", {
+
+      _this = _super.call.apply(_super, [this].concat(args));
+
+      _defineProperty(_assertThisInitialized(_this), "state", {
         data: null
       });
-      _defineProperty(_this, "refreshPage", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
         return _this.pageReadyInstance.initRequest();
       });
+
       return _this;
     }
-    _inherits(LuxityPageReady, _React$Component);
-    return _createClass(LuxityPageReady, [{
+
+    _createClass(LuxityPageReady, [{
       key: "render",
       value: function render() {
         var _this2 = this;
+
         var _this$props = this.props,
-          customErrorMessage = _this$props.customErrorMessage,
-          customErrorHandler = _this$props.customErrorHandler,
-          getRequestPromise = _this$props.getRequestPromise,
-          _onData = _this$props.onData,
-          children = _this$props.children;
+            customErrorMessage = _this$props.customErrorMessage,
+            customErrorHandler = _this$props.customErrorHandler,
+            getRequestPromise = _this$props.getRequestPromise,
+            _onData = _this$props.onData,
+            children = _this$props.children;
         var data = this.state.data;
         return /*#__PURE__*/React__default.createElement(PageReady, {
           ref: function ref(inst) {
@@ -632,15 +747,19 @@
             _this2.setState({
               data: res.data
             });
+
             _onData(res);
           },
           getRequestInstance: function getRequestInstance() {
             _this2.props.onIsLoading(true);
+
             return getRequestPromise().then(function (out) {
               _this2.props.onIsLoading(false);
+
               return out;
             }).catch(function (oops) {
               _this2.props.onIsLoading(false);
+
               return oops;
             });
           },
@@ -657,7 +776,10 @@
         }, children));
       }
     }]);
+
+    return LuxityPageReady;
   }(React__default.Component);
+
   LuxityPageReady.defaultProps = {
     onIsLoading: function onIsLoading() {
       return null;
@@ -672,6 +794,7 @@
   };
 
   var _excluded$1 = ["children"];
+
   var _templateObject$6;
   var Button$1 = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  ", ";\n  background-color: transparent;\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  &:disabled {\n    ", ";\n    color: ", ";\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.base;
@@ -680,17 +803,21 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
+
   var TextButton = function TextButton(_ref) {
     var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded$1);
+        restProps = _objectWithoutProperties(_ref, _excluded$1);
+
     return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
   };
+
   TextButton.defaultProps = {
     type: 'button'
   };
   var TextButton$1 = themed(TextButton);
 
   var _excluded$2 = ["children"];
+
   var _templateObject$7;
   var Button$2 = styled__default(TextButton$1)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: ", ";\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
     return props.theme.colors.ntrlMin;
@@ -705,11 +832,14 @@
   }, function (props) {
     return props.theme.colors.primary;
   });
+
   var InvertedTextButton = function InvertedTextButton(_ref) {
     var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded$2);
+        restProps = _objectWithoutProperties(_ref, _excluded$2);
+
     return /*#__PURE__*/React__default.createElement(Button$2, restProps, children);
   };
+
   var InvertedTextButton$1 = themed(InvertedTextButton);
 
   var _templateObject$8, _templateObject2$2;
@@ -751,49 +881,65 @@
   }, function (props) {
     return props.theme.colors.ntrlMin;
   });
-
   /**
    * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
    */
+
   var GraphQLMultiSelector = /*#__PURE__*/function (_React$Component) {
+    _inherits(GraphQLMultiSelector, _React$Component);
+
+    var _super = _createSuper(GraphQLMultiSelector);
+
     function GraphQLMultiSelector(props) {
       var _this;
+
       _classCallCheck(this, GraphQLMultiSelector);
-      _this = _callSuper(this, GraphQLMultiSelector, [props]);
-      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-      _defineProperty(_this, "makeRequest", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-      _defineProperty(_this, "emptySelected", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM]
         });
       });
-      _defineProperty(_this, "setNewResults", function (res) {
+
+      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
         var selectedIds = _this.state.selected.map(function (sel) {
           return sel.id;
         });
+
         var pagination = _this.props.resultProcessor(res);
+
         var allSelected = _this.state.selected.some(function (item) {
           return item.id === ALL_ITEM.id;
         });
+
         var newList = pagination.data.filter(function (newItem) {
           return !selectedIds.includes(newItem.id);
         });
         newList = allSelected ? newList : [ALL_ITEM].concat(_toConsumableArray(newList));
+
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
         _this.setState(function (prevState) {
           var newSelectedList;
           var newList;
+
           if (addSelectedItem.id === ALL_ITEM.id) {
             // Clear Selected List
             // and move previous Selected items to list
@@ -813,6 +959,7 @@
               return item.id !== addSelectedItem.id;
             })));
           }
+
           return {
             selected: newSelectedList,
             list: newList
@@ -823,20 +970,24 @@
           }));
         });
       });
-      _defineProperty(_this, "onRemoveItem", function (removeSelectedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
         _this.setState(function (prevState) {
           // Cannot remove ALL from selection by unselecting it
           if ((removeSelectedItem === null || removeSelectedItem === void 0 ? void 0 : removeSelectedItem.id) === ALL_ITEM.id) {
             return {};
           }
+
           var newSelectedList = prevState.selected.filter(function (item) {
             return item.id !== removeSelectedItem.id;
           });
+
           var newList = _toConsumableArray(prevState.list).concat(removeSelectedItem).filter(function (item) {
             return item.id !== ALL_ITEM.id;
           }).sort(function (a, b) {
             return a.id - b.id;
           });
+
           return {
             list: newList,
             selected: newSelectedList.length ? newSelectedList : [ALL_ITEM]
@@ -847,23 +998,25 @@
           }));
         });
       });
-      _defineProperty(_this, "onIsLoading", function (flag) {
+
+      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$props = _this.props,
-          baseClass = _this$props.baseClass,
-          ItemRenderer = _this$props.itemRenderer,
-          identifier = _this$props.identifier,
-          triggerRequest = _this$props.triggerRequest,
-          className = _this$props.className;
+            baseClass = _this$props.baseClass,
+            ItemRenderer = _this$props.itemRenderer,
+            identifier = _this$props.identifier,
+            triggerRequest = _this$props.triggerRequest,
+            className = _this$props.className;
         var _this$state = _this.state,
-          list = _this$state.list,
-          selected = _this$state.selected,
-          pagination = _this$state.pagination,
-          isLoading = _this$state.isLoading;
+            list = _this$state.list,
+            selected = _this$state.selected,
+            pagination = _this$state.pagination,
+            isLoading = _this$state.isLoading;
         return /*#__PURE__*/React__default.createElement(StyledMultiselector, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
           className: "".concat(className, " ").concat(baseClass)
@@ -902,6 +1055,7 @@
           type: "button"
         }, "SHOW MORE"))));
       });
+
       _this.state = {
         selected: [ALL_ITEM],
         list: [],
@@ -910,9 +1064,10 @@
       };
       return _this;
     }
-    _inherits(GraphQLMultiSelector, _React$Component);
+
     return _createClass(GraphQLMultiSelector);
   }(React__default.Component);
+
   GraphQLMultiSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -945,22 +1100,24 @@
   }, function (props) {
     return props.theme.marginPaddings[3];
   });
+
   var InterestsSubheading = function InterestsSubheading(_ref) {
     var title = _ref.title,
-      children = _ref.children,
-      className = _ref.className;
+        children = _ref.children,
+        className = _ref.className;
     return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
       className: className
     }, /*#__PURE__*/React__default.createElement(Title, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
   };
 
   var _templateObject$a;
+
   var Title$1 = function Title(_ref) {
     var baseClass = _ref.baseClass,
-      className = _ref.className,
-      title = _ref.title,
-      searchPlaceHolder = _ref.searchPlaceHolder,
-      onSearchChanged = _ref.onSearchChanged;
+        className = _ref.className,
+        title = _ref.title,
+        searchPlaceHolder = _ref.searchPlaceHolder,
+        onSearchChanged = _ref.onSearchChanged;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
@@ -973,6 +1130,7 @@
       onChange: onSearchChanged
     })));
   };
+
   var StyledTitle = styled__default(Title$1)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  font-size: ", ";\n\n  .title__search,\n  .title__search {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 30px;\n    margin-bottom: ", ";\n\n    svg {\n      margin-left: ", ";\n      fill: ", ";\n      stroke: ", ";\n    }\n\n    input {\n      width: 140px;\n      border: none;\n      font-size: ", ";\n      transition: 0.2s border-color ease-in-out;\n      margin-left: ", ";\n      padding: 0;\n\n      :focus {\n        border-color: ", ";\n        border-bottom: none;\n      }\n    }\n  }\n"])), function (props) {
     return props.theme.marginPaddings[2];
   }, function (props) {
@@ -995,26 +1153,37 @@
   var Title$2 = themed(StyledTitle);
 
   var debounceBuilder = functions.debounced(200);
+
   /**
    * Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
    */
   var LuxityGraphQLMultiselector = /*#__PURE__*/function (_React$Component) {
+    _inherits(LuxityGraphQLMultiselector, _React$Component);
+
+    var _super = _createSuper(LuxityGraphQLMultiselector);
+
     function LuxityGraphQLMultiselector(props) {
       var _this;
+
       _classCallCheck(this, LuxityGraphQLMultiselector);
-      _this = _callSuper(this, LuxityGraphQLMultiselector, [props]);
-      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "increaseLimit", function () {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-      _defineProperty(_this, "onChange", function (selection) {
+
+      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-      _defineProperty(_this, "onSearchChanged", function (event) {
+
+      _defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
         event.preventDefault();
         var searchText = event.target.value;
         debounceBuilder(function () {
@@ -1023,21 +1192,22 @@
           });
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$state = _this.state,
-          limit = _this$state.limit,
-          category = _this$state.category,
-          nameFilter = _this$state.nameFilter;
+            limit = _this$state.limit,
+            category = _this$state.category,
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
-          title = _this$props.title,
-          baseClass = _this$props.baseClass,
-          getGraphQuery = _this$props.getGraphQuery,
-          resultProcessor = _this$props.resultProcessor,
-          itemRenderer = _this$props.itemRenderer,
-          searchPlaceHolder = _this$props.searchPlaceHolder,
-          graphApi = _this$props.graphApi,
-          identifier = _this$props.identifier,
-          requestInstance = _this$props.requestInstance;
+            title = _this$props.title,
+            baseClass = _this$props.baseClass,
+            getGraphQuery = _this$props.getGraphQuery,
+            resultProcessor = _this$props.resultProcessor,
+            itemRenderer = _this$props.itemRenderer,
+            searchPlaceHolder = _this$props.searchPlaceHolder,
+            graphApi = _this$props.graphApi,
+            identifier = _this$props.identifier,
+            requestInstance = _this$props.requestInstance;
         return /*#__PURE__*/React__default.createElement("div", {
           className: baseClass
         }, /*#__PURE__*/React__default.createElement(Title$2, {
@@ -1060,6 +1230,7 @@
           itemRenderer: itemRenderer
         })));
       });
+
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
@@ -1067,11 +1238,12 @@
       };
       return _this;
     }
-    _inherits(LuxityGraphQLMultiselector, _React$Component);
-    return _createClass(LuxityGraphQLMultiselector, [{
+
+    _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
         var _this$multiSelectorRe;
+
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
@@ -1084,10 +1256,14 @@
             category: props.category
           };
         }
+
         return null;
       }
     }]);
+
+    return LuxityGraphQLMultiselector;
   }(React__default.Component);
+
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -1096,17 +1272,21 @@
   };
 
   var _excluded$3 = ["children"];
+
   var _templateObject$b;
   var Button$3 = styled__default.button(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  ", ";\n  background-color: #fff;\n  color: ", ";\n  border: 1px solid ", ";\n\n  &:disabled {\n    ", "\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.primary;
   }, function (props) {
     return props.theme.colors.primary;
   }, disabledButtonStyle);
+
   var PrimaryButton = function PrimaryButton(_ref) {
     var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded$3);
+        restProps = _objectWithoutProperties(_ref, _excluded$3);
+
     return /*#__PURE__*/React__default.createElement(Button$3, restProps, children);
   };
+
   var PrimaryButton$1 = themed(PrimaryButton);
 
   var _templateObject$c;
@@ -1122,10 +1302,11 @@
     return props.theme.colors.ntrlMin;
   });
   var UnselectedButton = themed(BaseButton);
+
   var ItemRenderer = function ItemRenderer(_ref) {
     var item = _ref.item,
-      onSelect = _ref.onSelect,
-      selected = _ref.selected;
+        onSelect = _ref.onSelect,
+        selected = _ref.selected;
     var props = {
       onClick: function onClick(e) {
         e.preventDefault();
@@ -1137,12 +1318,12 @@
 
   var BrandSelector = function BrandSelector(_ref) {
     var onChange = _ref.onChange,
-      category = _ref.category,
-      graphApi = _ref.graphApi,
-      itemRenderer = _ref.itemRenderer,
-      getGraphQuery = _ref.getGraphQuery,
-      resultProcessor = _ref.resultProcessor,
-      requestInstance = _ref.requestInstance;
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       baseQueryLimit: 16,
       title: "Brands",
@@ -1159,6 +1340,7 @@
       requestInstance: requestInstance
     });
   };
+
   BrandSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -1168,12 +1350,12 @@
 
   var StyleSelector = function StyleSelector(_ref) {
     var onChange = _ref.onChange,
-      category = _ref.category,
-      graphApi = _ref.graphApi,
-      itemRenderer = _ref.itemRenderer,
-      getGraphQuery = _ref.getGraphQuery,
-      resultProcessor = _ref.resultProcessor,
-      requestInstance = _ref.requestInstance;
+        category = _ref.category,
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        resultProcessor = _ref.resultProcessor,
+        requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Styles",
       queryId: "getStyles",
@@ -1190,6 +1372,7 @@
       requestInstance: requestInstance
     });
   };
+
   StyleSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -1204,82 +1387,117 @@
   };
 
   function _extends$1() {
-    return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    _extends$1 = 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 n;
-    }, _extends$1.apply(null, arguments);
+
+      return target;
+    };
+    return _extends$1.apply(this, arguments);
   }
 
-  function _assertThisInitialized$1(e) {
-    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return e;
+  function _assertThisInitialized$1(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
   }
 
-  function _setPrototypeOf$1(t, e) {
-    return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-      return t.__proto__ = e, t;
-    }, _setPrototypeOf$1(t, e);
+  function _setPrototypeOf$1(o, p) {
+    _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf$1(o, p);
   }
 
-  function _inheritsLoose(t, o) {
-    t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$1(t, o);
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _setPrototypeOf$1(subClass, superClass);
   }
 
-  function _getPrototypeOf$1(t) {
-    return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-      return t.__proto__ || Object.getPrototypeOf(t);
-    }, _getPrototypeOf$1(t);
+  function _getPrototypeOf$1(o) {
+    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+      return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf$1(o);
   }
 
-  function _isNativeFunction(t) {
-    try {
-      return -1 !== Function.toString.call(t).indexOf("[native code]");
-    } catch (n) {
-      return "function" == typeof t;
-    }
+  function _isNativeFunction(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
   }
 
   function _isNativeReflectConstruct$1() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
     try {
-      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (t) {}
-    return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() {
-      return !!t;
-    })();
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
   }
 
-  function _construct(t, e, r) {
-    if (_isNativeReflectConstruct$1()) return Reflect.construct.apply(null, arguments);
-    var o = [null];
-    o.push.apply(o, e);
-    var p = new (t.bind.apply(t, o))();
-    return r && _setPrototypeOf$1(p, r.prototype), p;
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct$1()) {
+      _construct = Reflect.construct.bind();
+    } else {
+      _construct = function _construct(Parent, args, Class) {
+        var a = [null];
+        a.push.apply(a, args);
+        var Constructor = Function.bind.apply(Parent, a);
+        var instance = new Constructor();
+        if (Class) _setPrototypeOf$1(instance, Class.prototype);
+        return instance;
+      };
+    }
+
+    return _construct.apply(null, arguments);
   }
 
-  function _wrapNativeSuper(t) {
-    var r = "function" == typeof Map ? new Map() : void 0;
-    return _wrapNativeSuper = function _wrapNativeSuper(t) {
-      if (null === t || !_isNativeFunction(t)) return t;
-      if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
-      if (void 0 !== r) {
-        if (r.has(t)) return r.get(t);
-        r.set(t, Wrapper);
+  function _wrapNativeSuper(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+
+    _wrapNativeSuper = function _wrapNativeSuper(Class) {
+      if (Class === null || !_isNativeFunction(Class)) return Class;
+
+      if (typeof Class !== "function") {
+        throw new TypeError("Super expression must either be null or a function");
+      }
+
+      if (typeof _cache !== "undefined") {
+        if (_cache.has(Class)) return _cache.get(Class);
+
+        _cache.set(Class, Wrapper);
       }
+
       function Wrapper() {
-        return _construct(t, arguments, _getPrototypeOf$1(this).constructor);
+        return _construct(Class, arguments, _getPrototypeOf$1(this).constructor);
       }
-      return Wrapper.prototype = Object.create(t.prototype, {
+
+      Wrapper.prototype = Object.create(Class.prototype, {
         constructor: {
           value: Wrapper,
-          enumerable: !1,
-          writable: !0,
-          configurable: !0
+          enumerable: false,
+          writable: true,
+          configurable: true
         }
-      }), _setPrototypeOf$1(Wrapper, t);
-    }, _wrapNativeSuper(t);
+      });
+      return _setPrototypeOf$1(Wrapper, Class);
+    };
+
+    return _wrapNativeSuper(Class);
   }
 
   // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -1948,9 +2166,10 @@
   }, function (props) {
     return getSliderMarkStyle(props);
   });
+
   var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
     var showMarks = _ref.showMarks,
-      primary = _ref.theme.colors.primary;
+        primary = _ref.theme.colors.primary;
     var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .rc-slider-mark-text,\n        .rc-slider-dot {\n          visibility: hidden;\n        }\n      "])));
     return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    .rc-slider-mark-text {\n      color: ", ";\n    }\n\n    .rc-slider-dot {\n      border-color: ", ";\n      background-color: white;\n    }\n    ", "\n  "])), primary, primary, visiblityStyle);
   };
@@ -1962,24 +2181,28 @@
   var Footer = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-end;\n"])));
 
   var _excluded$4 = ["dragging", "value", "offset", "index"],
-    _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
+      _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
+
   var _templateObject$h;
   var debounceBuilder$1 = functions.debounced(100);
   var ChildrenWrapper = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[3];
   });
+
   var renderCustomHandle = function renderCustomHandle() {
     var marks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var toolTipComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var handleProps = arguments.length > 2 ? arguments[2] : undefined;
+
     var dragging = handleProps.dragging,
-      value = handleProps.value,
-      offset = handleProps.offset,
-      index = handleProps.index,
-      restHandleProps = _objectWithoutProperties(handleProps, _excluded$4);
+        value = handleProps.value,
+        offset = handleProps.offset,
+        index = handleProps.index,
+        restHandleProps = _objectWithoutProperties(handleProps, _excluded$4);
+
     var getToolTipProps = function getToolTipProps() {
-      var newProps = {};
-      // Ensures that Tooltip component does not get ref prop
+      var newProps = {}; // Ensures that Tooltip component does not get ref prop
+
       Object.keys(handleProps).forEach(function (propName) {
         if (propName !== 'ref') {
           newProps[propName] = handleProps[propName];
@@ -1987,6 +2210,7 @@
       });
       return newProps;
     };
+
     var Tooltip = toolTipComponent;
     return /*#__PURE__*/React__default.createElement(React.Fragment, {
       key: index
@@ -2003,47 +2227,55 @@
       marks: marks
     }, getToolTipProps()))));
   };
-
   /** slider ui component for react */
+
+
   var RangeSlider = function RangeSlider(_ref) {
     var renderTitleSection = _ref.renderTitleSection,
-      marks = _ref.marks,
-      defaultMinValue = _ref.defaultMinValue,
-      defaultMaxValue = _ref.defaultMaxValue,
-      min = _ref.min,
-      max = _ref.max,
-      toolTipComponent = _ref.toolTipComponent,
-      renderFooterSection = _ref.renderFooterSection,
-      onChange = _ref.onChange,
-      childRenderer = _ref.children,
-      identifier = _ref.identifier,
-      showMarks = _ref.showMarks,
-      restProps = _objectWithoutProperties(_ref, _excluded2);
+        marks = _ref.marks,
+        defaultMinValue = _ref.defaultMinValue,
+        defaultMaxValue = _ref.defaultMaxValue,
+        min = _ref.min,
+        max = _ref.max,
+        toolTipComponent = _ref.toolTipComponent,
+        renderFooterSection = _ref.renderFooterSection,
+        onChange = _ref.onChange,
+        childRenderer = _ref.children,
+        identifier = _ref.identifier,
+        showMarks = _ref.showMarks,
+        restProps = _objectWithoutProperties(_ref, _excluded2);
+
     var _useState = React.useState(defaultMinValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      currMinVal = _useState2[0],
-      setMinVal = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        currMinVal = _useState2[0],
+        setMinVal = _useState2[1];
+
     var _useState3 = React.useState(defaultMaxValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currMaxVal = _useState4[0],
-      setMaxVal = _useState4[1];
+        _useState4 = _slicedToArray(_useState3, 2),
+        currMaxVal = _useState4[0],
+        setMaxVal = _useState4[1];
     /*
      *Description variable stores the time that the component renders
      * the state is used to enforce reenders for the component since the date now
      * is always changing
      * */
+
+
     var _useState5 = React.useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      seed = _useState6[0],
-      setSeed = _useState6[1];
+        _useState6 = _slicedToArray(_useState5, 2),
+        seed = _useState6[0],
+        setSeed = _useState6[1];
+
     var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
       setMinVal(val);
       setSeed(Date.now());
     };
+
     var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
       setMaxVal(val);
       setSeed(Date.now());
     };
+
     var prevMinVal = functions.usePrevious(currMinVal);
     var prevMaxVal = functions.usePrevious(currMaxVal);
     React.useEffect(function () {
@@ -2079,8 +2311,9 @@
       defaultValue: [defaultMinValue, defaultMaxValue],
       onChange: function onChange(_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-          nextMin = _ref3[0],
-          nextMax = _ref3[1];
+            nextMin = _ref3[0],
+            nextMax = _ref3[1];
+
         setMinVal(nextMin);
         setMaxVal(nextMax);
       },
@@ -2093,6 +2326,7 @@
       allowCross: false
     }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
   };
+
   RangeSlider.defaultProps = {
     renderTitleSection: function renderTitleSection() {
       return false;
@@ -2114,6 +2348,7 @@
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return shoe_sizes.length - 1;
   };
+
   var formatResultsForRangeSlider = function formatResultsForRangeSlider() {
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var newDataShape = {};
@@ -2123,24 +2358,28 @@
     });
     return newDataShape;
   };
+
   var ToolTipComponent = function ToolTipComponent(props) {
     var marks = props.marks,
-      value = props.value;
+        value = props.value;
     return /*#__PURE__*/React__default.createElement("div", null, marks[value]);
   };
-
   /** slider ui component for shoe size selection interests */
+
+
   var ShoeSizeSelector = function ShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-      shoeSizes = _ref2.shoeSizes;
+        shoeSizes = _ref2.shoeSizes;
+
     var handleShoeSizeChange = function handleShoeSizeChange(value) {
       var min_shoe_key = value.min,
-        max_shoe_key = value.max;
+          max_shoe_key = value.max;
       onChange({
         min_shoe_size_id: shoeSizes[min_shoe_key].id,
         max_shoe_size_id: shoeSizes[max_shoe_key].id
       });
     };
+
     var getFooterButtons = function getFooterButtons(actionObj) {
       var giveFullRange = actionObj.giveFullRange;
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
@@ -2149,6 +2388,7 @@
         onClick: giveFullRange
       }, "Full Shoe Size Range"));
     };
+
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
       identifier: "shoe-size-range-slider",
       marks: formatResultsForRangeSlider(shoeSizes),
@@ -2161,6 +2401,7 @@
       onChange: handleShoeSizeChange
     }));
   };
+
   ShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -2209,6 +2450,7 @@
   var inputMarginRight = '0.2em';
   var CheckboxLabel = styled__default.label(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  span {\n    :before {\n      content: '\\2713';\n      position: absolute;\n      display: none;\n      color: white;\n      left: 0.4em;\n      top: 0.1em;\n      font-size: ", ";\n      text-align: center;\n    }\n  }\n\n  input {\n    font-size: ", ";\n    background-color: ", ";\n    appearance: none;\n    outline: none;\n    height: 1em;\n    width: 1em;\n    margin-right: ", ";\n    border: 1px solid ", ";\n    border-radius: ", ";\n    transition-duration: 0.3s;\n    cursor: pointer;\n\n    &:checked {\n      background-color: ", ";\n    }\n\n    &:checked + span:before {\n      display: block;\n    }\n  }\n"], ["\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  span {\n    :before {\n      content: '\\\\2713';\n      position: absolute;\n      display: none;\n      color: white;\n      left: 0.4em;\n      top: 0.1em;\n      font-size: ", ";\n      text-align: center;\n    }\n  }\n\n  input {\n    font-size: ", ";\n    background-color: ", ";\n    appearance: none;\n    outline: none;\n    height: 1em;\n    width: 1em;\n    margin-right: ", ";\n    border: 1px solid ", ";\n    border-radius: ", ";\n    transition-duration: 0.3s;\n    cursor: pointer;\n\n    &:checked {\n      background-color: ", ";\n    }\n\n    &:checked + span:before {\n      display: block;\n    }\n  }\n"])), function (props) {
     var _props$theme;
+
     return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
   }, function (props) {
     return props.theme.fontSizes[4];
@@ -2232,14 +2474,16 @@
    */
   var RadioButtons = function RadioButtons(_ref) {
     var options = _ref.options,
-      name = _ref.name,
-      noWrap = _ref.noWrap,
-      title = _ref.title,
-      errors = _ref.errors;
+        name = _ref.name,
+        noWrap = _ref.noWrap,
+        title = _ref.title,
+        errors = _ref.errors;
+
     var _useState = React.useState(errors[name]),
-      _useState2 = _slicedToArray(_useState, 2),
-      errMsg = _useState2[0],
-      setErrMsg = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        errMsg = _useState2[0],
+        setErrMsg = _useState2[1];
+
     React.useEffect(function () {
       setErrMsg(errors[name]);
     }, [errors, name]);
@@ -2247,15 +2491,15 @@
       noWrap: noWrap
     }, options.map(function (_ref2, index) {
       var _ref2$actionCallback = _ref2.actionCallback,
-        actionCallback = _ref2$actionCallback === void 0 ? function () {
-          return null;
-        } : _ref2$actionCallback,
-        _ref2$value = _ref2.value,
-        value = _ref2$value === void 0 ? '' : _ref2$value,
-        _ref2$innerText = _ref2.innerText,
-        innerText = _ref2$innerText === void 0 ? '' : _ref2$innerText,
-        _ref2$checked = _ref2.checked,
-        checked = _ref2$checked === void 0 ? false : _ref2$checked;
+          actionCallback = _ref2$actionCallback === void 0 ? function () {
+        return null;
+      } : _ref2$actionCallback,
+          _ref2$value = _ref2.value,
+          value = _ref2$value === void 0 ? '' : _ref2$value,
+          _ref2$innerText = _ref2.innerText,
+          innerText = _ref2$innerText === void 0 ? '' : _ref2$innerText,
+          _ref2$checked = _ref2.checked,
+          checked = _ref2$checked === void 0 ? false : _ref2$checked;
       return /*#__PURE__*/React__default.createElement(RadioButtonLabel, {
         key: "".concat(name, "-").concat(index),
         htmlFor: "".concat(name, "_").concat(index)
@@ -2272,6 +2516,7 @@
       }), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, innerText));
     }))), errMsg && /*#__PURE__*/React__default.createElement(ErrorMessage$1, null, errMsg));
   };
+
   RadioButtons.defaultProps = {
     noWrap: false,
     title: '',
@@ -2303,14 +2548,17 @@
   ShoeSizeFadeContainer.defaultProps = {
     childVisible: false
   };
+
   var OpacityTransitionRender = function OpacityTransitionRender(_ref) {
     var shoeSizeType = _ref.shoeSizeType,
-      children = _ref.children;
+        children = _ref.children;
     var prevShoeSizeType = functions.usePrevious(shoeSizeType);
+
     var _React$useState = React__default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      childVisible = _React$useState2[0],
-      setChildVisible = _React$useState2[1];
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        childVisible = _React$useState2[0],
+        setChildVisible = _React$useState2[1];
+
     React__default.useEffect(function () {
       if (prevShoeSizeType !== shoeSizeType) {
         setChildVisible(false);
@@ -2323,25 +2571,30 @@
       childVisible: childVisible
     }, children);
   };
+
   var WrappedShoeSizeSelector = function WrappedShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-      requestInstance = _ref2.requestInstance,
-      graphApi = _ref2.graphApi,
-      defaultShoeSizeType = _ref2.defaultShoeSizeType,
-      getGraphQuery = _ref2.getGraphQuery;
+        requestInstance = _ref2.requestInstance,
+        graphApi = _ref2.graphApi,
+        defaultShoeSizeType = _ref2.defaultShoeSizeType,
+        getGraphQuery = _ref2.getGraphQuery;
+
     var _useState = React.useState(defaultShoeSizeType),
-      _useState2 = _slicedToArray(_useState, 2),
-      shoeSizeType = _useState2[0],
-      setShoeSizeType = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        shoeSizeType = _useState2[0],
+        setShoeSizeType = _useState2[1];
+
     var _useState3 = React.useState(defaultShoeSizeType),
-      _useState4 = _slicedToArray(_useState3, 2),
-      transitionedTo = _useState4[0],
-      setTransitionedTo = _useState4[1];
+        _useState4 = _slicedToArray(_useState3, 2),
+        transitionedTo = _useState4[0],
+        setTransitionedTo = _useState4[1];
+
     var triggerRequest = function triggerRequest() {
       return requestInstance.post(graphApi, {
         query: getGraphQuery()
       });
     };
+
     var shoeSizeTypeProps = {
       name: 'shoe_size_type',
       noWrap: true,
@@ -2365,12 +2618,15 @@
         checked: shoeSizeType === shoeSizeTypes.eu.value
       }]
     };
+
     var handlePropOnChange = function handlePropOnChange(value) {
       var payload = _objectSpread2(_objectSpread2({}, value), {}, {
         shoe_size_type: shoeSizeType
       });
+
       onChange(payload);
     };
+
     var renderShoeSizeSelector = function renderShoeSizeSelector() {
       var passedShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       return /*#__PURE__*/React__default.createElement(ShoeSizeSelector, {
@@ -2380,32 +2636,38 @@
         }
       });
     };
+
     var getShoeSizeSelector = function getShoeSizeSelector() {
       var euShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var ukShoeShoes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
       if (shoeSizeType === shoeSizeTypes.eu.value) {
         return renderShoeSizeSelector(euShoeSizes);
       }
+
       if (shoeSizeType === shoeSizeTypes.uk.value) {
         return renderShoeSizeSelector(ukShoeShoes);
       }
+
       return null;
     };
+
     return /*#__PURE__*/React__default.createElement(LuxityPageReady, {
       getRequestPromise: triggerRequest
     }, /*#__PURE__*/React__default.createElement(TitleWrapper, null, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       title: "Shoe Size Range"
     }, /*#__PURE__*/React__default.createElement(RadioButtons$1, shoeSizeTypeProps))), /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Consumer, null, function (_ref3) {
       var _ref3$data$data = _ref3.data.data,
-        _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
-        luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
-        _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
-        luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
+          _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
+          luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
+          _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
+          luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
       return /*#__PURE__*/React__default.createElement(OpacityTransitionRender, {
         shoeSizeType: transitionedTo
       }, getShoeSizeSelector(luxity_eu_shoe_sizes, luxity_uk_shoe_sizes));
     }));
   };
+
   WrappedShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -2417,28 +2679,31 @@
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     return value.replace(/\D/g, '');
   };
-
   /**
    * Currency Input which formats the value to a specific format
    */
+
   var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
     var value = _ref.value,
-      onChange = _ref.onChange,
-      prefix = _ref.prefix,
-      allowNegativeValue = _ref.allowNegativeValue,
-      groupSeparator = _ref.groupSeparator,
-      decimalSeparator = _ref.decimalSeparator,
-      rest = _objectWithoutProperties(_ref, _excluded$5);
+        onChange = _ref.onChange,
+        prefix = _ref.prefix,
+        allowNegativeValue = _ref.allowNegativeValue,
+        groupSeparator = _ref.groupSeparator,
+        decimalSeparator = _ref.decimalSeparator,
+        rest = _objectWithoutProperties(_ref, _excluded$5);
+
     var handleValueChange = function handleValueChange(event) {
       var inputValue = event.target.value;
       var unmaskedValue = unMask(inputValue);
       onChange(unmaskedValue);
     };
+
     var formatCurrency = function formatCurrency(originalValue) {
       var numericValue = Number(originalValue);
       var formattedValue = numericValue.toLocaleString('en-US');
       return prefix + formattedValue;
     };
+
     var formattedValue = formatCurrency(value);
     return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
       type: "text",
@@ -2446,6 +2711,7 @@
       onChange: handleValueChange
     }));
   };
+
   CurrencyInputFormatter.defaultProps = {
     value: '',
     prefix: 'R',
@@ -2456,6 +2722,7 @@
   };
 
   var _excluded$6 = ["children"];
+
   var _templateObject$s;
   var Button$4 = styled__default.button(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n  ", ";\n  background-color: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    ", "\n    &:hover {\n      background-color: ", ";\n    }\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.ntrlMin;
@@ -2470,11 +2737,14 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
+
   var SecondaryButton = function SecondaryButton(_ref) {
     var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded$6);
+        restProps = _objectWithoutProperties(_ref, _excluded$6);
+
     return /*#__PURE__*/React__default.createElement(Button$4, restProps, children);
   };
+
   var SecondaryButton$1 = themed(SecondaryButton);
 
   var _templateObject$t;
@@ -2483,23 +2753,31 @@
   });
 
   var debounceBuilder$2 = functions.debounced(50);
+
   var getMaxPrice = function getMaxPrice() {
     var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
     switch (interestCategory) {
       case interestCategories.ACCESSORIES:
         return interestCategoryMaxPrices.ACCESSORIES;
+
       case interestCategories.BAGS:
         return interestCategoryMaxPrices.BAGS;
+
       case interestCategories.SHOES:
         return interestCategoryMaxPrices.SHOES;
+
       case interestCategories.WATCHES:
         return interestCategoryMaxPrices.WATCHES;
+
       case interestCategories.APPAREL:
         return interestCategoryMaxPrices.APPAREL;
+
       default:
         return 0;
     }
   };
+
   var getFooterButtons = function getFooterButtons(actionObj) {
     var giveFullRange = actionObj.giveFullRange;
     return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
@@ -2507,21 +2785,24 @@
       onClick: giveFullRange
     }, "Full Price Range");
   };
-
   /** UI Slider with minimum and max input fields give the ability to
    * select a price range */
+
+
   var PriceRangeSelector = function PriceRangeSelector(_ref) {
     var onChange = _ref.onChange,
-      category = _ref.category;
+        category = _ref.category;
     var maxPrice = getMaxPrice(category);
+
     var handleSlideChange = function handleSlideChange(value) {
       var min_price = value.min,
-        max_price = value.max;
+          max_price = value.max;
       onChange({
         min_price: min_price,
         max_price: max_price
       });
     };
+
     var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -2534,6 +2815,7 @@
         });
       });
     };
+
     var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -2546,6 +2828,7 @@
         });
       });
     };
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: "price-ranges"
     }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -2564,9 +2847,9 @@
       title: "Price Ranges"
     }, function (_ref2) {
       var manuallyChangeMinValue = _ref2.manuallyChangeMinValue,
-        manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
-        currMinVal = _ref2.currMinVal,
-        currMaxVal = _ref2.currMaxVal;
+          manuallyChangeMaxValue = _ref2.manuallyChangeMaxValue,
+          currMinVal = _ref2.currMinVal,
+          currMaxVal = _ref2.currMaxVal;
       return /*#__PURE__*/React__default.createElement(CurrencyInputWrapper, null, /*#__PURE__*/React__default.createElement(CurrencyInputFormatter, {
         "data-qe-id": "masked-input-min",
         value: currMinVal,
@@ -2582,6 +2865,7 @@
       }));
     }));
   };
+
   PriceRangeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -2610,6 +2894,7 @@
   });
 
   var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
+
   var _templateObject$v, _templateObject2$6, _templateObject3$1;
   var Content = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"])), function (props) {
     return props.theme.colors.primary;
@@ -2628,32 +2913,36 @@
   }, Content, InputText, function (props) {
     return props.theme.colors.ntrlMin;
   }, Content);
-
   /**
    * CheckButton: Styled checkbox that resembles a button
    * */
+
   var CheckButton = function CheckButton(props) {
     var title = props.title,
-      checked = props.checked,
-      renderIcon = props.renderIcon,
-      onChange = props.onChange,
-      checkedValue = props.checkedValue,
-      unCheckedValue = props.unCheckedValue,
-      restProps = _objectWithoutProperties(props, _excluded$7);
+        checked = props.checked,
+        renderIcon = props.renderIcon,
+        onChange = props.onChange,
+        checkedValue = props.checkedValue,
+        unCheckedValue = props.unCheckedValue,
+        restProps = _objectWithoutProperties(props, _excluded$7);
+
     var _React$useState = React__default.useState(checked),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      checkedState = _React$useState2[0],
-      setCheck = _React$useState2[1];
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        checkedState = _React$useState2[0],
+        setCheck = _React$useState2[1];
+
     var prevCheckState = functions.usePrevious(checkedState);
     React__default.useEffect(function () {
       if (prevCheckState !== checkedState) {
         onChange(checkedState);
       }
     }, [checkedState, onChange, prevCheckState]);
+
     var handleInputChange = function handleInputChange(e) {
       var targetChecked = e.target.checked;
       setCheck(targetChecked);
     };
+
     return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
       defaultChecked: checked
     }, restProps, {
@@ -2661,6 +2950,7 @@
       onChange: handleInputChange
     })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
+
   CheckButton.defaultProps = {
     title: '',
     checked: false,
@@ -2674,24 +2964,29 @@
   var CheckButton$1 = themed(CheckButton);
 
   var MALE = genders.MALE,
-    FEMALE = genders.FEMALE;
+      FEMALE = genders.FEMALE;
+
   /**
    * Stylized CheckboxButton for selecting gender
    * */
   var GenderCheckbox = function GenderCheckbox(_ref) {
     var gender = _ref.gender,
-      checked = _ref.checked,
-      onInputChange = _ref.onInputChange;
+        checked = _ref.checked,
+        onInputChange = _ref.onInputChange;
+
     var getTitle = function getTitle() {
       switch (gender) {
         case MALE:
           return 'Male';
+
         case FEMALE:
           return 'Female';
+
         default:
           return '';
       }
     };
+
     return /*#__PURE__*/React__default.createElement(CheckButton$1, {
       onChange: onInputChange,
       checked: checked,
@@ -2699,20 +2994,22 @@
       title: getTitle()
     });
   };
+
   GenderCheckbox.defaultProps = {
     name: ''
   };
 
   var MALE$1 = genders.MALE,
-    FEMALE$1 = genders.FEMALE;
+      FEMALE$1 = genders.FEMALE;
+
   /**
    *  GenderSelector: specialized selector to pick genders for the Interest Component
    * */
   var GenderSelector = function GenderSelector(_ref) {
     var gender = _ref.gender,
-      onChange = _ref.onChange,
-      maleInputRef = _ref.maleInputRef,
-      femaleInputRef = _ref.femaleInputRef;
+        onChange = _ref.onChange,
+        maleInputRef = _ref.maleInputRef,
+        femaleInputRef = _ref.femaleInputRef;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "gender-selector"
     }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -2737,6 +3034,7 @@
       checkBoxButtonRef: femaleInputRef
     })));
   };
+
   GenderSelector.defaultProps = {
     gender: null,
     onChange: function onChange() {
@@ -2747,13 +3045,15 @@
 
   var ConditionSelector = function ConditionSelector(_ref) {
     var onChange = _ref.onChange,
-      graphApi = _ref.graphApi,
-      itemRenderer = _ref.itemRenderer,
-      getGraphQuery = _ref.getGraphQuery,
-      requestInstance = _ref.requestInstance;
+        graphApi = _ref.graphApi,
+        itemRenderer = _ref.itemRenderer,
+        getGraphQuery = _ref.getGraphQuery,
+        requestInstance = _ref.requestInstance;
+
     var resultProcessor = function resultProcessor(result) {
       return result.data.data.conditions_list;
     };
+
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Condition",
       queryId: "getCondition",
@@ -2770,6 +3070,7 @@
       requestInstance: requestInstance
     });
   };
+
   ConditionSelector.defaultProps = {
     itemRenderer: ItemRenderer
   };
@@ -2808,30 +3109,41 @@
     request: _objectSpread2({}, request),
     isCategoriesShown: false
   };
-
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
    */
+
   var AddInterest = /*#__PURE__*/function (_React$Component) {
+    _inherits(AddInterest, _React$Component);
+
+    var _super = _createSuper(AddInterest);
+
     function AddInterest(props) {
       var _this;
+
       _classCallCheck(this, AddInterest);
-      _this = _callSuper(this, AddInterest, [props]);
-      _defineProperty(_this, "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "onCategoryChanged", function (categoryType) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "onCategoryChanged", function (categoryType) {
         _this.setState({
           category_type: categoryType,
           brands: [],
           styles: []
         });
       });
-      _defineProperty(_this, "onGenderChanged", function (isChecked, gender) {
+
+      _defineProperty(_assertThisInitialized(_this), "onGenderChanged", function (isChecked, gender) {
         return _this.setState(function (prevState) {
           // current array of options
           var gendersSelected = _toConsumableArray(prevState.gender);
-          var index;
-          // check if the check box is checked or unchecked
+
+          var index; // check if the check box is checked or unchecked
+
           if (isChecked) {
             gendersSelected.push(gender);
           } else {
@@ -2839,65 +3151,76 @@
             index = gendersSelected.indexOf(gender);
             gendersSelected.splice(index, 1);
           }
+
           return {
             gender: gendersSelected
           };
         });
       });
-      _defineProperty(_this, "onBrandsChanged", function (brandsArray) {
+
+      _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.id;
           })
         });
       });
-      _defineProperty(_this, "onShoeSizesChanged", function (shoeSizes) {
+
+      _defineProperty(_assertThisInitialized(_this), "onShoeSizesChanged", function (shoeSizes) {
         _this.setState(_objectSpread2({}, shoeSizes));
       });
-      _defineProperty(_this, "onPriceRangesChanged", function (priceRange) {
+
+      _defineProperty(_assertThisInitialized(_this), "onPriceRangesChanged", function (priceRange) {
         _this.setState(_objectSpread2({}, priceRange));
       });
-      _defineProperty(_this, "onStylesChanged", function (stylesArray) {
+
+      _defineProperty(_assertThisInitialized(_this), "onStylesChanged", function (stylesArray) {
         _this.setState({
           styles: stylesArray.map(function (style) {
             return style.id;
           })
         });
       });
-      _defineProperty(_this, "onConditionChanged", function (conditions) {
+
+      _defineProperty(_assertThisInitialized(_this), "onConditionChanged", function (conditions) {
         _this.setState({
           condition: conditions.map(function (condition) {
             return condition.id;
           })
         });
       });
-      _defineProperty(_this, "payloadIsValid", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
         // price/shoe-size always have initial values as soon as category is set
         var category_type = _this.state.category_type;
         return category_type !== null;
       });
-      _defineProperty(_this, "submitInterest", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "submitInterest", function () {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
+
         var _this$state = _this.state,
-          brands = _this$state.brands,
-          min_shoe_size_id = _this$state.min_shoe_size_id,
-          max_shoe_size_id = _this$state.max_shoe_size_id,
-          shoe_size_type = _this$state.shoe_size_type,
-          min_price = _this$state.min_price,
-          max_price = _this$state.max_price,
-          styles = _this$state.styles,
-          category_type = _this$state.category_type,
-          requestState = _this$state.request,
-          gender = _this$state.gender,
-          condition = _this$state.condition;
+            brands = _this$state.brands,
+            min_shoe_size_id = _this$state.min_shoe_size_id,
+            max_shoe_size_id = _this$state.max_shoe_size_id,
+            shoe_size_type = _this$state.shoe_size_type,
+            min_price = _this$state.min_price,
+            max_price = _this$state.max_price,
+            styles = _this$state.styles,
+            category_type = _this$state.category_type,
+            requestState = _this$state.request,
+            gender = _this$state.gender,
+            condition = _this$state.condition;
         var payloadGender = gender[0];
+
         if (gender.length > 1 || !gender.length) {
           payloadGender = UNISEX;
         }
+
         var basePayload = {
           category_type: category_type,
           brands: brands,
@@ -2913,21 +3236,27 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
+
         var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
+
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
             request: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
+
           _this.props.onSubmitSuccess(_objectSpread2({}, payload));
         }, _this.handleRequestError);
       });
-      _defineProperty(_this, "handleRequestError", function (_ref) {
+
+      _defineProperty(_assertThisInitialized(_this), "handleRequestError", function (_ref) {
         var data = _ref.data;
+
         _this.setState({
           request: _objectSpread2({}, request)
         });
+
         var errorMessages = Object.keys(data).map(function (key) {
           return data[key];
         }).flat();
@@ -2937,32 +3266,37 @@
           }, message);
         }));
       });
-      _defineProperty(_this, "resetState", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "resetState", function () {
         _this.setState(_objectSpread2({}, defaultState));
+
         _this.props.onCancel();
       });
-      _defineProperty(_this, "handleGenderChange", function (isChecked, gender) {
+
+      _defineProperty(_assertThisInitialized(_this), "handleGenderChange", function (isChecked, gender) {
         return _this.onGenderChanged(isChecked, gender);
       });
-      _defineProperty(_this, "onAddInterestClick", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "onAddInterestClick", function () {
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             isCategoriesShown: true
           });
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$state2 = _this.state,
-          category_type = _this$state2.category_type,
-          fetching = _this$state2.request.fetching;
+            category_type = _this$state2.category_type,
+            fetching = _this$state2.request.fetching;
         var _this$props = _this.props,
-          requestInstance = _this$props.requestInstance,
-          baseGraphApi = _this$props.baseGraphApi,
-          getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
-          getStylesGraphQuery = _this$props.getStylesGraphQuery,
-          getShoesGraphQuery = _this$props.getShoesGraphQuery,
-          defaultShoeSizeType = _this$props.defaultShoeSizeType,
-          getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
+            requestInstance = _this$props.requestInstance,
+            baseGraphApi = _this$props.baseGraphApi,
+            getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
+            getStylesGraphQuery = _this$props.getStylesGraphQuery,
+            getShoesGraphQuery = _this$props.getShoesGraphQuery,
+            defaultShoeSizeType = _this$props.defaultShoeSizeType,
+            getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
         return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
           className: "interests__section-wrapper"
         }, /*#__PURE__*/React__default.createElement(AddInterestContainer, null, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(CatSelectorParagraph, null, "Select the category that interests you"), /*#__PURE__*/React__default.createElement(CategoryInterestSelector, {
@@ -3013,16 +3347,19 @@
           type: "button",
           onClick: function onClick() {
             _this.submitInterest();
+
             _this.resetState();
           }
         }, fetching ? 'SAVING' : 'SAVE'))))))));
       });
+
       _this.state = _objectSpread2({}, defaultState);
       return _this;
     }
-    _inherits(AddInterest, _React$Component);
+
     return _createClass(AddInterest);
   }(React__default.Component);
+
   var index = themed(AddInterest);
 
   return index;