@bonlineza/luxity-lib 2.34.3 → 2.34.5

package/LuxityGraphQLDropdownSelector.js

@@ -17,200 +17,293 @@
   var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
   axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
 
-  function _arrayLikeToArray(r, a) {
-    (null == a || a > r.length) && (a = r.length);
-    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-    return n;
-  }
-  function _arrayWithHoles(r) {
-    if (Array.isArray(r)) return r;
-  }
-  function _arrayWithoutHoles(r) {
-    if (Array.isArray(r)) return _arrayLikeToArray(r);
-  }
-  function _assertThisInitialized(e) {
-    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return e;
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
   }
-  function _callSuper(t, o, e) {
-    return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
   }
-  function _classCallCheck(a, n) {
-    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
   }
-  function _defineProperties(e, r) {
-    for (var t = 0; t < r.length; t++) {
-      var o = r[t];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
     }
   }
-  function _createClass(e, r, t) {
-    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-      writable: !1
-    }), e;
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
+    return Constructor;
   }
-  function _defineProperty(e, r, t) {
-    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-      value: t,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }) : e[r] = t, e;
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
   }
+
   function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function (n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
       }
-      return n;
-    }, _extends.apply(null, arguments);
-  }
-  function _getPrototypeOf(t) {
-    return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-      return t.__proto__ || Object.getPrototypeOf(t);
-    }, _getPrototypeOf(t);
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
-  function _inherits(t, e) {
-    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-    t.prototype = Object.create(e && e.prototype, {
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
       constructor: {
-        value: t,
-        writable: !0,
-        configurable: !0
+        value: subClass,
+        writable: true,
+        configurable: true
       }
-    }), Object.defineProperty(t, "prototype", {
-      writable: !1
-    }), e && _setPrototypeOf(t, e);
+    });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+  }
+
+  function _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);
   }
+
   function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
     try {
-      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (t) {}
-    return (_isNativeReflectConstruct = function () {
-      return !!t;
-    })();
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
   }
-  function _iterableToArray(r) {
-    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+
+  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 _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;
-        }
+
+  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];
       }
-      return a;
     }
+
+    return target;
   }
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  function 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);
+
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
-    return t;
+
+    return self;
   }
-  function _objectSpread2(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = null != arguments[r] ? arguments[r] : {};
-      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-        _defineProperty(e, r, t[r]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-      });
+
+  function _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 e;
+
+    return _assertThisInitialized(self);
   }
-  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]);
+
+  function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+    return function _createSuperInternal() {
+      var Super = _getPrototypeOf(Derived),
+          result;
+
+      if (hasNativeReflectConstruct) {
+        var NewTarget = _getPrototypeOf(this).constructor;
+
+        result = Reflect.construct(Super, arguments, NewTarget);
+      } else {
+        result = Super.apply(this, arguments);
+      }
+
+      return _possibleConstructorReturn(this, result);
+    };
+  }
+
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
     }
-    return i;
+
+    return Object.freeze(Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw)
+      }
+    }));
   }
-  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 _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
-  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 _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
   }
-  function _setPrototypeOf(t, e) {
-    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
-      return t.__proto__ = e, t;
-    }, _setPrototypeOf(t, e);
+
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
   }
-  function _slicedToArray(r, e) {
-    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-  function _taggedTemplateLiteral(e, t) {
-    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
-      raw: {
-        value: Object.freeze(t)
+
+  function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+
+    var _s, _e;
+
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
       }
-    }));
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"] != null) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
   }
-  function _toConsumableArray(r) {
-    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+
+  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 _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 _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 _toPropertyKey(t) {
-    var i = _toPrimitive(t, "string");
-    return "symbol" == typeof i ? i : i + "";
+
+  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 _unsupportedIterableToArray(r, a) {
-    if (r) {
-      if ("string" == typeof r) return _arrayLikeToArray(r, a);
-      var t = {}.toString.call(r).slice(8, -1);
-      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-    }
+
+  function _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.");
   }
 
   var interpretErrorMessage = function interpretErrorMessage(error) {
@@ -222,39 +315,50 @@
   var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
     data: null
   });
-
   /**
    * A flavour of PageReady with Luxity customisations
    * 1. the onIsLoading callback is useful to parent components that have more complex data interactions
    * 2. an error message interpreter is supplied from the local helper library
    */
+
   var LuxityPageReady = /*#__PURE__*/function (_React$Component) {
+    _inherits(LuxityPageReady, _React$Component);
+
+    var _super = _createSuper(LuxityPageReady);
+
     function LuxityPageReady() {
       var _this;
+
       _classCallCheck(this, LuxityPageReady);
+
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _callSuper(this, LuxityPageReady, [].concat(args));
-      _defineProperty(_this, "state", {
+
+      _this = _super.call.apply(_super, [this].concat(args));
+
+      _defineProperty(_assertThisInitialized(_this), "state", {
         data: null
       });
-      _defineProperty(_this, "refreshPage", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
         return _this.pageReadyInstance.initRequest();
       });
+
       return _this;
     }
-    _inherits(LuxityPageReady, _React$Component);
-    return _createClass(LuxityPageReady, [{
+
+    _createClass(LuxityPageReady, [{
       key: "render",
       value: function render() {
         var _this2 = this;
+
         var _this$props = this.props,
-          customErrorMessage = _this$props.customErrorMessage,
-          customErrorHandler = _this$props.customErrorHandler,
-          getRequestPromise = _this$props.getRequestPromise,
-          _onData = _this$props.onData,
-          children = _this$props.children;
+            customErrorMessage = _this$props.customErrorMessage,
+            customErrorHandler = _this$props.customErrorHandler,
+            getRequestPromise = _this$props.getRequestPromise,
+            _onData = _this$props.onData,
+            children = _this$props.children;
         var data = this.state.data;
         return /*#__PURE__*/React__default.createElement(PageReady, {
           ref: function ref(inst) {
@@ -264,15 +368,19 @@
             _this2.setState({
               data: res.data
             });
+
             _onData(res);
           },
           getRequestInstance: function getRequestInstance() {
             _this2.props.onIsLoading(true);
+
             return getRequestPromise().then(function (out) {
               _this2.props.onIsLoading(false);
+
               return out;
             }).catch(function (oops) {
               _this2.props.onIsLoading(false);
+
               return oops;
             });
           },
@@ -289,7 +397,10 @@
         }, children));
       }
     }]);
+
+    return LuxityPageReady;
   }(React__default.Component);
+
   LuxityPageReady.defaultProps = {
     onIsLoading: function onIsLoading() {
       return null;
@@ -405,6 +516,7 @@
   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];
@@ -423,7 +535,8 @@
     }
   });
 
-  // Register a locale for South African currency confiuguration
+  /** @format */
+
   numeral.register('locale', 'en-ZA', {
     delimiters: {
       thousands: ',',
@@ -444,12 +557,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);
@@ -457,7 +570,6 @@
   }
 
   /** @format */
-
   var request = {
     fetching: false,
     failed: false,
@@ -564,35 +676,48 @@
 
   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 = _callSuper(this, InterestItem, [props]);
-      _defineProperty(_this, "deleteInterestItem", function () {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_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({
@@ -600,25 +725,32 @@
           });
         });
       });
-      _defineProperty(_this, "getGender", function (gender) {
+
+      _defineProperty(_assertThisInitialized(_this), "getGender", function (gender) {
         switch (gender) {
           case MALE:
             return 'Male';
+
           case FEMALE:
             return 'Female';
+
           case UNISEX:
           default:
             return 'Unisex';
         }
       });
-      _defineProperty(_this, "getCategory", function (category) {
+
+      _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
         if (category === interestCategories.APPAREL) {
           return 'CLOTHING';
         }
+
         return category;
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_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, {
@@ -668,14 +800,16 @@
           }
         }));
       });
+
       _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);
