@bonlineza/luxity-lib 2.34.1 → 2.34.3

package/MaterialSelector.js

@@ -17,293 +17,200 @@
   var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
   axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
 
-  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 _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 _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 _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
   }
-
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray(r);
   }
-
-  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 _assertThisInitialized(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return 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 _callSuper(t, o, e) {
+    return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(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;
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) 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);
     }
-
-    return obj;
   }
-
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  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 _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 _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]);
       }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
-
-  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, {
+  function _getPrototypeOf(t) {
+    return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf(t);
+  }
+  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, {
       constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
+        value: t,
+        writable: !0,
+        configurable: !0
       }
-    });
-    Object.defineProperty(subClass, "prototype", {
-      writable: false
-    });
-    if (superClass) _setPrototypeOf(subClass, superClass);
-  }
-
-  function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf(o);
-  }
-
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf(o, p);
+    }), Object.defineProperty(t, "prototype", {
+      writable: !1
+    }), e && _setPrototypeOf(t, e);
   }
-
   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;
-    }
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct = function () {
+      return !!t;
+    })();
   }
-
-  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 _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      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];
+  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;
     }
-
-    return target;
   }
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
+  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 _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 _assertThisInitialized(self);
+  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 _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 ownKeys(e, r) {
+    var t = Object.keys(e);
+    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);
+    }
+    return t;
   }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
+  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));
+      });
     }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
+    return e;
   }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var s = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
   }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (e.includes(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
   }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  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 _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
+  function _setPrototypeOf(t, e) {
+    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf(t, e);
   }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
   }
-
-  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;
+  function _taggedTemplateLiteral(e, t) {
+    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+      raw: {
+        value: Object.freeze(t)
       }
-    }
-
-    return _arr;
+    }));
   }
-
-  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 _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
   }
-
-  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;
+  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.");
+    }
+    return ("string" === r ? String : Number)(t);
   }
-
-  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 _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : i + "";
   }
-
-  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 _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;
+    }
   }
 
   var interpretErrorMessage = function interpretErrorMessage(error) {
@@ -315,50 +222,39 @@
   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 = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      _this = _callSuper(this, LuxityPageReady, [].concat(args));
+      _defineProperty(_this, "state", {
         data: null
       });
-
-      _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
+      _defineProperty(_this, "refreshPage", function () {
         return _this.pageReadyInstance.initRequest();
       });
-
       return _this;
     }
-
-    _createClass(LuxityPageReady, [{
+    _inherits(LuxityPageReady, _React$Component);
+    return _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) {
@@ -368,19 +264,15 @@
             _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;
             });
           },
@@ -397,10 +289,7 @@
         }, children));
       }
     }]);
-
-    return LuxityPageReady;
   }(React__default.Component);
-
   LuxityPageReady.defaultProps = {
     onIsLoading: function onIsLoading() {
       return null;
@@ -516,7 +405,6 @@
   var inputMarginRight = '0.2em';
   var CheckboxLabel = styled__default.label(_templateObject$6 || (_templateObject$6 = _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];
@@ -535,8 +423,7 @@
     }
   });
 
-  /** @format */
-
+  // Register a locale for South African currency confiuguration
   numeral.register('locale', 'en-ZA', {
     delimiters: {
       thousands: ',',
@@ -557,12 +444,12 @@
   });
   numeral.locale('en-ZA');
   String.locale = numeral.locale;
+
   /**
    * Curreny Formatter
    * @param {number} number - the number to be formatted
    * @param {boolean} round - flag to indicate if the number needs to be rounded off
    */
-
   function fC(number) {
     var round = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var parsedNumber = parseFloat(number);
@@ -570,6 +457,7 @@
   }
 
   /** @format */
+
   var request = {
     fetching: false,
     failed: false,
@@ -676,48 +564,35 @@
 
   var _templateObject$9, _templateObject2, _templateObject3, _templateObject4;
   var MALE = genders.MALE,
-      FEMALE = genders.FEMALE,
-      UNISEX = genders.UNISEX;
-
+    FEMALE = genders.FEMALE,
+    UNISEX = genders.UNISEX;
   var TrashIcon = function TrashIcon(_ref) {
     var onClick = _ref.onClick,
-        id = _ref.id;
+      id = _ref.id;
     return /*#__PURE__*/React__default.createElement(IconWrapper, {
       onClick: onClick,
       id: id
     }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Trash, null)));
   };