@@ -691,11 +825,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);
   });
@@ -742,14 +876,16 @@
    */
   var RadioButtons = function RadioButtons(_ref) {
     var options = _ref.options,
-      name = _ref.name,
-      noWrap = _ref.noWrap,
-      title = _ref.title,
-      errors = _ref.errors;
+        name = _ref.name,
+        noWrap = _ref.noWrap,
+        title = _ref.title,
+        errors = _ref.errors;
+
     var _useState = React.useState(errors[name]),
-      _useState2 = _slicedToArray(_useState, 2),
-      errMsg = _useState2[0],
-      setErrMsg = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        errMsg = _useState2[0],
+        setErrMsg = _useState2[1];
+
     React.useEffect(function () {
       setErrMsg(errors[name]);
     }, [errors, name]);
@@ -757,15 +893,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)
@@ -782,6 +918,7 @@
       }), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, innerText));
     }))), errMsg && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errMsg));
   };
+
   RadioButtons.defaultProps = {
     noWrap: false,
     title: '',
@@ -790,8 +927,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 */
+
   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) {
@@ -805,31 +942,40 @@
   };
 
   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) {
@@ -848,20 +994,25 @@
   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;
@@ -876,14 +1027,18 @@
   }, 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;
@@ -892,17 +1047,21 @@
   }, 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;
@@ -917,19 +1076,25 @@
   }, 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);
   };
 
@@ -938,28 +1103,31 @@
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     return value.replace(/\D/g, '');
   };
-
   /**
    * Currency Input which formats the value to a specific format
    */
+
   var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
     var value = _ref.value,
-      onChange = _ref.onChange,
-      prefix = _ref.prefix,
-      allowNegativeValue = _ref.allowNegativeValue,
-      groupSeparator = _ref.groupSeparator,
-      decimalSeparator = _ref.decimalSeparator,
-      rest = _objectWithoutProperties(_ref, _excluded$5);
+        onChange = _ref.onChange,
+        prefix = _ref.prefix,
+        allowNegativeValue = _ref.allowNegativeValue,
+        groupSeparator = _ref.groupSeparator,
+        decimalSeparator = _ref.decimalSeparator,
+        rest = _objectWithoutProperties(_ref, _excluded$5);
+
     var handleValueChange = function handleValueChange(event) {
       var inputValue = event.target.value;
       var unmaskedValue = unMask(inputValue);
       onChange(unmaskedValue);
     };
+
     var formatCurrency = function formatCurrency(originalValue) {
       var numericValue = Number(originalValue);
       var formattedValue = numericValue.toLocaleString('en-US');
       return prefix + formattedValue;
     };
+
     var formattedValue = formatCurrency(value);
     return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
       type: "text",
@@ -967,6 +1135,7 @@
       onChange: handleValueChange
     }));
   };
+
   CurrencyInputFormatter.defaultProps = {
     value: '',
     prefix: 'R',
@@ -7544,6 +7713,7 @@
   var ReactSelectWrapper = function ReactSelectWrapper(props) {
     return /*#__PURE__*/React__default.createElement(index$1, props);
   };
+
   ReactSelectWrapper.defaultProps = {
     isMulti: false,
     isSearchable: false,
@@ -7571,23 +7741,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];
@@ -7739,35 +7909,43 @@
 
   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),
@@ -7782,6 +7960,7 @@
       }, 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,
@@ -7792,82 +7971,117 @@
   var CategoryInterestSelector = themed(InterestCatSelector);
 
   function _extends$2() {
-    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]);
+    _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 n;
-    }, _extends$2.apply(null, arguments);
+
+      return target;
+    };
+    return _extends$2.apply(this, arguments);
   }
 