-
   var InterestItem = /*#__PURE__*/function (_React$Component) {
-    _inherits(InterestItem, _React$Component);
-
-    var _super = _createSuper(InterestItem);
-
     function InterestItem(props) {
       var _this;
-
       _classCallCheck(this, InterestItem);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "deleteInterestItem", function () {
+      _this = _callSuper(this, InterestItem, [props]);
+      _defineProperty(_this, "deleteInterestItem", function () {
         var id = _this.props.data.id;
-
         _this.setState({
           delete: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         var url = _this.props.deleteInterestApi(id);
-
         simpleRequest(_this.props.requestInstance, url, method.DELETE, null, function () {
           _this.setState({
             delete: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
-
           _this.props.onDeleted(_this.props.data);
         }, function () {
           return _this.setState({
@@ -725,32 +600,25 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getGender", function (gender) {
+      _defineProperty(_this, "getGender", function (gender) {
         switch (gender) {
           case MALE:
             return 'Male';
-
           case FEMALE:
             return 'Female';
-
           case UNISEX:
           default:
             return 'Unisex';
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
+      _defineProperty(_this, "getCategory", function (category) {
         if (category === interestCategories.APPAREL) {
           return 'CLOTHING';
         }
-
         return category;
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _data$min_shoe_size, _data$max_shoe_size;
-
         var data = _this.props.data;
         var success = _this.state.delete.success;
         return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -800,16 +668,14 @@
           }
         }));
       });
-
       _this.state = {
         delete: _objectSpread2({}, request)
       };
       return _this;
     }
-
+    _inherits(InterestItem, _React$Component);
     return _createClass(InterestItem);
   }(React__default.Component);
-
   var SheoSizeContentDiv = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  @media (max-width: ", ") {\n    display: none;\n  }\n"])), media.xs);
   var InterestItemTitle = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  display: none;\n\n  @media (max-width: ", ") {\n    display: inline;\n  }\n"])), media.xs);
   var InterestItemContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n\n  .no-shoe-size-section {\n    @media (max-width: ", ") {\n      display: none;\n    }\n  }\n"])), media.xs);
@@ -825,11 +691,11 @@
     return props.theme.marginPaddings[0];
   }, media.xs);
   var ThemedInterestItem = themed(InterestItem);
+
   /**
    * The Interest Item view shows the selected interest configuration,
    * and gives user control to delete it.
    */
-
   var InterestItem$1 = (function (props) {
     return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
   });
@@ -876,16 +742,14 @@
    */
   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]);
@@ -893,15 +757,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)
@@ -918,7 +782,6 @@
       }), /*#__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, null, errMsg));
   };
-
   RadioButtons.defaultProps = {
     noWrap: false,
     title: '',
@@ -927,8 +790,8 @@
   var RadioButtons$1 = themed(RadioButtons);
 
   var _templateObject$i, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5;
-  /* position relative is required for the Body element to be positioned correctly */
 
+  /* position relative is required for the Body element to be positioned correctly */
   var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
@@ -942,40 +805,31 @@
   };
 
   var _templateObject$j;
-
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
-
+      toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
     switch (toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
-
       case 'bottom':
         return getBottomMiddleBodyStyle(props);
-
       default:
         return null;
     }
   };
-
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var toolTipPosition = props.toolTipPosition;
-
     switch (toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
-
       case 'bottom':
         return getBottomMiddleArrowAfterStyle(props);
-
       default:
         return '';
     }
   };
-
   var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
     return props.bodyWidth;
   }, function (props) {
@@ -994,25 +848,20 @@
   var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _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$m;
   var Button = styled__default.button(_templateObject$m || (_templateObject$m = _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);
-
+      restProps = _objectWithoutProperties(_ref, _excluded);
     return /*#__PURE__*/React__default.createElement(Button, restProps, children);
   };
-
   var PrimaryButton$1 = themed(PrimaryButton);
 
   var _excluded$1 = ["children"];
-
   var _templateObject$n;
   var Button$1 = styled__default.button(_templateObject$n || (_templateObject$n = _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;
@@ -1027,18 +876,14 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
-
   var SecondaryButton = function SecondaryButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$1);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$1);
     return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
   };
-
   var SecondaryButton$1 = themed(SecondaryButton);
 
   var _excluded$2 = ["children"];
-
   var _templateObject$o;
   var Button$2 = styled__default.button(_templateObject$o || (_templateObject$o = _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;
@@ -1047,21 +892,17 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
-
   var TextButton = function TextButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$2);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$2);
     return /*#__PURE__*/React__default.createElement(Button$2, restProps, children);
   };
-
   TextButton.defaultProps = {
     type: 'button'
   };
   var TextButton$1 = themed(TextButton);
 
   var _excluded$3 = ["children"];
-
   var _templateObject$p;
   var Button$3 = styled__default(TextButton$1)(_templateObject$p || (_templateObject$p = _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;
@@ -1076,25 +917,19 @@
   }, function (props) {
     return props.theme.colors.primary;
   });
-
   var InvertedTextButton = function InvertedTextButton(_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 InvertedTextButton$1 = themed(InvertedTextButton);
 
   var _excluded$4 = ["children"];
-
   var _templateObject$q;
   var Button$4 = styled__default.button(_templateObject$q || (_templateObject$q = _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$4);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$4);
     return /*#__PURE__*/React__default.createElement(Button$4, restProps, children);
   };
 
@@ -1103,31 +938,28 @@
     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",
@@ -1135,7 +967,6 @@
       onChange: handleValueChange
     }));
   };