-  function _assertThisInitialized$2(e) {
-    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return e;
+  function _assertThisInitialized$2(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
   }
 
-  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 _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 _inheritsLoose(t, o) {
-    t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$2(t, o);
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _setPrototypeOf$2(subClass, superClass);
   }
 
-  function _getPrototypeOf$2(t) {
-    return _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-      return t.__proto__ || Object.getPrototypeOf(t);
-    }, _getPrototypeOf$2(t);
+  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 _isNativeFunction(t) {
-    try {
-      return -1 !== Function.toString.call(t).indexOf("[native code]");
-    } catch (n) {
-      return "function" == typeof t;
-    }
+  function _isNativeFunction(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
   }
 
   function _isNativeReflectConstruct$1() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+
     try {
-      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    } catch (t) {}
-    return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() {
-      return !!t;
-    })();
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+      return true;
+    } catch (e) {
+      return false;
+    }
   }
 
-  function _construct(t, e, r) {
-    if (_isNativeReflectConstruct$1()) return Reflect.construct.apply(null, arguments);
-    var o = [null];
-    o.push.apply(o, e);
-    var p = new (t.bind.apply(t, o))();
-    return r && _setPrototypeOf$2(p, r.prototype), p;
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct$1()) {
+      _construct = Reflect.construct.bind();
+    } else {
+      _construct = function _construct(Parent, args, Class) {
+        var a = [null];
+        a.push.apply(a, args);
+        var Constructor = Function.bind.apply(Parent, a);
+        var instance = new Constructor();
+        if (Class) _setPrototypeOf$2(instance, Class.prototype);
+        return instance;
+      };
+    }
+
+    return _construct.apply(null, arguments);
   }
 
-  function _wrapNativeSuper(t) {
-    var r = "function" == typeof Map ? new Map() : void 0;
-    return _wrapNativeSuper = function _wrapNativeSuper(t) {
-      if (null === t || !_isNativeFunction(t)) return t;
-      if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function");
-      if (void 0 !== r) {
-        if (r.has(t)) return r.get(t);
-        r.set(t, Wrapper);
+  function _wrapNativeSuper(Class) {
+    var _cache = typeof Map === "function" ? new Map() : undefined;
+
+    _wrapNativeSuper = function _wrapNativeSuper(Class) {
+      if (Class === null || !_isNativeFunction(Class)) return Class;
+
+      if (typeof Class !== "function") {
+        throw new TypeError("Super expression must either be null or a function");
       }
+
+      if (typeof _cache !== "undefined") {
+        if (_cache.has(Class)) return _cache.get(Class);
+
+        _cache.set(Class, Wrapper);
+      }
+
       function Wrapper() {
-        return _construct(t, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct(Class, arguments, _getPrototypeOf$2(this).constructor);
       }
-      return Wrapper.prototype = Object.create(t.prototype, {
+
+      Wrapper.prototype = Object.create(Class.prototype, {
         constructor: {
           value: Wrapper,
-          enumerable: !1,
-          writable: !0,
-          configurable: !0
+          enumerable: false,
+          writable: true,
+          configurable: true
         }
-      }), _setPrototypeOf$2(Wrapper, t);
-    }, _wrapNativeSuper(t);
+      });
+      return _setPrototypeOf$2(Wrapper, Class);
+    };
+
+    return _wrapNativeSuper(Class);
   }
 
   // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -8536,9 +8750,10 @@
   }, function (props) {
     return getSliderMarkStyle(props);
   });
+
   var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
     var showMarks = _ref.showMarks,
-      primary = _ref.theme.colors.primary;
+        primary = _ref.theme.colors.primary;
     var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$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);
   };
@@ -8550,24 +8765,28 @@
   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];
@@ -8575,6 +8794,7 @@
       });
       return newProps;
     };
+
     var Tooltip = toolTipComponent;
     return /*#__PURE__*/React__default.createElement(React.Fragment, {
       key: index
@@ -8591,47 +8811,55 @@
       marks: marks
     }, getToolTipProps()))));
   };
-
   /** slider ui component for react */
+
+
   var RangeSlider = function RangeSlider(_ref) {
     var renderTitleSection = _ref.renderTitleSection,
-      marks = _ref.marks,
-      defaultMinValue = _ref.defaultMinValue,
-      defaultMaxValue = _ref.defaultMaxValue,
-      min = _ref.min,
-      max = _ref.max,
-      toolTipComponent = _ref.toolTipComponent,
-      renderFooterSection = _ref.renderFooterSection,
-      onChange = _ref.onChange,
-      childRenderer = _ref.children,
-      identifier = _ref.identifier,
-      showMarks = _ref.showMarks,
-      restProps = _objectWithoutProperties(_ref, _excluded2);
+        marks = _ref.marks,
+        defaultMinValue = _ref.defaultMinValue,
+        defaultMaxValue = _ref.defaultMaxValue,
+        min = _ref.min,
+        max = _ref.max,
+        toolTipComponent = _ref.toolTipComponent,
+        renderFooterSection = _ref.renderFooterSection,
+        onChange = _ref.onChange,
+        childRenderer = _ref.children,
+        identifier = _ref.identifier,
+        showMarks = _ref.showMarks,
+        restProps = _objectWithoutProperties(_ref, _excluded2);
+
     var _useState = React.useState(defaultMinValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      currMinVal = _useState2[0],
-      setMinVal = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        currMinVal = _useState2[0],
+        setMinVal = _useState2[1];
+
     var _useState3 = React.useState(defaultMaxValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currMaxVal = _useState4[0],
-      setMaxVal = _useState4[1];
+        _useState4 = _slicedToArray(_useState3, 2),
+        currMaxVal = _useState4[0],
+        setMaxVal = _useState4[1];
     /*
      *Description variable stores the time that the component renders
      * the state is used to enforce reenders for the component since the date now
      * is always changing
      * */
+
+
     var _useState5 = React.useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      seed = _useState6[0],
-      setSeed = _useState6[1];
+        _useState6 = _slicedToArray(_useState5, 2),
+        seed = _useState6[0],
+        setSeed = _useState6[1];
+
     var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
       setMinVal(val);
       setSeed(Date.now());
     };
+
     var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
       setMaxVal(val);
       setSeed(Date.now());
     };
+
     var prevMinVal = functions.usePrevious(currMinVal);
     var prevMaxVal = functions.usePrevious(currMaxVal);
     React.useEffect(function () {
@@ -8667,8 +8895,9 @@
       defaultValue: [defaultMinValue, defaultMaxValue],
       onChange: function onChange(_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-          nextMin = _ref3[0],
-          nextMax = _ref3[1];
+            nextMin = _ref3[0],
+            nextMax = _ref3[1];
+
         setMinVal(nextMin);
         setMaxVal(nextMax);
       },
@@ -8681,6 +8910,7 @@
       allowCross: false
     }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
   };
+
   RangeSlider.defaultProps = {
     renderTitleSection: function renderTitleSection() {
       return false;
@@ -8711,10 +8941,11 @@
   }, 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));