-
   CurrencyInputFormatter.defaultProps = {
     value: '',
     prefix: 'R',
@@ -7713,7 +7544,6 @@
   var ReactSelectWrapper = function ReactSelectWrapper(props) {
     return /*#__PURE__*/React__default.createElement(index$1, props);
   };
-
   ReactSelectWrapper.defaultProps = {
     isMulti: false,
     isSearchable: false,
@@ -7741,23 +7571,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];
@@ -7909,43 +7739,35 @@
 
   var _templateObject$u, _templateObject2$3;
   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$1 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[5];
   });
   var CategoryTitle = styled__default.h1(_templateObject2$3 || (_templateObject2$3 = _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$1, null, /*#__PURE__*/React__default.createElement(Body$2, null, categories.map(function (cat, index) {
       return /*#__PURE__*/React__default.createElement(WrapperButton, {
         key: "cat-".concat(index),
@@ -7960,7 +7782,6 @@
       }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
     })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage$1, null, errorMessage));
   };
-
   InterestCatSelector.defaultProps = {
     errorMessage: '',
     category: null,
@@ -7971,117 +7792,82 @@
   var CategoryInterestSelector = themed(InterestCatSelector);
 
   function _extends$2() {
-    _extends$2 = 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 _extends$2 = 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]);
       }
-
-      return target;
-    };
-    return _extends$2.apply(this, arguments);
+      return n;
+    }, _extends$2.apply(null, arguments);
   }
 
-  function _assertThisInitialized$2(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
+  function _assertThisInitialized$2(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
   }
 
-  function _setPrototypeOf$2(o, p) {
-    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf$2(o, p);
+  function _setPrototypeOf$2(t, e) {
+    return _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf$2(t, e);
   }
 
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf$2(subClass, superClass);
+  function _inheritsLoose(t, o) {
+    t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$2(t, o);
   }
 
-  function _getPrototypeOf$2(o) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf$2(o);
+  function _getPrototypeOf$2(t) {
+    return _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf$2(t);
   }
 
-  function _isNativeFunction(fn) {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  function _isNativeFunction(t) {
+    try {
+      return -1 !== Function.toString.call(t).indexOf("[native code]");
+    } catch (n) {
+      return "function" == typeof t;
+    }
   }
 
   function _isNativeReflectConstruct$1() {
-    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;
-    }
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() {
+      return !!t;
+    })();
   }
 
-  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$2(instance, Class.prototype);
-        return instance;
-      };
-    }
-
-    return _construct.apply(null, arguments);
+  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$2(p, r.prototype), p;
   }
 
-  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");
+  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);
       }
-
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class)) return _cache.get(Class);
-
-        _cache.set(Class, Wrapper);
-      }
-
       function Wrapper() {
-        return _construct(Class, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct(t, arguments, _getPrototypeOf$2(this).constructor);
       }
-
-      Wrapper.prototype = Object.create(Class.prototype, {
+      return Wrapper.prototype = Object.create(t.prototype, {
         constructor: {
           value: Wrapper,
-          enumerable: false,
-          writable: true,
-          configurable: true
+          enumerable: !1,
+          writable: !0,
+          configurable: !0
         }
-      });
-      return _setPrototypeOf$2(Wrapper, Class);
-    };
-
-    return _wrapNativeSuper(Class);
+      }), _setPrototypeOf$2(Wrapper, t);
+    }, _wrapNativeSuper(t);
   }
 
   // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -8750,10 +8536,9 @@
   }, 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$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n        .rc-slider-mark-text,\n        .rc-slider-dot {\n          visibility: hidden;\n        }\n      "])));
     return styled.css(_templateObject4$2 || (_templateObject4$2 = _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);
   };
@@ -8765,28 +8550,24 @@
   var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-end;\n"])));
 
   var _excluded$6 = ["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$z;
   var debounceBuilder = functions.debounced(100);
   var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _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$6);
-
+      value = handleProps.value,
+      offset = handleProps.offset,
+      index = handleProps.index,
+      restHandleProps = _objectWithoutProperties(handleProps, _excluded$6);
     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];
@@ -8794,7 +8575,6 @@
       });
       return newProps;
     };
-
     var Tooltip = toolTipComponent;
     return /*#__PURE__*/React__default.createElement(React.Fragment, {
       key: index
@@ -8811,55 +8591,47 @@
       marks: marks
     }, getToolTipProps()))));
   };
-  /** slider ui component for react */
-
 
+  /** 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 () {
@@ -8895,9 +8667,8 @@
       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);
       },
@@ -8910,7 +8681,6 @@
       allowCross: false
     }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
   };
-
   RangeSlider.defaultProps = {
     renderTitleSection: function renderTitleSection() {
       return false;
@@ -8941,11 +8711,10 @@
   }, 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$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -8957,31 +8726,23 @@
   });
 
   var debounceBuilder$1 = 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, {
@@ -8989,24 +8750,21 @@
       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;
@@ -9019,7 +8777,6 @@
         });
       });
     };
-
     var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -9032,7 +8789,6 @@
         });
       });
     };
-
     return /*#__PURE__*/React__default.createElement("div", {
       className: "price-ranges"
     }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -9051,9 +8807,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,
@@ -9069,7 +8825,6 @@
       }));
     }));
   };