@@ -8726,23 +8957,31 @@
   });
 
   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, {
@@ -8750,21 +8989,24 @@
       onClick: giveFullRange
     }, "Full Price Range");
   };
-
   /** UI Slider with minimum and max input fields give the ability to
    * select a price range */
+
+
   var PriceRangeSelector = function PriceRangeSelector(_ref) {
     var onChange = _ref.onChange,
-      category = _ref.category;
+        category = _ref.category;
     var maxPrice = getMaxPrice(category);
+
     var handleSlideChange = function handleSlideChange(value) {
       var min_price = value.min,
-        max_price = value.max;
+          max_price = value.max;
       onChange({
         min_price: min_price,
         max_price: max_price
       });
     };
+
     var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -8777,6 +9019,7 @@
         });
       });
     };
+
     var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -8789,6 +9032,7 @@
         });
       });
     };
+
     return /*#__PURE__*/React__default.createElement("div", {
       className: "price-ranges"
     }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -8807,9 +9051,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,
@@ -8825,6 +9069,7 @@
       }));
     }));
   };
+
   PriceRangeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -8845,6 +9090,7 @@
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return shoe_sizes.length - 1;
   };
+
   var formatResultsForRangeSlider = function formatResultsForRangeSlider() {
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var newDataShape = {};
@@ -8854,24 +9100,28 @@
     });
     return newDataShape;
   };
+
   var ToolTipComponent = function ToolTipComponent(props) {
     var marks = props.marks,
-      value = props.value;
+        value = props.value;
     return /*#__PURE__*/React__default.createElement("div", null, marks[value]);
   };
-
   /** slider ui component for shoe size selection interests */
+
+
   var ShoeSizeSelector = function ShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-      shoeSizes = _ref2.shoeSizes;
+        shoeSizes = _ref2.shoeSizes;
+
     var handleShoeSizeChange = function handleShoeSizeChange(value) {
       var min_shoe_key = value.min,
-        max_shoe_key = value.max;
+          max_shoe_key = value.max;
       onChange({
         min_shoe_size_id: shoeSizes[min_shoe_key].id,
         max_shoe_size_id: shoeSizes[max_shoe_key].id
       });
     };
+
     var getFooterButtons = function getFooterButtons(actionObj) {
       var giveFullRange = actionObj.giveFullRange;
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
@@ -8880,6 +9130,7 @@
         onClick: giveFullRange
       }, "Full Shoe Size Range"));
     };
+
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
       identifier: "shoe-size-range-slider",
       marks: formatResultsForRangeSlider(shoeSizes),
@@ -8892,6 +9143,7 @@
       onChange: handleShoeSizeChange
     }));
   };