-
   PriceRangeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -9090,7 +8845,6 @@
     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 = {};
@@ -9100,28 +8854,24 @@
     });
     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 */
-
 
+  /** 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, {
@@ -9130,7 +8880,6 @@
         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),
@@ -9143,7 +8892,6 @@
       onChange: handleShoeSizeChange
     }));
   };
-
   ShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -9152,23 +8900,17 @@
   };
 
   var SimpleErrorBoundary = /*#__PURE__*/function (_React$Component) {
-    _inherits(SimpleErrorBoundary, _React$Component);
-
-    var _super = _createSuper(SimpleErrorBoundary);
-
     function SimpleErrorBoundary(props) {
       var _this;
-
       _classCallCheck(this, SimpleErrorBoundary);
-
-      _this = _super.call(this, props);
+      _this = _callSuper(this, SimpleErrorBoundary, [props]);
       _this.state = {
         hasError: false
       };
       return _this;
     }
-
-    _createClass(SimpleErrorBoundary, [{
+    _inherits(SimpleErrorBoundary, _React$Component);
+    return _createClass(SimpleErrorBoundary, [{
       key: "componentDidCatch",
       value: function componentDidCatch(error, errorInfo) {
         // You can also log the error to an error reporting service
@@ -9181,7 +8923,6 @@
           // You can render any custom fallback UI
           return this.props.showMessageOnError ? /*#__PURE__*/React__default.createElement("h1", null, this.props.errorMessage) : null;
         }
-
         return this.props.children;
       }
     }], [{
@@ -9193,10 +8934,7 @@
         };
       }
     }]);
-
-    return SimpleErrorBoundary;
   }(React__default.Component);
-
   SimpleErrorBoundary.defaultProps = {
     errorMessage: 'Something went wrong',
     errorLogger: null,
@@ -9207,21 +8945,19 @@
   var StyledHeader = styled__default.h5(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n\n  @media (max-width: ", ") {\n    display: block;\n  }\n\n  .icon-header__left {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    @media (max-width: ", ") {\n      align-self: flex-start;\n    }\n\n    svg {\n      height: 1.5em;\n      width: 1.5em;\n      margin-right: ", ";\n    }\n  }\n\n  .icon-header__right {\n    display: flex;\n    flex-grow: 1;\n    justify-content: flex-end;\n  }\n"])), media.sm, media.sm, function (props) {
     return props.theme.marginPaddings[1];
   });
-
   /**
    * IconHeader can render the standard Luxity Page/Section Header nodes with SVG
    */
   var IconHeader = function IconHeader(_ref) {
     var title = _ref.title,
-        SvgComponent = _ref.svgComponent,
-        renderAppendage = _ref.renderAppendage;
+      SvgComponent = _ref.svgComponent,
+      renderAppendage = _ref.renderAppendage;
     return /*#__PURE__*/React__default.createElement(StyledHeader, null, /*#__PURE__*/React__default.createElement("div", {
       className: "icon-header__left"
     }, /*#__PURE__*/React__default.createElement(SvgComponent, null), title), /*#__PURE__*/React__default.createElement("div", {
       className: "icon-header__right"
     }, renderAppendage && renderAppendage()));
   };
-
   IconHeader.defaultProps = {
     title: '',
     svgComponent: function svgComponent() {
@@ -9275,30 +9011,21 @@
   /**
    * It represents the React Component that contains the notifications.
    * */
-
   var LuxityNotifications = function LuxityNotifications(props) {
     return /*#__PURE__*/React__default.createElement(Notifications__default, props);
   };
 
   var NotificationDropDown = /*#__PURE__*/function (_React$Component) {
-    _inherits(NotificationDropDown, _React$Component);
-
-    var _super = _createSuper(NotificationDropDown);
-
     function NotificationDropDown(props) {
       var _this;
-
       _classCallCheck(this, NotificationDropDown);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "postUpdate", function (selectedOption) {
+      _this = _callSuper(this, NotificationDropDown, [props]);
+      _defineProperty(_this, "postUpdate", function (selectedOption) {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         _this.props.setSchedule(selectedOption.value).then(function () {
           _this.setState({
             selectedOption: selectedOption,
@@ -9306,7 +9033,6 @@
               success: true
             })
           });
-
           success('Notification Frequency Updated');
         }).catch(function () {
           _this.setState({
@@ -9314,12 +9040,10 @@
               failed: true
             })
           });
-
           error('Error Ocurred');
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getOptionsFromEnumResult", function (enumResult) {
+      _defineProperty(_this, "getOptionsFromEnumResult", function (enumResult) {
         var enumValues = enumResult.data.__type.enumValues;
         return enumValues.map(function (enumItem) {
           return {
@@ -9328,14 +9052,10 @@
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onData", function (_ref) {
+      _defineProperty(_this, "onData", function (_ref) {
         var data = _ref.data;
-
         var options = _this.getOptionsFromEnumResult(data);
-
         var currentValue = data.data.user.email_interest_send_schedule;
-
         _this.setState(function (prevState) {
           return {
             options: options,
@@ -9347,12 +9067,11 @@
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state = _this.state,
-            options = _this$state.options,
-            selectedOption = _this$state.selectedOption,
-            updating = _this$state.request.fetching;
+          options = _this$state.options,
+          selectedOption = _this$state.selectedOption,
+          updating = _this$state.request.fetching;
         return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
           getRequestPromise: _this.props.getSchedule,
           onData: function onData(data) {
@@ -9375,7 +9094,6 @@
           value: selectedOption
         }))));
       });
-
       _this.state = {
         options: [],
         selectedOption: null,
@@ -9383,10 +9101,9 @@
       };
       return _this;
     }
-
+    _inherits(NotificationDropDown, _React$Component);
     return _createClass(NotificationDropDown);
   }(React__default.Component);
-
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
   var _templateObject$F, _templateObject2$6;
@@ -9428,65 +9145,49 @@
   }, 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 = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
+      _this = _callSuper(this, GraphQLMultiSelector, [props]);
+      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
+      _defineProperty(_this, "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-
-      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
+      _defineProperty(_this, "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM]
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
+      _defineProperty(_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(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
+      _defineProperty(_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
@@ -9506,7 +9207,6 @@
               return item.id !== addSelectedItem.id;
             })));
           }
-
           return {
             selected: newSelectedList,
             list: newList
@@ -9517,24 +9217,20 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
+      _defineProperty(_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]
@@ -9545,25 +9241,23 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
+      _defineProperty(_this, "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_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)
@@ -9602,7 +9296,6 @@
           type: "button"
         }, "SHOW MORE"))));
       });
-
       _this.state = {
         selected: [ALL_ITEM],
         list: [],
@@ -9611,10 +9304,9 @@
       };
       return _this;
     }
-
+    _inherits(GraphQLMultiSelector, _React$Component);
     return _createClass(GraphQLMultiSelector);
   }(React__default.Component);
-
   GraphQLMultiSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -9635,13 +9327,12 @@
   });
 
   var _templateObject$G;
-
   var Title$3 = 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
@@ -9654,7 +9345,6 @@
       onChange: onSearchChanged
     })));
   };
-
   var StyledTitle = styled__default(Title$3)(_templateObject$G || (_templateObject$G = _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) {
@@ -9677,37 +9367,26 @@
   var Title$4 = themed(StyledTitle);
 
   var debounceBuilder$3 = 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 = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
+      _this = _callSuper(this, LuxityGraphQLMultiselector, [props]);
+      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
+      _defineProperty(_this, "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
+      _defineProperty(_this, "onSearchChanged", function (event) {
         event.preventDefault();
         var searchText = event.target.value;
         debounceBuilder$3(function () {
@@ -9716,22 +9395,21 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_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$4, {
@@ -9754,7 +9432,6 @@
           itemRenderer: itemRenderer
         })));
       });
-
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
@@ -9762,12 +9439,11 @@
       };
       return _this;
     }
-
-    _createClass(LuxityGraphQLMultiselector, [{
+    _inherits(LuxityGraphQLMultiselector, _React$Component);
+    return _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();
         }
@@ -9780,14 +9456,10 @@
             category: props.category
           };
         }
-
         return null;
       }
     }]);
-
-    return LuxityGraphQLMultiselector;
   }(React__default.Component);
-
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -9808,11 +9480,10 @@
     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();
@@ -9824,12 +9495,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",
@@ -9846,7 +9517,6 @@
       requestInstance: requestInstance
     });
   };
-
   BrandSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -9856,12 +9526,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",
@@ -9878,7 +9548,6 @@
       requestInstance: requestInstance
     });
   };
-
   StyleSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -9910,17 +9579,14 @@
   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);
@@ -9933,30 +9599,25 @@
       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,
@@ -9980,15 +9641,12 @@
         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, {
@@ -9998,38 +9656,32 @@
         }
       });
     };
-
     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;
@@ -10052,7 +9704,6 @@
   });
 
   var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
-
   var _templateObject$K, _templateObject2$8, _templateObject3$3;
   var Content = styled__default.div(_templateObject$K || (_templateObject$K = _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;
@@ -10071,36 +9722,32 @@
   }, 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, {
@@ -10108,7 +9755,6 @@
       onChange: handleInputChange
     })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
-
   CheckButton.defaultProps = {
     title: '',
     checked: false,
@@ -10122,29 +9768,24 @@
   var CheckButton$1 = themed(CheckButton);
 
   var MALE$1 = genders.MALE,
-      FEMALE$1 = genders.FEMALE;
-
+    FEMALE$1 = 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$1:
           return 'Male';
-
         case FEMALE$1:
           return 'Female';
-
         default:
           return '';
       }
     };