+
   ShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -8900,17 +9152,23 @@
   };
 
   var SimpleErrorBoundary = /*#__PURE__*/function (_React$Component) {
+    _inherits(SimpleErrorBoundary, _React$Component);
+
+    var _super = _createSuper(SimpleErrorBoundary);
+
     function SimpleErrorBoundary(props) {
       var _this;
+
       _classCallCheck(this, SimpleErrorBoundary);
-      _this = _callSuper(this, SimpleErrorBoundary, [props]);
+
+      _this = _super.call(this, props);
       _this.state = {
         hasError: false
       };
       return _this;
     }
-    _inherits(SimpleErrorBoundary, _React$Component);
-    return _createClass(SimpleErrorBoundary, [{
+
+    _createClass(SimpleErrorBoundary, [{
       key: "componentDidCatch",
       value: function componentDidCatch(error, errorInfo) {
         // You can also log the error to an error reporting service
@@ -8923,6 +9181,7 @@
           // 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;
       }
     }], [{
@@ -8934,7 +9193,10 @@
         };
       }
     }]);
+
+    return SimpleErrorBoundary;
   }(React__default.Component);
+
   SimpleErrorBoundary.defaultProps = {
     errorMessage: 'Something went wrong',
     errorLogger: null,
@@ -8945,19 +9207,21 @@
   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() {
@@ -9011,21 +9275,30 @@
   /**
    * 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 = _callSuper(this, NotificationDropDown, [props]);
-      _defineProperty(_this, "postUpdate", function (selectedOption) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "postUpdate", function (selectedOption) {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
+
         _this.props.setSchedule(selectedOption.value).then(function () {
           _this.setState({
             selectedOption: selectedOption,
@@ -9033,6 +9306,7 @@
               success: true
             })
           });
+
           success('Notification Frequency Updated');
         }).catch(function () {
           _this.setState({
@@ -9040,10 +9314,12 @@
               failed: true
             })
           });
+
           error('Error Ocurred');
         });
       });
-      _defineProperty(_this, "getOptionsFromEnumResult", function (enumResult) {
+
+      _defineProperty(_assertThisInitialized(_this), "getOptionsFromEnumResult", function (enumResult) {
         var enumValues = enumResult.data.__type.enumValues;
         return enumValues.map(function (enumItem) {
           return {
@@ -9052,10 +9328,14 @@
           };
         });
       });
-      _defineProperty(_this, "onData", function (_ref) {
+
+      _defineProperty(_assertThisInitialized(_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,
@@ -9067,11 +9347,12 @@
           };
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_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) {
@@ -9094,6 +9375,7 @@
           value: selectedOption
         }))));
       });
+
       _this.state = {
         options: [],
         selectedOption: null,
@@ -9101,9 +9383,10 @@
       };
       return _this;
     }
-    _inherits(NotificationDropDown, _React$Component);
+
     return _createClass(NotificationDropDown);
   }(React__default.Component);
+
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
   var _templateObject$F, _templateObject2$6;
@@ -9145,49 +9428,65 @@
   }, function (props) {
     return props.theme.colors.ntrlMin;
   });
-
   /**
    * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
    */
+
   var GraphQLMultiSelector = /*#__PURE__*/function (_React$Component) {
+    _inherits(GraphQLMultiSelector, _React$Component);
+
+    var _super = _createSuper(GraphQLMultiSelector);
+
     function GraphQLMultiSelector(props) {
       var _this;
+
       _classCallCheck(this, GraphQLMultiSelector);
-      _this = _callSuper(this, GraphQLMultiSelector, [props]);
-      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-      _defineProperty(_this, "makeRequest", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-      _defineProperty(_this, "emptySelected", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM]
         });
       });
-      _defineProperty(_this, "setNewResults", function (res) {
+
+      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
         var selectedIds = _this.state.selected.map(function (sel) {
           return sel.id;
         });
+
         var pagination = _this.props.resultProcessor(res);
+
         var allSelected = _this.state.selected.some(function (item) {
           return item.id === ALL_ITEM.id;
         });
+
         var newList = pagination.data.filter(function (newItem) {
           return !selectedIds.includes(newItem.id);
         });
         newList = allSelected ? newList : [ALL_ITEM].concat(_toConsumableArray(newList));
+
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
         _this.setState(function (prevState) {
           var newSelectedList;
           var newList;
+
           if (addSelectedItem.id === ALL_ITEM.id) {
             // Clear Selected List
             // and move previous Selected items to list
@@ -9207,6 +9506,7 @@
               return item.id !== addSelectedItem.id;
             })));
           }
+
           return {
             selected: newSelectedList,
             list: newList
@@ -9217,20 +9517,24 @@
           }));
         });
       });
-      _defineProperty(_this, "onRemoveItem", function (removeSelectedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
         _this.setState(function (prevState) {
           // Cannot remove ALL from selection by unselecting it
           if ((removeSelectedItem === null || removeSelectedItem === void 0 ? void 0 : removeSelectedItem.id) === ALL_ITEM.id) {
             return {};
           }
+
           var newSelectedList = prevState.selected.filter(function (item) {
             return item.id !== removeSelectedItem.id;
           });
+
           var newList = _toConsumableArray(prevState.list).concat(removeSelectedItem).filter(function (item) {
             return item.id !== ALL_ITEM.id;
           }).sort(function (a, b) {
             return a.id - b.id;
           });
+
           return {
             list: newList,
             selected: newSelectedList.length ? newSelectedList : [ALL_ITEM]
@@ -9241,23 +9545,25 @@
           }));
         });
       });
-      _defineProperty(_this, "onIsLoading", function (flag) {
+
+      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$props = _this.props,
-          baseClass = _this$props.baseClass,
-          ItemRenderer = _this$props.itemRenderer,
-          identifier = _this$props.identifier,
-          triggerRequest = _this$props.triggerRequest,
-          className = _this$props.className;
+            baseClass = _this$props.baseClass,
+            ItemRenderer = _this$props.itemRenderer,
+            identifier = _this$props.identifier,
+            triggerRequest = _this$props.triggerRequest,
+            className = _this$props.className;
         var _this$state = _this.state,
-          list = _this$state.list,
-          selected = _this$state.selected,
-          pagination = _this$state.pagination,
-          isLoading = _this$state.isLoading;
+            list = _this$state.list,
+            selected = _this$state.selected,
+            pagination = _this$state.pagination,
+            isLoading = _this$state.isLoading;
         return /*#__PURE__*/React__default.createElement(StyledMultiselector, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
           className: "".concat(className, " ").concat(baseClass)
@@ -9296,6 +9602,7 @@
           type: "button"
         }, "SHOW MORE"))));
       });
+
       _this.state = {
         selected: [ALL_ITEM],
         list: [],
@@ -9304,9 +9611,10 @@
       };
       return _this;
     }
-    _inherits(GraphQLMultiSelector, _React$Component);
+
     return _createClass(GraphQLMultiSelector);
   }(React__default.Component);
+
   GraphQLMultiSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -9327,12 +9635,13 @@
   });
 
   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
@@ -9345,6 +9654,7 @@
       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) {
@@ -9367,26 +9677,37 @@
   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 = _callSuper(this, LuxityGraphQLMultiselector, [props]);
-      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "increaseLimit", function () {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-      _defineProperty(_this, "onChange", function (selection) {
+
+      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-      _defineProperty(_this, "onSearchChanged", function (event) {
+
+      _defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
         event.preventDefault();
         var searchText = event.target.value;
         debounceBuilder$3(function () {
@@ -9395,21 +9716,22 @@
           });
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$state = _this.state,
-          limit = _this$state.limit,
-          category = _this$state.category,
-          nameFilter = _this$state.nameFilter;
+            limit = _this$state.limit,
+            category = _this$state.category,
+            nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
-          title = _this$props.title,
-          baseClass = _this$props.baseClass,
-          getGraphQuery = _this$props.getGraphQuery,
-          resultProcessor = _this$props.resultProcessor,
-          itemRenderer = _this$props.itemRenderer,
-          searchPlaceHolder = _this$props.searchPlaceHolder,
-          graphApi = _this$props.graphApi,
-          identifier = _this$props.identifier,
-          requestInstance = _this$props.requestInstance;
+            title = _this$props.title,
+            baseClass = _this$props.baseClass,
+            getGraphQuery = _this$props.getGraphQuery,
+            resultProcessor = _this$props.resultProcessor,
+            itemRenderer = _this$props.itemRenderer,
+            searchPlaceHolder = _this$props.searchPlaceHolder,
+            graphApi = _this$props.graphApi,
+            identifier = _this$props.identifier,
+            requestInstance = _this$props.requestInstance;
         return /*#__PURE__*/React__default.createElement("div", {
           className: baseClass
         }, /*#__PURE__*/React__default.createElement(Title$4, {
@@ -9432,6 +9754,7 @@
           itemRenderer: itemRenderer
         })));
       });
+
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
@@ -9439,11 +9762,12 @@
       };
       return _this;
     }
-    _inherits(LuxityGraphQLMultiselector, _React$Component);
-    return _createClass(LuxityGraphQLMultiselector, [{
+
+    _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
         var _this$multiSelectorRe;
+
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
@@ -9456,10 +9780,14 @@
             category: props.category
           };
         }
+
         return null;
       }
     }]);
+
+    return LuxityGraphQLMultiselector;
   }(React__default.Component);
+
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -9480,10 +9808,11 @@
     return props.theme.colors.ntrlMin;
   });
   var UnselectedButton = themed(BaseButton);
+
   var ItemRenderer = function ItemRenderer(_ref) {
     var item = _ref.item,
-      onSelect = _ref.onSelect,
-      selected = _ref.selected;
+        onSelect = _ref.onSelect,
+        selected = _ref.selected;
     var props = {
       onClick: function onClick(e) {
         e.preventDefault();
@@ -9495,12 +9824,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",
@@ -9517,6 +9846,7 @@
       requestInstance: requestInstance
     });
   };
+
   BrandSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -9526,12 +9856,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",
@@ -9548,6 +9878,7 @@
       requestInstance: requestInstance
     });
   };
+
   StyleSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -9579,14 +9910,17 @@
   ShoeSizeFadeContainer.defaultProps = {
     childVisible: false
   };
+
   var OpacityTransitionRender = function OpacityTransitionRender(_ref) {
     var shoeSizeType = _ref.shoeSizeType,
-      children = _ref.children;
+        children = _ref.children;
     var prevShoeSizeType = functions.usePrevious(shoeSizeType);
+
     var _React$useState = React__default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      childVisible = _React$useState2[0],
-      setChildVisible = _React$useState2[1];
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        childVisible = _React$useState2[0],
+        setChildVisible = _React$useState2[1];
+
     React__default.useEffect(function () {
       if (prevShoeSizeType !== shoeSizeType) {
         setChildVisible(false);
@@ -9599,25 +9933,30 @@
       childVisible: childVisible
     }, children);
   };
+
   var WrappedShoeSizeSelector = function WrappedShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-      requestInstance = _ref2.requestInstance,
-      graphApi = _ref2.graphApi,
-      defaultShoeSizeType = _ref2.defaultShoeSizeType,
-      getGraphQuery = _ref2.getGraphQuery;
+        requestInstance = _ref2.requestInstance,
+        graphApi = _ref2.graphApi,
+        defaultShoeSizeType = _ref2.defaultShoeSizeType,
+        getGraphQuery = _ref2.getGraphQuery;
+
     var _useState = React.useState(defaultShoeSizeType),
-      _useState2 = _slicedToArray(_useState, 2),
-      shoeSizeType = _useState2[0],
-      setShoeSizeType = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        shoeSizeType = _useState2[0],
+        setShoeSizeType = _useState2[1];
+
     var _useState3 = React.useState(defaultShoeSizeType),
-      _useState4 = _slicedToArray(_useState3, 2),
-      transitionedTo = _useState4[0],
-      setTransitionedTo = _useState4[1];
+        _useState4 = _slicedToArray(_useState3, 2),
+        transitionedTo = _useState4[0],
+        setTransitionedTo = _useState4[1];
+
     var triggerRequest = function triggerRequest() {
       return requestInstance.post(graphApi, {
         query: getGraphQuery()
       });
     };
+
     var shoeSizeTypeProps = {
       name: 'shoe_size_type',
       noWrap: true,
@@ -9641,12 +9980,15 @@
         checked: shoeSizeType === shoeSizeTypes.eu.value
       }]
     };
+
     var handlePropOnChange = function handlePropOnChange(value) {
       var payload = _objectSpread2(_objectSpread2({}, value), {}, {
         shoe_size_type: shoeSizeType
       });
+
       onChange(payload);
     };
+
     var renderShoeSizeSelector = function renderShoeSizeSelector() {
       var passedShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       return /*#__PURE__*/React__default.createElement(ShoeSizeSelector, {
@@ -9656,32 +9998,38 @@
         }
       });
     };
+
     var getShoeSizeSelector = function getShoeSizeSelector() {
       var euShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var ukShoeShoes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
       if (shoeSizeType === shoeSizeTypes.eu.value) {
         return renderShoeSizeSelector(euShoeSizes);
       }
+
       if (shoeSizeType === shoeSizeTypes.uk.value) {
         return renderShoeSizeSelector(ukShoeShoes);
       }
+
       return null;
     };
+
     return /*#__PURE__*/React__default.createElement(LuxityPageReady, {
       getRequestPromise: triggerRequest
     }, /*#__PURE__*/React__default.createElement(TitleWrapper, null, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       title: "Shoe Size Range"
     }, /*#__PURE__*/React__default.createElement(RadioButtons$1, shoeSizeTypeProps))), /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Consumer, null, function (_ref3) {
       var _ref3$data$data = _ref3.data.data,
-        _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
-        luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
-        _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
-        luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
+          _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
+          luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
+          _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
+          luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
       return /*#__PURE__*/React__default.createElement(OpacityTransitionRender, {
         shoeSizeType: transitionedTo
       }, getShoeSizeSelector(luxity_eu_shoe_sizes, luxity_uk_shoe_sizes));
     }));
   };