-
     return /*#__PURE__*/React__default.createElement(CheckButton$1, {
       onChange: onInputChange,
       checked: checked,
@@ -10152,22 +9793,20 @@
       title: getTitle()
     });
   };
-
   GenderCheckbox.defaultProps = {
     name: ''
   };
 
   var MALE$2 = genders.MALE,
-      FEMALE$2 = genders.FEMALE;
-
+    FEMALE$2 = 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, {
@@ -10192,7 +9831,6 @@
       checkBoxButtonRef: femaleInputRef
     })));
   };
-
   GenderSelector.defaultProps = {
     gender: null,
     onChange: function onChange() {
@@ -10250,16 +9888,14 @@
     return props.theme.marginPaddings[2];
   });
   var AddInterestButtonContainer = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n  display: flex;\n\n  #add-icon {\n    margin-bottom: 1.5rem;\n\n    svg {\n      width: 15px;\n    }\n  }\n"])));
-
   var AddIcon = function AddIcon(_ref) {
     var onClick = _ref.onClick,
-        id = _ref.id;
+      id = _ref.id;
     return /*#__PURE__*/React__default.createElement(IconWrapper, {
       id: id,
       onClick: onClick
     }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
   };
-
   var defaultState = {
     category_type: null,
     brands: [],
@@ -10272,41 +9908,30 @@
     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 = _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 = _callSuper(this, AddInterest, [props]);
+      _defineProperty(_this, "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "onCategoryChanged", function (categoryType) {
         _this.setState({
           category_type: categoryType,
           brands: [],
           styles: []
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onGenderChanged", function (isChecked, gender) {
+      _defineProperty(_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 {
@@ -10314,67 +9939,57 @@
             index = gendersSelected.indexOf(gender);
             gendersSelected.splice(index, 1);
           }
-
           return {
             gender: gendersSelected
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
+      _defineProperty(_this, "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.id;
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onShoeSizesChanged", function (shoeSizes) {
+      _defineProperty(_this, "onShoeSizesChanged", function (shoeSizes) {
         _this.setState(_objectSpread2({}, shoeSizes));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onPriceRangesChanged", function (priceRange) {
+      _defineProperty(_this, "onPriceRangesChanged", function (priceRange) {
         _this.setState(_objectSpread2({}, priceRange));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onStylesChanged", function (stylesArray) {
+      _defineProperty(_this, "onStylesChanged", function (stylesArray) {
         _this.setState({
           styles: stylesArray.map(function (style) {
             return style.id;
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
+      _defineProperty(_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(_assertThisInitialized(_this), "submitInterest", function () {
+      _defineProperty(_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;
+          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;
         var payloadGender = gender[0];
-
         if (gender.length > 1 || !gender.length) {
           payloadGender = UNISEX$1;
         }
-
         var basePayload = {
           category_type: category_type,
           brands: brands,
@@ -10389,27 +10004,21 @@
           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(_assertThisInitialized(_this), "handleRequestError", function (_ref2) {
+      _defineProperty(_this, "handleRequestError", function (_ref2) {
         var data = _ref2.data;
-
         _this.setState({
           request: _objectSpread2({}, request)
         });
-
         var errorMessages = Object.keys(data).map(function (key) {
           return data[key];
         }).flat();
@@ -10419,34 +10028,30 @@
           }, message);
         }));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "resetState", function () {
+      _defineProperty(_this, "resetState", function () {
         _this.setState(_objectSpread2({}, defaultState));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "handleGenderChange", function (isChecked, gender) {
+      _defineProperty(_this, "handleGenderChange", function (isChecked, gender) {
         return _this.onGenderChanged(isChecked, gender);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddInterestClick", function () {
+      _defineProperty(_this, "onAddInterestClick", function () {
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             isCategoriesShown: true
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_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;
+          requestInstance = _this$props.requestInstance,
+          baseGraphApi = _this$props.baseGraphApi,
+          getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
+          getStylesGraphQuery = _this$props.getStylesGraphQuery,
+          getShoesGraphQuery = _this$props.getShoesGraphQuery,
+          defaultShoeSizeType = _this$props.defaultShoeSizeType;
         return /*#__PURE__*/React__default.createElement(React.Fragment, null, !_this.state.isCategoriesShown && /*#__PURE__*/React__default.createElement(AddInterestButtonContainer, {
           onClick: _this.onAddInterestClick
         }, /*#__PURE__*/React__default.createElement(AddInterestButton, null, "Add Interest"), /*#__PURE__*/React__default.createElement(AddIcon, {
@@ -10494,19 +10099,16 @@
           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 AddInterest$1 = themed(AddInterest);
 
   var _templateObject$M;
@@ -10517,7 +10119,6 @@
   }, function (props) {
     return props.theme.marginPaddings[1];
   }, media.xs);
-
   var MyInterestTitleHeading = function MyInterestTitleHeading() {
     return /*#__PURE__*/React__default.createElement(MyInterestTitleHeadingContainer, null, /*#__PURE__*/React__default.createElement("div", {
       className: "heading-title-section"
@@ -10537,7 +10138,6 @@
       className: "heading-title-empty"
     }));
   };
-
   var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
 
   var _templateObject$N;
@@ -10547,43 +10147,34 @@
   var AccountIcon = themed(function () {
     return /*#__PURE__*/React__default.createElement(SvgWrapper$2, null, /*#__PURE__*/React__default.createElement(Account, null));
   });
-
   /**
    * Page/View that controls the viewing and Adding of Luxity Interests
    */
   var Interests = /*#__PURE__*/function (_React$Component) {
-    _inherits(Interests, _React$Component);
-
-    var _super = _createSuper(Interests);
-
     function Interests(props) {
       var _this;
-
       _classCallCheck(this, Interests);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "setInterests", function (data) {
+      _this = _callSuper(this, Interests, [props]);
+      _defineProperty(_this, "setInterests", function (data) {
         var interests = data.data.data.interests.data;
-
         _this.setState({
           interests: interests
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onInterestSubmitSuccess", function (interestItem) {
+      // eslint-disable-next-line
+      _defineProperty(_this, "onInterestSubmitSuccess", function (interestItem) {
         // due to the fact that we dont get the Interest payload back - we have to re-request the list
         _this.triggerInterestRequest().then(function (res) {
           return _this.setInterests(res);
-        }); // UNCOMMENT WHEN Interest Items is returned as expected Object Shape
+        });
+
+        // UNCOMMENT WHEN Interest Items is returned as expected Object Shape
         // this.setState(prevState => {
         //   const newInterests = [interestItem].concat(prevState.interests);
         //   return { ...prevState, interests: newInterests };
         // });
-
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onDeleteInterest", function (deletedItem) {
+      _defineProperty(_this, "onDeleteInterest", function (deletedItem) {
         _this.setState(function (prevState) {
           var newInterests = prevState.interests.filter(function (item) {
             return item.id !== deletedItem.id;
@@ -10593,41 +10184,38 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "triggerInterestRequest", function () {
+      _defineProperty(_this, "triggerInterestRequest", function () {
         var _this$props = _this.props,
-            requestInstance = _this$props.requestInstance,
-            baseGraphApi = _this$props.baseGraphApi,
-            interestQuery = _this$props.interestQuery;
+          requestInstance = _this$props.requestInstance,
+          baseGraphApi = _this$props.baseGraphApi,
+          interestQuery = _this$props.interestQuery;
         return requestInstance.post("".concat(baseGraphApi, "?id=getInterests"), {
           query: interestQuery
         });
       });
-
       _this.state = {
         interests: []
       };
       return _this;
     }
-
-    _createClass(Interests, [{
+    _inherits(Interests, _React$Component);
+    return _createClass(Interests, [{
       key: "render",
       value: function render() {
         var _this2 = this;
-
         var interests = this.state.interests;
         var _this$props2 = this.props,
-            addInterestApi = _this$props2.addInterestApi,
-            requestInstance = _this$props2.requestInstance,
-            baseGraphApi = _this$props2.baseGraphApi,
-            getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
-            getStylesGraphQuery = _this$props2.getStylesGraphQuery,
-            getShoesGraphQuery = _this$props2.getShoesGraphQuery,
-            deleteInterestApi = _this$props2.deleteInterestApi,
-            setSchedule = _this$props2.setSchedule,
-            getSchedule = _this$props2.getSchedule,
-            interestsTitle = _this$props2.interestsTitle,
-            defaultShoeSizeType = _this$props2.defaultShoeSizeType;
+          addInterestApi = _this$props2.addInterestApi,
+          requestInstance = _this$props2.requestInstance,
+          baseGraphApi = _this$props2.baseGraphApi,
+          getBrandsGraphQuery = _this$props2.getBrandsGraphQuery,
+          getStylesGraphQuery = _this$props2.getStylesGraphQuery,
+          getShoesGraphQuery = _this$props2.getShoesGraphQuery,
+          deleteInterestApi = _this$props2.deleteInterestApi,
+          setSchedule = _this$props2.setSchedule,
+          getSchedule = _this$props2.getSchedule,
+          interestsTitle = _this$props2.interestsTitle,
+          defaultShoeSizeType = _this$props2.defaultShoeSizeType;
         return /*#__PURE__*/React__default.createElement("div", {
           className: "interests"
         }, /*#__PURE__*/React__default.createElement(Notifications__default, {
@@ -10678,10 +10266,7 @@
         }))));
       }
     }]);
-
-    return Interests;
   }(React__default.Component);
-
   Interests.defaultProps = {
     interestsTitle: 'Interests',
     defaultShoeSizeType: shoeSizeTypes.eu.value
@@ -11002,63 +10587,49 @@
   }, function (props) {
     return props.theme.colors.ntrlMin;
   });
+
   /**
    * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
    */
-
   var GraphQLDropdownSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(GraphQLDropdownSelector, _React$Component);
-
-    var _super = _createSuper(GraphQLDropdownSelector);
-
     function GraphQLDropdownSelector(props) {
       var _this;
-
       _classCallCheck(this, GraphQLDropdownSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
+      _this = _callSuper(this, GraphQLDropdownSelector, [props]);
+      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
+      _defineProperty(_this, "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-
-      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
+      _defineProperty(_this, "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM$1]
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
+      _defineProperty(_this, "setNewResults", function (res) {
         var selectedIds = _this.state.selected.map(function (sel) {
           return sel.value;
         });
-
         var pagination = _this.props.resultProcessor(res);
-
         var allSelected = _this.state.selected.some(function (item) {
           return item.value === ALL_ITEM$1.value;
         });
-
         var newList = pagination.filter(function (newItem) {
           return !selectedIds.includes(newItem.value);
         });
-        newList = allSelected ? newList : [ALL_ITEM$1].concat(_toConsumableArray(newList)); // eslint-disable-next-line react/no-unused-state
+        newList = allSelected ? newList : [ALL_ITEM$1].concat(_toConsumableArray(newList));
 
+        // eslint-disable-next-line react/no-unused-state
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
+      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
         var newSelectedList;
-
         if (addSelectedItem.includes(ALL_ITEM$1)) {
           newSelectedList = [ALL_ITEM$1];
         } else {
@@ -11066,7 +10637,6 @@
             return item.value !== ALL_ITEM$1.value;
           });
         }
-
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             selected: newSelectedList
@@ -11077,19 +10647,17 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
+      _defineProperty(_this, "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$props = _this.props,
-            baseClass = _this$props.baseClass,
-            identifier = _this$props.identifier,
-            triggerRequest = _this$props.triggerRequest,
-            className = _this$props.className;
+          baseClass = _this$props.baseClass,
+          identifier = _this$props.identifier,
+          triggerRequest = _this$props.triggerRequest,
+          className = _this$props.className;
         var list = _this.state.list;
         return /*#__PURE__*/React__default.createElement(StyledMultiselector$1, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
@@ -11114,7 +10682,6 @@
           isSearchable: true
         }))));
       });
-
       _this.state = {
         selected: [ALL_ITEM$1],
         list: [],
@@ -11123,10 +10690,9 @@
       };
       return _this;
     }
-
+    _inherits(GraphQLDropdownSelector, _React$Component);
     return _createClass(GraphQLDropdownSelector);
   }(React__default.Component);
-
   GraphQLDropdownSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -11136,43 +10702,33 @@
    * Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
    */
   var LuxityGraphQLDropdownSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
-
-    var _super = _createSuper(LuxityGraphQLDropdownSelector);
-
     function LuxityGraphQLDropdownSelector(props) {
       var _this;
-
       _classCallCheck(this, LuxityGraphQLDropdownSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
+      _this = _callSuper(this, LuxityGraphQLDropdownSelector, [props]);
+      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
+      _defineProperty(_this, "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state = _this.state,
-            limit = _this$state.limit,
-            query_arguments = _this$state.query_arguments;
+          limit = _this$state.limit,
+          query_arguments = _this$state.query_arguments;
         var _this$props = _this.props,
-            title = _this$props.title,
-            baseClass = _this$props.baseClass,
-            getGraphQuery = _this$props.getGraphQuery,
-            resultProcessor = _this$props.resultProcessor,
-            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,
+          graphApi = _this$props.graphApi,
+          identifier = _this$props.identifier,
+          requestInstance = _this$props.requestInstance;
         return /*#__PURE__*/React__default.createElement("div", {
           className: baseClass
         }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -11191,19 +10747,17 @@
           resultProcessor: resultProcessor
         })));
       });
-
       _this.state = {
         limit: props.baseQueryLimit,
         query_arguments: props.query_arguments
       };
       return _this;
     }
-
-    _createClass(LuxityGraphQLDropdownSelector, [{
+    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
+    return _createClass(LuxityGraphQLDropdownSelector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
         var _this$multiSelectorRe;
-
         if (prevProps.query_arguments !== this.props.query_arguments && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
@@ -11216,14 +10770,10 @@
             query_arguments: props.query_arguments
           };
         }
-
         return null;
       }
     }]);
-
-    return LuxityGraphQLDropdownSelector;
   }(React__default.Component);
-
   LuxityGraphQLDropdownSelector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -11233,11 +10783,11 @@
 
   var MaterialSelector = function MaterialSelector(_ref) {
     var onChange = _ref.onChange,
-        brands = _ref.brands,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+      brands = _ref.brands,
+      graphApi = _ref.graphApi,
+      getGraphQuery = _ref.getGraphQuery,
+      resultProcessor = _ref.resultProcessor,
+      requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
       baseQueryLimit: 1000,
       title: "Materials",
@@ -11252,12 +10802,11 @@
       requestInstance: requestInstance
     });
   };
-
   MaterialSelector.defaultProps = {
     resultProcessor: function resultProcessor(result) {
       return result.data.data.luxity_materials.data.map(function (_ref2) {
         var id = _ref2.id,
-            name = _ref2.name;
+          name = _ref2.name;
         return {
           label: name,
           value: id