+
   WrappedShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -9704,6 +10052,7 @@
   });
 
   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;
@@ -9722,32 +10071,36 @@
   }, Content, InputText, function (props) {
     return props.theme.colors.ntrlMin;
   }, Content);
-
   /**
    * CheckButton: Styled checkbox that resembles a button
    * */
+
   var CheckButton = function CheckButton(props) {
     var title = props.title,
-      checked = props.checked,
-      renderIcon = props.renderIcon,
-      onChange = props.onChange,
-      checkedValue = props.checkedValue,
-      unCheckedValue = props.unCheckedValue,
-      restProps = _objectWithoutProperties(props, _excluded$7);
+        checked = props.checked,
+        renderIcon = props.renderIcon,
+        onChange = props.onChange,
+        checkedValue = props.checkedValue,
+        unCheckedValue = props.unCheckedValue,
+        restProps = _objectWithoutProperties(props, _excluded$7);
+
     var _React$useState = React__default.useState(checked),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      checkedState = _React$useState2[0],
-      setCheck = _React$useState2[1];
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        checkedState = _React$useState2[0],
+        setCheck = _React$useState2[1];
+
     var prevCheckState = functions.usePrevious(checkedState);
     React__default.useEffect(function () {
       if (prevCheckState !== checkedState) {
         onChange(checkedState);
       }
     }, [checkedState, onChange, prevCheckState]);
+
     var handleInputChange = function handleInputChange(e) {
       var targetChecked = e.target.checked;
       setCheck(targetChecked);
     };
+
     return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
       defaultChecked: checked
     }, restProps, {
@@ -9755,6 +10108,7 @@
       onChange: handleInputChange
     })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
+
   CheckButton.defaultProps = {
     title: '',
     checked: false,
@@ -9768,24 +10122,29 @@
   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,
@@ -9793,20 +10152,22 @@
       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, {
@@ -9831,6 +10192,7 @@
       checkBoxButtonRef: femaleInputRef
     })));
   };
+
   GenderSelector.defaultProps = {
     gender: null,
     onChange: function onChange() {
@@ -9888,14 +10250,16 @@
     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: [],
@@ -9908,30 +10272,41 @@
     request: _objectSpread2({}, request),
     isCategoriesShown: false
   };
-
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
    */
+
   var AddInterest = /*#__PURE__*/function (_React$Component) {
+    _inherits(AddInterest, _React$Component);
+
+    var _super = _createSuper(AddInterest);
+
     function AddInterest(props) {
       var _this;
+
       _classCallCheck(this, AddInterest);
-      _this = _callSuper(this, AddInterest, [props]);
-      _defineProperty(_this, "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "onCategoryChanged", function (categoryType) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "onCategoryChanged", function (categoryType) {
         _this.setState({
           category_type: categoryType,
           brands: [],
           styles: []
         });
       });
-      _defineProperty(_this, "onGenderChanged", function (isChecked, gender) {
+
+      _defineProperty(_assertThisInitialized(_this), "onGenderChanged", function (isChecked, gender) {
         return _this.setState(function (prevState) {
           // current array of options
           var gendersSelected = _toConsumableArray(prevState.gender);
-          var index;
-          // check if the check box is checked or unchecked
+
+          var index; // check if the check box is checked or unchecked
+
           if (isChecked) {
             gendersSelected.push(gender);
           } else {
@@ -9939,57 +10314,67 @@
             index = gendersSelected.indexOf(gender);
             gendersSelected.splice(index, 1);
           }
+
           return {
             gender: gendersSelected
           };
         });
       });
-      _defineProperty(_this, "onBrandsChanged", function (brandsArray) {
+
+      _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.id;
           })
         });
       });
-      _defineProperty(_this, "onShoeSizesChanged", function (shoeSizes) {
+
+      _defineProperty(_assertThisInitialized(_this), "onShoeSizesChanged", function (shoeSizes) {
         _this.setState(_objectSpread2({}, shoeSizes));
       });
-      _defineProperty(_this, "onPriceRangesChanged", function (priceRange) {
+
+      _defineProperty(_assertThisInitialized(_this), "onPriceRangesChanged", function (priceRange) {
         _this.setState(_objectSpread2({}, priceRange));
       });
-      _defineProperty(_this, "onStylesChanged", function (stylesArray) {
+
+      _defineProperty(_assertThisInitialized(_this), "onStylesChanged", function (stylesArray) {
         _this.setState({
           styles: stylesArray.map(function (style) {
             return style.id;
           })
         });
       });
-      _defineProperty(_this, "payloadIsValid", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
         // price/shoe-size always have initial values as soon as category is set
         var category_type = _this.state.category_type;
         return category_type !== null;
       });
-      _defineProperty(_this, "submitInterest", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "submitInterest", function () {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
+
         var _this$state = _this.state,
-          brands = _this$state.brands,
-          min_shoe_size_id = _this$state.min_shoe_size_id,
-          max_shoe_size_id = _this$state.max_shoe_size_id,
-          shoe_size_type = _this$state.shoe_size_type,
-          min_price = _this$state.min_price,
-          max_price = _this$state.max_price,
-          styles = _this$state.styles,
-          category_type = _this$state.category_type,
-          requestState = _this$state.request,
-          gender = _this$state.gender;
+            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,
@@ -10004,21 +10389,27 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
+
         var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
+
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
             request: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
+
           _this.props.onSubmitSuccess(_objectSpread2({}, payload));
         }, _this.handleRequestError);
       });
-      _defineProperty(_this, "handleRequestError", function (_ref2) {
+
+      _defineProperty(_assertThisInitialized(_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();
@@ -10028,30 +10419,34 @@
           }, message);
         }));
       });
-      _defineProperty(_this, "resetState", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "resetState", function () {
         _this.setState(_objectSpread2({}, defaultState));
       });
-      _defineProperty(_this, "handleGenderChange", function (isChecked, gender) {
+
+      _defineProperty(_assertThisInitialized(_this), "handleGenderChange", function (isChecked, gender) {
         return _this.onGenderChanged(isChecked, gender);
       });
-      _defineProperty(_this, "onAddInterestClick", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "onAddInterestClick", function () {
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             isCategoriesShown: true
           });
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$state2 = _this.state,
-          category_type = _this$state2.category_type,
-          fetching = _this$state2.request.fetching;
+            category_type = _this$state2.category_type,
+            fetching = _this$state2.request.fetching;
         var _this$props = _this.props,
-          requestInstance = _this$props.requestInstance,
-          baseGraphApi = _this$props.baseGraphApi,
-          getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
-          getStylesGraphQuery = _this$props.getStylesGraphQuery,
-          getShoesGraphQuery = _this$props.getShoesGraphQuery,
-          defaultShoeSizeType = _this$props.defaultShoeSizeType;
+            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, {
@@ -10099,16 +10494,19 @@
           type: "button",
           onClick: function onClick() {
             _this.submitInterest();
+
             _this.resetState();
           }
         }, fetching ? 'SAVING' : 'SAVE')))))));
       });
+
       _this.state = _objectSpread2({}, defaultState);
       return _this;
     }
-    _inherits(AddInterest, _React$Component);
+
     return _createClass(AddInterest);
   }(React__default.Component);
+
   var AddInterest$1 = themed(AddInterest);
 
   var _templateObject$M;
@@ -10119,6 +10517,7 @@
   }, 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"
@@ -10138,6 +10537,7 @@
       className: "heading-title-empty"
     }));
   };
+
   var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
 
   var _templateObject$N;
@@ -10147,34 +10547,43 @@
   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 = _callSuper(this, Interests, [props]);
-      _defineProperty(_this, "setInterests", function (data) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "setInterests", function (data) {
         var interests = data.data.data.interests.data;
+
         _this.setState({
           interests: interests
         });
       });
-      // eslint-disable-next-line
-      _defineProperty(_this, "onInterestSubmitSuccess", function (interestItem) {
+
+      _defineProperty(_assertThisInitialized(_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(_this, "onDeleteInterest", function (deletedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onDeleteInterest", function (deletedItem) {
         _this.setState(function (prevState) {
           var newInterests = prevState.interests.filter(function (item) {
             return item.id !== deletedItem.id;
@@ -10184,38 +10593,41 @@
           });
         });
       });
-      _defineProperty(_this, "triggerInterestRequest", function () {
+
+      _defineProperty(_assertThisInitialized(_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;
     }
-    _inherits(Interests, _React$Component);
-    return _createClass(Interests, [{
+
+    _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, {
@@ -10266,7 +10678,10 @@
         }))));
       }
     }]);
+
+    return Interests;
   }(React__default.Component);
+
   Interests.defaultProps = {
     interestsTitle: 'Interests',
     defaultShoeSizeType: shoeSizeTypes.eu.value
@@ -10587,49 +11002,63 @@
   }, 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 = _callSuper(this, GraphQLDropdownSelector, [props]);
-      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-      _defineProperty(_this, "makeRequest", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-      _defineProperty(_this, "emptySelected", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM$1]
         });
       });
-      _defineProperty(_this, "setNewResults", function (res) {
+
+      _defineProperty(_assertThisInitialized(_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));
+        newList = allSelected ? newList : [ALL_ITEM$1].concat(_toConsumableArray(newList)); // eslint-disable-next-line react/no-unused-state
 
-        // eslint-disable-next-line react/no-unused-state
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
+
+      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
         var newSelectedList;
+
         if (addSelectedItem.includes(ALL_ITEM$1)) {
           newSelectedList = [ALL_ITEM$1];
         } else {
@@ -10637,6 +11066,7 @@
             return item.value !== ALL_ITEM$1.value;
           });
         }
+
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             selected: newSelectedList
@@ -10647,17 +11077,19 @@
           }));
         });
       });
-      _defineProperty(_this, "onIsLoading", function (flag) {
+
+      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_this), "render", function () {
         var _this$props = _this.props,
-          baseClass = _this$props.baseClass,
-          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,
@@ -10682,6 +11114,7 @@
           isSearchable: true
         }))));
       });
+
       _this.state = {
         selected: [ALL_ITEM$1],
         list: [],
@@ -10690,9 +11123,10 @@
       };
       return _this;
     }
-    _inherits(GraphQLDropdownSelector, _React$Component);
+
     return _createClass(GraphQLDropdownSelector);
   }(React__default.Component);
+
   GraphQLDropdownSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -10702,33 +11136,43 @@
    * 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 = _callSuper(this, LuxityGraphQLDropdownSelector, [props]);
-      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-      _defineProperty(_this, "increaseLimit", function () {
+
+      _this = _super.call(this, props);
+
+      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+
+      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-      _defineProperty(_this, "onChange", function (selection) {
+
+      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-      _defineProperty(_this, "render", function () {
+
+      _defineProperty(_assertThisInitialized(_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, {
@@ -10747,17 +11191,19 @@
           resultProcessor: resultProcessor
         })));
       });
+
       _this.state = {
         limit: props.baseQueryLimit,
         query_arguments: props.query_arguments
       };
       return _this;
     }
-    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
-    return _createClass(LuxityGraphQLDropdownSelector, [{
+
+    _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();
         }
@@ -10770,10 +11216,14 @@
             query_arguments: props.query_arguments
           };
         }
+
         return null;
       }
     }]);
+
+    return LuxityGraphQLDropdownSelector;
   }(React__default.Component);
+
   LuxityGraphQLDropdownSelector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',