@bonlineza/luxity-lib 2.36.1-beta.1 → 2.36.1-beta.3

package/MaterialSelector.js

@@ -18,674 +18,526 @@
   axios = axios && Object.prototype.hasOwnProperty.call(axios, 'default') ? axios['default'] : axios;
   Cookies = Cookies && Object.prototype.hasOwnProperty.call(Cookies, 'default') ? Cookies['default'] : Cookies;
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
+  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 asyncGeneratorStep(n, t, e, r, o, a, c) {
+    try {
+      var i = n[a](c),
+        u = i.value;
+    } catch (n) {
+      return void e(n);
+    }
+    i.done ? t(u) : Promise.resolve(u).then(r, o);
+  }
+  function _asyncToGenerator(n) {
+    return function () {
+      var t = this,
+        e = arguments;
+      return new Promise(function (r, o) {
+        var a = n.apply(t, e);
+        function _next(n) {
+          asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+        }
+        function _throw(n) {
+          asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+        }
+        _next(void 0);
+      });
+    };
+  }
+  function _callSuper(t, o, e) {
+    return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+  }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+    }
+  }
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _defineProperty(e, r, t) {
+    return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
+  }
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return 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);
+  }
+  function _inherits(t, e) {
+    if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+    t.prototype = Object.create(e && e.prototype, {
+      constructor: {
+        value: t,
+        writable: !0,
+        configurable: !0
+      }
+    }), Object.defineProperty(t, "prototype", {
+      writable: !1
+    }), e && _setPrototypeOf(t, e);
+  }
+  function _isNativeReflectConstruct() {
+    try {
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct = function () {
+      return !!t;
+    })();
+  }
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+  function _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 symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
     }
-
-    return keys;
+    return t;
   }
-
-  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));
+  function _objectSpread2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+        _defineProperty(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-
-    return target;
+    return e;
+  }
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+    }
+    return i;
+  }
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
+    }
+    return t;
+  }
+  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 _regeneratorRuntime() {
-    /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
     _regeneratorRuntime = function () {
-      return exports;
+      return e;
     };
-
-    var exports = {},
-        Op = Object.prototype,
-        hasOwn = Op.hasOwnProperty,
-        $Symbol = "function" == typeof Symbol ? Symbol : {},
-        iteratorSymbol = $Symbol.iterator || "@@iterator",
-        asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-        toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-    function define(obj, key, value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
+    var t,
+      e = {},
+      r = Object.prototype,
+      n = r.hasOwnProperty,
+      o = Object.defineProperty || function (t, e, r) {
+        t[e] = r.value;
+      },
+      i = "function" == typeof Symbol ? Symbol : {},
+      a = i.iterator || "@@iterator",
+      c = i.asyncIterator || "@@asyncIterator",
+      u = i.toStringTag || "@@toStringTag";
+    function define(t, e, r) {
+      return Object.defineProperty(t, e, {
+        value: r,
         enumerable: !0,
         configurable: !0,
         writable: !0
-      }), obj[key];
+      }), t[e];
     }
-
     try {
       define({}, "");
-    } catch (err) {
-      define = function (obj, key, value) {
-        return obj[key] = value;
+    } catch (t) {
+      define = function (t, e, r) {
+        return t[e] = r;
       };
     }
-
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-          generator = Object.create(protoGenerator.prototype),
-          context = new Context(tryLocsList || []);
-      return generator._invoke = function (innerFn, self, context) {
-        var state = "suspendedStart";
-        return function (method, arg) {
-          if ("executing" === state) throw new Error("Generator is already running");
-
-          if ("completed" === state) {
-            if ("throw" === method) throw arg;
-            return doneResult();
-          }
-
-          for (context.method = method, context.arg = arg;;) {
-            var delegate = context.delegate;
-
-            if (delegate) {
-              var delegateResult = maybeInvokeDelegate(delegate, context);
-
-              if (delegateResult) {
-                if (delegateResult === ContinueSentinel) continue;
-                return delegateResult;
-              }
-            }
-
-            if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-              if ("suspendedStart" === state) throw state = "completed", context.arg;
-              context.dispatchException(context.arg);
-            } else "return" === context.method && context.abrupt("return", context.arg);
-            state = "executing";
-            var record = tryCatch(innerFn, self, context);
-
-            if ("normal" === record.type) {
-              if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-              return {
-                value: record.arg,
-                done: context.done
-              };
-            }
-
-            "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-          }
-        };
-      }(innerFn, self, context), generator;
+    function wrap(t, e, r, n) {
+      var i = e && e.prototype instanceof Generator ? e : Generator,
+        a = Object.create(i.prototype),
+        c = new Context(n || []);
+      return o(a, "_invoke", {
+        value: makeInvokeMethod(t, r, c)
+      }), a;
     }
-
-    function tryCatch(fn, obj, arg) {
+    function tryCatch(t, e, r) {
       try {
         return {
           type: "normal",
-          arg: fn.call(obj, arg)
+          arg: t.call(e, r)
         };
-      } catch (err) {
+      } catch (t) {
         return {
           type: "throw",
-          arg: err
+          arg: t
         };
       }
     }
-
-    exports.wrap = wrap;
-    var ContinueSentinel = {};
-
+    e.wrap = wrap;
+    var h = "suspendedStart",
+      l = "suspendedYield",
+      f = "executing",
+      s = "completed",
+      y = {};
     function Generator() {}
-
     function GeneratorFunction() {}
-
     function GeneratorFunctionPrototype() {}
-
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
+    var p = {};
+    define(p, a, function () {
       return this;
     });
-    var getProto = Object.getPrototypeOf,
-        NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
+    var d = Object.getPrototypeOf,
+      v = d && d(d(values([])));
+    v && v !== r && n.call(v, a) && (p = v);
+    var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+    function defineIteratorMethods(t) {
+      ["next", "throw", "return"].forEach(function (e) {
+        define(t, e, function (t) {
+          return this._invoke(e, t);
         });
       });
     }
-
-    function AsyncIterator(generator, PromiseImpl) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-
-        if ("throw" !== record.type) {
-          var result = record.arg,
-              value = result.value;
-          return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-            invoke("next", value, resolve, reject);
-          }, function (err) {
-            invoke("throw", err, resolve, reject);
-          }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-            result.value = unwrapped, resolve(result);
-          }, function (error) {
-            return invoke("throw", error, resolve, reject);
+    function AsyncIterator(t, e) {
+      function invoke(r, o, i, a) {
+        var c = tryCatch(t[r], t, o);
+        if ("throw" !== c.type) {
+          var u = c.arg,
+            h = u.value;
+          return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+            invoke("next", t, i, a);
+          }, function (t) {
+            invoke("throw", t, i, a);
+          }) : e.resolve(h).then(function (t) {
+            u.value = t, i(u);
+          }, function (t) {
+            return invoke("throw", t, i, a);
           });
         }
-
-        reject(record.arg);
-      }
-
-      var previousPromise;
-
-      this._invoke = function (method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
+        a(c.arg);
+      }
+      var r;
+      o(this, "_invoke", {
+        value: function (t, n) {
+          function callInvokeWithMethodAndArg() {
+            return new e(function (e, r) {
+              invoke(t, n, e, r);
+            });
+          }
+          return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
         }
-
-        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      };
+      });
     }
-
-    function maybeInvokeDelegate(delegate, context) {
-      var method = delegate.iterator[context.method];
-
-      if (undefined === method) {
-        if (context.delegate = null, "throw" === context.method) {
-          if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-          context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
+    function makeInvokeMethod(e, r, n) {
+      var o = h;
+      return function (i, a) {
+        if (o === f) throw Error("Generator is already running");
+        if (o === s) {
+          if ("throw" === i) throw a;
+          return {
+            value: t,
+            done: !0
+          };
         }
-
-        return ContinueSentinel;
-      }
-
-      var record = tryCatch(method, delegate.iterator, context.arg);
-      if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-      var info = record.arg;
-      return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+        for (n.method = i, n.arg = a;;) {
+          var c = n.delegate;
+          if (c) {
+            var u = maybeInvokeDelegate(c, n);
+            if (u) {
+              if (u === y) continue;
+              return u;
+            }
+          }
+          if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+            if (o === h) throw o = s, n.arg;
+            n.dispatchException(n.arg);
+          } else "return" === n.method && n.abrupt("return", n.arg);
+          o = f;
+          var p = tryCatch(e, r, n);
+          if ("normal" === p.type) {
+            if (o = n.done ? s : l, p.arg === y) continue;
+            return {
+              value: p.arg,
+              done: n.done
+            };
+          }
+          "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+        }
+      };
     }
-
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
+    function maybeInvokeDelegate(e, r) {
+      var n = r.method,
+        o = e.iterator[n];
+      if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+      var i = tryCatch(o, e.iterator, r.arg);
+      if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+      var a = i.arg;
+      return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+    }
+    function pushTryEntry(t) {
+      var e = {
+        tryLoc: t[0]
       };
-      1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+      1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
     }
-
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal", delete record.arg, entry.completion = record;
+    function resetTryEntry(t) {
+      var e = t.completion || {};
+      e.type = "normal", delete e.arg, t.completion = e;
     }
-
-    function Context(tryLocsList) {
+    function Context(t) {
       this.tryEntries = [{
         tryLoc: "root"
-      }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-        if (iteratorMethod) return iteratorMethod.call(iterable);
-        if ("function" == typeof iterable.next) return iterable;
-
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-              next = function next() {
-            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-
-            return next.value = undefined, next.done = !0, next;
-          };
-
-          return next.next = next;
+      }], t.forEach(pushTryEntry, this), this.reset(!0);
+    }
+    function values(e) {
+      if (e || "" === e) {
+        var r = e[a];
+        if (r) return r.call(e);
+        if ("function" == typeof e.next) return e;
+        if (!isNaN(e.length)) {
+          var o = -1,
+            i = function next() {
+              for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+              return next.value = t, next.done = !0, next;
+            };
+          return i.next = i;
         }
       }
-
-      return {
-        next: doneResult
-      };
-    }
-
-    function doneResult() {
-      return {
-        value: undefined,
-        done: !0
-      };
-    }
-
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-      var ctor = "function" == typeof genFun && genFun.constructor;
-      return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports.mark = function (genFun) {
-      return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports.awrap = function (arg) {
+      throw new TypeError(typeof e + " is not iterable");
+    }
+    return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+      value: GeneratorFunctionPrototype,
+      configurable: !0
+    }), o(GeneratorFunctionPrototype, "constructor", {
+      value: GeneratorFunction,
+      configurable: !0
+    }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+      var e = "function" == typeof t && t.constructor;
+      return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+    }, e.mark = function (t) {
+      return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+    }, e.awrap = function (t) {
       return {
-        __await: arg
+        __await: t
       };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
       return this;
-    }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-      void 0 === PromiseImpl && (PromiseImpl = Promise);
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-      return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
+    }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+      void 0 === i && (i = Promise);
+      var a = new AsyncIterator(wrap(t, r, n, o), i);
+      return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+        return t.done ? t.value : a.next();
       });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
       return this;
-    }), define(Gp, "toString", function () {
+    }), define(g, "toString", function () {
       return "[object Generator]";
-    }), exports.keys = function (object) {
-      var keys = [];
-
-      for (var key in object) keys.push(key);
-
-      return keys.reverse(), function next() {
-        for (; keys.length;) {
-          var key = keys.pop();
-          if (key in object) return next.value = key, next.done = !1, next;
+    }), e.keys = function (t) {
+      var e = Object(t),
+        r = [];
+      for (var n in e) r.push(n);
+      return r.reverse(), function next() {
+        for (; r.length;) {
+          var t = r.pop();
+          if (t in e) return next.value = t, next.done = !1, next;
         }
-
         return next.done = !0, next;
       };
-    }, exports.values = values, Context.prototype = {
+    }, e.values = values, Context.prototype = {
       constructor: Context,
-      reset: function (skipTempReset) {
-        if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+      reset: function (e) {
+        if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
       },
       stop: function () {
         this.done = !0;
-        var rootRecord = this.tryEntries[0].completion;
-        if ("throw" === rootRecord.type) throw rootRecord.arg;
+        var t = this.tryEntries[0].completion;
+        if ("throw" === t.type) throw t.arg;
         return this.rval;
       },
-      dispatchException: function (exception) {
-        if (this.done) throw exception;
-        var context = this;
-
-        function handle(loc, caught) {
-          return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      dispatchException: function (e) {
+        if (this.done) throw e;
+        var r = this;
+        function handle(n, o) {
+          return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
         }
-
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i],
-              record = entry.completion;
-          if ("root" === entry.tryLoc) return handle("end");
-
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc"),
-                hasFinally = hasOwn.call(entry, "finallyLoc");
-
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+        for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+          var i = this.tryEntries[o],
+            a = i.completion;
+          if ("root" === i.tryLoc) return handle("end");
+          if (i.tryLoc <= this.prev) {
+            var c = n.call(i, "catchLoc"),
+              u = n.call(i, "finallyLoc");
+            if (c && u) {
+              if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+              if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+            } else if (c) {
+              if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
             } else {
-              if (!hasFinally) throw new Error("try statement without catch or finally");
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+              if (!u) throw Error("try statement without catch or finally");
+              if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
             }
           }
         }
       },
-      abrupt: function (type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
+      abrupt: function (t, e) {
+        for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+          var o = this.tryEntries[r];
+          if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+            var i = o;
             break;
           }
         }
-
-        finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-        var record = finallyEntry ? finallyEntry.completion : {};
-        return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+        i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+        var a = i ? i.completion : {};
+        return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
       },
-      complete: function (record, afterLoc) {
-        if ("throw" === record.type) throw record.arg;
-        return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+      complete: function (t, e) {
+        if ("throw" === t.type) throw t.arg;
+        return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
       },
-      finish: function (finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      finish: function (t) {
+        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+          var r = this.tryEntries[e];
+          if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
         }
       },
-      catch: function (tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-
-            if ("throw" === record.type) {
-              var thrown = record.arg;
-              resetTryEntry(entry);
+      catch: function (t) {
+        for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+          var r = this.tryEntries[e];
+          if (r.tryLoc === t) {
+            var n = r.completion;
+            if ("throw" === n.type) {
+              var o = n.arg;
+              resetTryEntry(r);
             }
-
-            return thrown;
+            return o;
           }
         }
-
-        throw new Error("illegal catch attempt");
+        throw Error("illegal catch attempt");
       },
-      delegateYield: function (iterable, resultName, nextLoc) {
+      delegateYield: function (e, r, n) {
         return this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-      }
-    }, exports;
-  }
-
-  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-      var info = gen[key](arg);
-      var value = info.value;
-    } catch (error) {
-      reject(error);
-      return;
-    }
-
-    if (info.done) {
-      resolve(value);
-    } else {
-      Promise.resolve(value).then(_next, _throw);
-    }
-  }
-
-  function _asyncToGenerator(fn) {
-    return function () {
-      var self = this,
-          args = arguments;
-      return new Promise(function (resolve, reject) {
-        var gen = fn.apply(self, args);
-
-        function _next(value) {
-          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-        }
-
-        function _throw(err) {
-          asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-        }
-
-        _next(undefined);
-      });
-    };
-  }
-
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-
-  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(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-
-  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() {
-    _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];
-          }
-        }
+          iterator: values(e),
+          resultName: r,
+          nextLoc: n
+        }, "next" === this.method && (this.arg = t), y;
       }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    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);
+    }, e;
   }
-
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
+  function _setPrototypeOf(t, e) {
+    return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf(t, e);
   }
-
-  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 _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
   }
-
-  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 target;
-  }
-
-  function _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
-  }
-
-  function _possibleConstructorReturn(self, call) {
-    if (call && (typeof call === "object" || typeof call === "function")) {
-      return call;
-    } else if (call !== void 0) {
-      throw new TypeError("Derived constructors may only return object or undefined");
-    }
-
-    return _assertThisInitialized(self);
-  }
-
-  function _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 Object.freeze(Object.defineProperties(strings, {
+  function _taggedTemplateLiteral(e, t) {
+    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
       raw: {
-        value: Object.freeze(raw)
+        value: Object.freeze(t)
       }
     }));
   }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
   }
-
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  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 _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  function _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : i + "";
   }
-
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
+  function _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;
     }
-
-    return _arr;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _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 _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var interpretErrorMessage = function interpretErrorMessage(error) {
@@ -697,50 +549,39 @@
   var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
     data: null
   });
+
   /**
    * A flavour of PageReady with Luxity customisations
    * 1. the onIsLoading callback is useful to parent components that have more complex data interactions
    * 2. an error message interpreter is supplied from the local helper library
    */
-
   var LuxityPageReady = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityPageReady, _React$Component);
-
-    var _super = _createSuper(LuxityPageReady);
-
     function LuxityPageReady() {
       var _this;
-
       _classCallCheck(this, LuxityPageReady);
-
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "state", {
+      _this = _callSuper(this, LuxityPageReady, [].concat(args));
+      _defineProperty(_this, "state", {
         data: null
       });
-
-      _defineProperty(_assertThisInitialized(_this), "refreshPage", function () {
+      _defineProperty(_this, "refreshPage", function () {
         return _this.pageReadyInstance.initRequest();
       });
-
       return _this;
     }
-
-    _createClass(LuxityPageReady, [{
+    _inherits(LuxityPageReady, _React$Component);
+    return _createClass(LuxityPageReady, [{
       key: "render",
       value: function render() {
         var _this2 = this;
-
         var _this$props = this.props,
-            customErrorMessage = _this$props.customErrorMessage,
-            customErrorHandler = _this$props.customErrorHandler,
-            getRequestPromise = _this$props.getRequestPromise,
-            _onData = _this$props.onData,
-            children = _this$props.children;
+          customErrorMessage = _this$props.customErrorMessage,
+          customErrorHandler = _this$props.customErrorHandler,
+          getRequestPromise = _this$props.getRequestPromise,
+          _onData = _this$props.onData,
+          children = _this$props.children;
         var data = this.state.data;
         return /*#__PURE__*/React__default.createElement(PageReady, {
           ref: function ref(inst) {
@@ -750,19 +591,15 @@
             _this2.setState({
               data: res.data
             });
-
             _onData(res);
           },
           getRequestInstance: function getRequestInstance() {
             _this2.props.onIsLoading(true);
-
             return getRequestPromise().then(function (out) {
               _this2.props.onIsLoading(false);
-
               return out;
             }).catch(function (oops) {
               _this2.props.onIsLoading(false);
-
               return oops;
             });
           },
@@ -779,10 +616,7 @@
         }, children));
       }
     }]);
-
-    return LuxityPageReady;
   }(React__default.Component);
-
   LuxityPageReady.defaultProps = {
     onIsLoading: function onIsLoading() {
       return null;
@@ -898,7 +732,6 @@
   var inputMarginRight = '0.2em';
   var CheckboxLabel = styled__default.label(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  span {\n    :before {\n      content: '\\2713';\n      position: absolute;\n      display: none;\n      color: white;\n      left: 0.4em;\n      top: 0.1em;\n      font-size: ", ";\n      text-align: center;\n    }\n  }\n\n  input {\n    font-size: ", ";\n    background-color: ", ";\n    appearance: none;\n    outline: none;\n    height: 1em;\n    width: 1em;\n    margin-right: ", ";\n    border: 1px solid ", ";\n    border-radius: ", ";\n    transition-duration: 0.3s;\n    cursor: pointer;\n\n    &:checked {\n      background-color: ", ";\n    }\n\n    &:checked + span:before {\n      display: block;\n    }\n  }\n"], ["\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  span {\n    :before {\n      content: '\\\\2713';\n      position: absolute;\n      display: none;\n      color: white;\n      left: 0.4em;\n      top: 0.1em;\n      font-size: ", ";\n      text-align: center;\n    }\n  }\n\n  input {\n    font-size: ", ";\n    background-color: ", ";\n    appearance: none;\n    outline: none;\n    height: 1em;\n    width: 1em;\n    margin-right: ", ";\n    border: 1px solid ", ";\n    border-radius: ", ";\n    transition-duration: 0.3s;\n    cursor: pointer;\n\n    &:checked {\n      background-color: ", ";\n    }\n\n    &:checked + span:before {\n      display: block;\n    }\n  }\n"])), function (props) {
     var _props$theme;
-
     return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
   }, function (props) {
     return props.theme.fontSizes[4];
@@ -917,8 +750,7 @@
     }
   });
 
-  /** @format */
-
+  // Register a locale for South African currency confiuguration
   numeral.register('locale', 'en-ZA', {
     delimiters: {
       thousands: ',',
@@ -939,12 +771,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);
@@ -952,6 +784,7 @@
   }
 
   /** @format */
+
   var request = {
     fetching: false,
     failed: false,
@@ -1058,48 +891,35 @@
 
   var _templateObject$9, _templateObject2, _templateObject3, _templateObject4;
   var MALE = genders.MALE,
-      FEMALE = genders.FEMALE,
-      UNISEX = genders.UNISEX;
-
+    FEMALE = genders.FEMALE,
+    UNISEX = genders.UNISEX;
   var TrashIcon = function TrashIcon(_ref) {
     var onClick = _ref.onClick,
-        id = _ref.id;
+      id = _ref.id;
     return /*#__PURE__*/React__default.createElement(IconWrapper, {
       onClick: onClick,
       id: id
     }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Trash, null)));
   };
-
   var InterestItem = /*#__PURE__*/function (_React$Component) {
-    _inherits(InterestItem, _React$Component);
-
-    var _super = _createSuper(InterestItem);
-
     function InterestItem(props) {
       var _this;
-
-      _classCallCheck(this, InterestItem);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "deleteInterestItem", function () {
+      _classCallCheck(this, InterestItem);
+      _this = _callSuper(this, InterestItem, [props]);
+      _defineProperty(_this, "deleteInterestItem", function () {
         var id = _this.props.data.id;
-
         _this.setState({
           delete: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         var url = _this.props.deleteInterestApi(id);
-
         simpleRequest(_this.props.requestInstance, url, method.DELETE, null, function () {
           _this.setState({
             delete: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
-
           _this.props.onDeleted(_this.props.data);
         }, function () {
           return _this.setState({
@@ -1107,32 +927,25 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getGender", function (gender) {
+      _defineProperty(_this, "getGender", function (gender) {
         switch (gender) {
           case MALE:
             return 'Male';
-
           case FEMALE:
             return 'Female';
-
           case UNISEX:
           default:
             return 'Unisex';
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getCategory", function (category) {
+      _defineProperty(_this, "getCategory", function (category) {
         if (category === interestCategories.APPAREL) {
           return 'CLOTHING';
         }
-
         return category;
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _data$min_shoe_size, _data$max_shoe_size;
-
         var data = _this.props.data;
         var success = _this.state.delete.success;
         return /*#__PURE__*/React__default.createElement(InterestItemContainer, {
@@ -1182,16 +995,14 @@
           }
         }));
       });
-
       _this.state = {
         delete: _objectSpread2({}, request)
       };
       return _this;
     }
-
+    _inherits(InterestItem, _React$Component);
     return _createClass(InterestItem);
   }(React__default.Component);
-
   var SheoSizeContentDiv = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  @media (max-width: ", ") {\n    display: none;\n  }\n"])), media.xs);
   var InterestItemTitle = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  display: none;\n\n  @media (max-width: ", ") {\n    display: inline;\n  }\n"])), media.xs);
   var InterestItemContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n\n  .no-shoe-size-section {\n    @media (max-width: ", ") {\n      display: none;\n    }\n  }\n"])), media.xs);
@@ -1207,11 +1018,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);
   });
@@ -1258,16 +1069,14 @@
    */
   var RadioButtons = function RadioButtons(_ref) {
     var options = _ref.options,
-        name = _ref.name,
-        noWrap = _ref.noWrap,
-        title = _ref.title,
-        errors = _ref.errors;
-
+      name = _ref.name,
+      noWrap = _ref.noWrap,
+      title = _ref.title,
+      errors = _ref.errors;
     var _useState = React.useState(errors[name]),
-        _useState2 = _slicedToArray(_useState, 2),
-        errMsg = _useState2[0],
-        setErrMsg = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      errMsg = _useState2[0],
+      setErrMsg = _useState2[1];
     React.useEffect(function () {
       setErrMsg(errors[name]);
     }, [errors, name]);
@@ -1275,15 +1084,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)
@@ -1300,7 +1109,6 @@
       }), /*#__PURE__*/React__default.createElement(RadioButtonCircle, null, /*#__PURE__*/React__default.createElement(RadioButtonCircleInner, null)), /*#__PURE__*/React__default.createElement(RadioButtonText, null, innerText));
     }))), errMsg && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errMsg));
   };
-
   RadioButtons.defaultProps = {
     noWrap: false,
     title: '',
@@ -1309,8 +1117,8 @@
   var RadioButtons$1 = themed(RadioButtons);
 
   var _templateObject$i, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5;
-  /* position relative is required for the Body element to be positioned correctly */
 
+  /* position relative is required for the Body element to be positioned correctly */
   var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n  position: relative;\n"])));
   var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
   var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
@@ -1324,40 +1132,31 @@
   };
 
   var _templateObject$j;
-
   var getBodyStyle = function getBodyStyle() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _props$toolTipPositio = props.toolTipPosition,
-        toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
-
+      toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
     switch (toolTipPosition) {
       case 'top':
         return topMiddleBodyStyle;
-
       case 'bottom':
         return getBottomMiddleBodyStyle(props);
-
       default:
         return null;
     }
   };
-
   var getAfterStyling = function getAfterStyling() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var toolTipPosition = props.toolTipPosition;
-
     switch (toolTipPosition) {
       case 'top':
         return getTopMiddleArrowAfterStyle(props);
-
       case 'bottom':
         return getBottomMiddleArrowAfterStyle(props);
-
       default:
         return '';
     }
   };
-
   var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
     return props.bodyWidth;
   }, function (props) {
@@ -1376,25 +1175,20 @@
   var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  padding: 1rem 2rem;\n  cursor: pointer;\n  letter-spacing: 1.3px;\n  border-style: none;\n  text-transform: uppercase;\n  font-size: 12px;\n  color: #fff;\n  transition: 0.2s ease-in-out;\n  outline: none;\n"])));
 
   var _excluded = ["children"];
-
   var _templateObject$m;
   var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  ", ";\n  background-color: #fff;\n  color: ", ";\n  border: 1px solid ", ";\n\n  &:disabled {\n    ", "\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.primary;
   }, function (props) {
     return props.theme.colors.primary;
   }, disabledButtonStyle);
-
   var PrimaryButton = function PrimaryButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded);
-
+      restProps = _objectWithoutProperties(_ref, _excluded);
     return /*#__PURE__*/React__default.createElement(Button, restProps, children);
   };
-
   var PrimaryButton$1 = themed(PrimaryButton);
 
   var _excluded$1 = ["children"];
-
   var _templateObject$n;
   var Button$1 = styled__default.button(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n  ", ";\n  background-color: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled {\n    ", "\n    &:hover {\n      background-color: ", ";\n    }\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.ntrlMin;
@@ -1409,18 +1203,14 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
-
   var SecondaryButton = function SecondaryButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$1);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$1);
     return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
   };
-
   var SecondaryButton$1 = themed(SecondaryButton);
 
   var _excluded$2 = ["children"];
-
   var _templateObject$o;
   var Button$2 = styled__default.button(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n  ", ";\n  background-color: transparent;\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  &:disabled {\n    ", ";\n    color: ", ";\n  }\n"])), baseButtonStyle, function (props) {
     return props.theme.colors.base;
@@ -1429,21 +1219,17 @@
   }, disabledButtonStyle, function (props) {
     return props.theme.colors.base;
   });
-
   var TextButton = function TextButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$2);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$2);
     return /*#__PURE__*/React__default.createElement(Button$2, restProps, children);
   };
-
   TextButton.defaultProps = {
     type: 'button'
   };
   var TextButton$1 = themed(TextButton);
 
   var _excluded$3 = ["children"];
-
   var _templateObject$p;
   var Button$3 = styled__default(TextButton$1)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: ", ";\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
     return props.theme.colors.ntrlMin;
@@ -1458,25 +1244,19 @@
   }, function (props) {
     return props.theme.colors.primary;
   });
-
   var InvertedTextButton = function InvertedTextButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$3);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$3);
     return /*#__PURE__*/React__default.createElement(Button$3, restProps, children);
   };
-
   var InvertedTextButton$1 = themed(InvertedTextButton);
 
   var _excluded$4 = ["children"];
-
   var _templateObject$q;
   var Button$4 = styled__default.button(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n  outline: none;\n  cursor: pointer;\n  background-color: transparent;\n  border: none;\n  &:disabled {\n    ", ";\n  }\n"])), disabledButtonStyle);
-
   var WrapperButton = function WrapperButton(_ref) {
     var children = _ref.children,
-        restProps = _objectWithoutProperties(_ref, _excluded$4);
-
+      restProps = _objectWithoutProperties(_ref, _excluded$4);
     return /*#__PURE__*/React__default.createElement(Button$4, restProps, children);
   };
 
@@ -1485,31 +1265,28 @@
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     return value.replace(/\D/g, '');
   };
+
   /**
    * Currency Input which formats the value to a specific format
    */
-
   var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
     var value = _ref.value,
-        onChange = _ref.onChange,
-        prefix = _ref.prefix,
-        allowNegativeValue = _ref.allowNegativeValue,
-        groupSeparator = _ref.groupSeparator,
-        decimalSeparator = _ref.decimalSeparator,
-        rest = _objectWithoutProperties(_ref, _excluded$5);
-
+      onChange = _ref.onChange,
+      prefix = _ref.prefix,
+      allowNegativeValue = _ref.allowNegativeValue,
+      groupSeparator = _ref.groupSeparator,
+      decimalSeparator = _ref.decimalSeparator,
+      rest = _objectWithoutProperties(_ref, _excluded$5);
     var handleValueChange = function handleValueChange(event) {
       var inputValue = event.target.value;
       var unmaskedValue = unMask(inputValue);
       onChange(unmaskedValue);
     };
-
     var formatCurrency = function formatCurrency(originalValue) {
       var numericValue = Number(originalValue);
       var formattedValue = numericValue.toLocaleString('en-US');
       return prefix + formattedValue;
     };
-
     var formattedValue = formatCurrency(value);
     return /*#__PURE__*/React__default.createElement("input", _extends({}, rest, {
       type: "text",
@@ -1517,7 +1294,6 @@
       onChange: handleValueChange
     }));
   };
-
   CurrencyInputFormatter.defaultProps = {
     value: '',
     prefix: 'R',
@@ -8095,7 +7871,6 @@
   var ReactSelectWrapper = function ReactSelectWrapper(props) {
     return /*#__PURE__*/React__default.createElement(index$1, props);
   };
-
   ReactSelectWrapper.defaultProps = {
     isMulti: false,
     isSearchable: false,
@@ -8123,23 +7898,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];
@@ -8291,43 +8066,35 @@
 
   var _templateObject$u, _templateObject2$3;
   var categories = catArray;
-
   var getSvg = function getSvg() {
     var category = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
     switch (category) {
       case interestCategories.BAGS:
         return /*#__PURE__*/React__default.createElement(Bags, null);
-
       case interestCategories.SHOES:
         return /*#__PURE__*/React__default.createElement(Shoes, null);
-
       case interestCategories.APPAREL:
         return /*#__PURE__*/React__default.createElement(Clothing, null);
-
       case interestCategories.ACCESSORIES:
         return /*#__PURE__*/React__default.createElement(Accessories, null);
-
       case interestCategories.WATCHES:
         return /*#__PURE__*/React__default.createElement(Watches, null);
-
       default:
         return null;
     }
   };
-
   var Container$1 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[5];
   });
   var CategoryTitle = styled__default.h1(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  font-size: 14px;\n  text-transform: uppercase;\n"])));
+
   /**
    * InterestCatSelector is a specialized selector for select luxity specific interest categories
    */
-
   var InterestCatSelector = function InterestCatSelector(_ref) {
     var onCategoryChange = _ref.onCategoryChange,
-        errorMessage = _ref.errorMessage,
-        category = _ref.category;
+      errorMessage = _ref.errorMessage,
+      category = _ref.category;
     return /*#__PURE__*/React__default.createElement(Container$1, null, /*#__PURE__*/React__default.createElement(Body$2, null, categories.map(function (cat, index) {
       return /*#__PURE__*/React__default.createElement(WrapperButton, {
         key: "cat-".concat(index),
@@ -8342,7 +8109,6 @@
       }, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
     })), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage$1, null, errorMessage));
   };
-
   InterestCatSelector.defaultProps = {
     errorMessage: '',
     category: null,
@@ -8353,117 +8119,82 @@
   var CategoryInterestSelector = themed(InterestCatSelector);
 
   function _extends$2() {
-    _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends$2 = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-
-      return target;
-    };
-    return _extends$2.apply(this, arguments);
+      return n;
+    }, _extends$2.apply(null, arguments);
   }
 
-  function _assertThisInitialized$2(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-
-    return self;
+  function _assertThisInitialized$2(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
   }
 
-  function _setPrototypeOf$2(o, p) {
-    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    };
-    return _setPrototypeOf$2(o, p);
+  function _setPrototypeOf$2(t, e) {
+    return _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+      return t.__proto__ = e, t;
+    }, _setPrototypeOf$2(t, e);
   }
 
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf$2(subClass, superClass);
+  function _inheritsLoose(t, o) {
+    t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$2(t, o);
   }
 
-  function _getPrototypeOf$2(o) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-      return o.__proto__ || Object.getPrototypeOf(o);
-    };
-    return _getPrototypeOf$2(o);
+  function _getPrototypeOf$2(t) {
+    return _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+      return t.__proto__ || Object.getPrototypeOf(t);
+    }, _getPrototypeOf$2(t);
   }
 
-  function _isNativeFunction(fn) {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  function _isNativeFunction(t) {
+    try {
+      return -1 !== Function.toString.call(t).indexOf("[native code]");
+    } catch (n) {
+      return "function" == typeof t;
+    }
   }
 
   function _isNativeReflectConstruct$1() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-
     try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() {
+      return !!t;
+    })();
   }
 
-  function _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct$1()) {
-      _construct = Reflect.construct.bind();
-    } else {
-      _construct = function _construct(Parent, args, Class) {
-        var a = [null];
-        a.push.apply(a, args);
-        var Constructor = Function.bind.apply(Parent, a);
-        var instance = new Constructor();
-        if (Class) _setPrototypeOf$2(instance, Class.prototype);
-        return instance;
-      };
-    }
-
-    return _construct.apply(null, arguments);
+  function _construct(t, e, r) {
+    if (_isNativeReflectConstruct$1()) return Reflect.construct.apply(null, arguments);
+    var o = [null];
+    o.push.apply(o, e);
+    var p = new (t.bind.apply(t, o))();
+    return r && _setPrototypeOf$2(p, r.prototype), p;
   }
 
-  function _wrapNativeSuper(Class) {
-    var _cache = typeof Map === "function" ? new Map() : undefined;
-
-    _wrapNativeSuper = function _wrapNativeSuper(Class) {
-      if (Class === null || !_isNativeFunction(Class)) return Class;
-
-      if (typeof Class !== "function") {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class)) return _cache.get(Class);
-
-        _cache.set(Class, Wrapper);
+  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 Wrapper() {
-        return _construct(Class, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct(t, arguments, _getPrototypeOf$2(this).constructor);
       }
-
-      Wrapper.prototype = Object.create(Class.prototype, {
+      return Wrapper.prototype = Object.create(t.prototype, {
         constructor: {
           value: Wrapper,
-          enumerable: false,
-          writable: true,
-          configurable: true
+          enumerable: !1,
+          writable: !0,
+          configurable: !0
         }
-      });
-      return _setPrototypeOf$2(Wrapper, Class);
-    };
-
-    return _wrapNativeSuper(Class);
+      }), _setPrototypeOf$2(Wrapper, t);
+    }, _wrapNativeSuper(t);
   }
 
   // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
@@ -9132,10 +8863,9 @@
   }, function (props) {
     return getSliderMarkStyle(props);
   });
-
   var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
     var showMarks = _ref.showMarks,
-        primary = _ref.theme.colors.primary;
+      primary = _ref.theme.colors.primary;
     var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n        .rc-slider-mark-text,\n        .rc-slider-dot {\n          visibility: hidden;\n        }\n      "])));
     return styled.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n    .rc-slider-mark-text {\n      color: ", ";\n    }\n\n    .rc-slider-dot {\n      border-color: ", ";\n      background-color: white;\n    }\n    ", "\n  "])), primary, primary, visiblityStyle);
   };
@@ -9147,28 +8877,24 @@
   var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-end;\n"])));
 
   var _excluded$6 = ["dragging", "value", "offset", "index"],
-      _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
-
+    _excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
   var _templateObject$z;
   var debounceBuilder = functions.debounced(100);
   var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[3];
   });
-
   var renderCustomHandle = function renderCustomHandle() {
     var marks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var toolTipComponent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     var handleProps = arguments.length > 2 ? arguments[2] : undefined;
-
     var dragging = handleProps.dragging,
-        value = handleProps.value,
-        offset = handleProps.offset,
-        index = handleProps.index,
-        restHandleProps = _objectWithoutProperties(handleProps, _excluded$6);
-
+      value = handleProps.value,
+      offset = handleProps.offset,
+      index = handleProps.index,
+      restHandleProps = _objectWithoutProperties(handleProps, _excluded$6);
     var getToolTipProps = function getToolTipProps() {
-      var newProps = {}; // Ensures that Tooltip component does not get ref prop
-
+      var newProps = {};
+      // Ensures that Tooltip component does not get ref prop
       Object.keys(handleProps).forEach(function (propName) {
         if (propName !== 'ref') {
           newProps[propName] = handleProps[propName];
@@ -9176,7 +8902,6 @@
       });
       return newProps;
     };
-
     var Tooltip = toolTipComponent;
     return /*#__PURE__*/React__default.createElement(React.Fragment, {
       key: index
@@ -9193,55 +8918,47 @@
       marks: marks
     }, getToolTipProps()))));
   };
-  /** slider ui component for react */
-
 
+  /** slider ui component for react */
   var RangeSlider = function RangeSlider(_ref) {
     var renderTitleSection = _ref.renderTitleSection,
-        marks = _ref.marks,
-        defaultMinValue = _ref.defaultMinValue,
-        defaultMaxValue = _ref.defaultMaxValue,
-        min = _ref.min,
-        max = _ref.max,
-        toolTipComponent = _ref.toolTipComponent,
-        renderFooterSection = _ref.renderFooterSection,
-        onChange = _ref.onChange,
-        childRenderer = _ref.children,
-        identifier = _ref.identifier,
-        showMarks = _ref.showMarks,
-        restProps = _objectWithoutProperties(_ref, _excluded2);
-
+      marks = _ref.marks,
+      defaultMinValue = _ref.defaultMinValue,
+      defaultMaxValue = _ref.defaultMaxValue,
+      min = _ref.min,
+      max = _ref.max,
+      toolTipComponent = _ref.toolTipComponent,
+      renderFooterSection = _ref.renderFooterSection,
+      onChange = _ref.onChange,
+      childRenderer = _ref.children,
+      identifier = _ref.identifier,
+      showMarks = _ref.showMarks,
+      restProps = _objectWithoutProperties(_ref, _excluded2);
     var _useState = React.useState(defaultMinValue),
-        _useState2 = _slicedToArray(_useState, 2),
-        currMinVal = _useState2[0],
-        setMinVal = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      currMinVal = _useState2[0],
+      setMinVal = _useState2[1];
     var _useState3 = React.useState(defaultMaxValue),
-        _useState4 = _slicedToArray(_useState3, 2),
-        currMaxVal = _useState4[0],
-        setMaxVal = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      currMaxVal = _useState4[0],
+      setMaxVal = _useState4[1];
     /*
      *Description variable stores the time that the component renders
      * the state is used to enforce reenders for the component since the date now
      * is always changing
      * */
-
-
     var _useState5 = React.useState(0),
-        _useState6 = _slicedToArray(_useState5, 2),
-        seed = _useState6[0],
-        setSeed = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      seed = _useState6[0],
+      setSeed = _useState6[1];
     var manuallyChangeMinValue = function manuallyChangeMinValue(val) {
       setMinVal(val);
       setSeed(Date.now());
     };
-
     var manuallyChangeMaxValue = function manuallyChangeMaxValue(val) {
       setMaxVal(val);
       setSeed(Date.now());
     };
-
     var prevMinVal = functions.usePrevious(currMinVal);
     var prevMaxVal = functions.usePrevious(currMaxVal);
     React.useEffect(function () {
@@ -9277,9 +8994,8 @@
       defaultValue: [defaultMinValue, defaultMaxValue],
       onChange: function onChange(_ref2) {
         var _ref3 = _slicedToArray(_ref2, 2),
-            nextMin = _ref3[0],
-            nextMax = _ref3[1];
-
+          nextMin = _ref3[0],
+          nextMax = _ref3[1];
         setMinVal(nextMin);
         setMaxVal(nextMax);
       },
@@ -9292,7 +9008,6 @@
       allowCross: false
     }, restProps)), /*#__PURE__*/React__default.createElement(Footer, null, renderFooterSection(actionsObj)));
   };
-
   RangeSlider.defaultProps = {
     renderTitleSection: function renderTitleSection() {
       return false;
@@ -9323,11 +9038,10 @@
   }, function (props) {
     return props.theme.marginPaddings[3];
   });
-
   var InterestsSubheading = function InterestsSubheading(_ref) {
     var title = _ref.title,
-        children = _ref.children,
-        className = _ref.className;
+      children = _ref.children,
+      className = _ref.className;
     return /*#__PURE__*/React__default.createElement(InterestsSubheadingContainer, {
       className: className
     }, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
@@ -9339,31 +9053,23 @@
   });
 
   var debounceBuilder$1 = functions.debounced(50);
-
   var getMaxPrice = function getMaxPrice() {
     var interestCategory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
     switch (interestCategory) {
       case interestCategories.ACCESSORIES:
         return interestCategoryMaxPrices.ACCESSORIES;
-
       case interestCategories.BAGS:
         return interestCategoryMaxPrices.BAGS;
-
       case interestCategories.SHOES:
         return interestCategoryMaxPrices.SHOES;
-
       case interestCategories.WATCHES:
         return interestCategoryMaxPrices.WATCHES;
-
       case interestCategories.APPAREL:
         return interestCategoryMaxPrices.APPAREL;
-
       default:
         return 0;
     }
   };
-
   var getFooterButtons = function getFooterButtons(actionObj) {
     var giveFullRange = actionObj.giveFullRange;
     return /*#__PURE__*/React__default.createElement(SecondaryButton$1, {
@@ -9371,24 +9077,21 @@
       onClick: giveFullRange
     }, "Full Price Range");
   };
+
   /** UI Slider with minimum and max input fields give the ability to
    * select a price range */
-
-
   var PriceRangeSelector = function PriceRangeSelector(_ref) {
     var onChange = _ref.onChange,
-        category = _ref.category;
+      category = _ref.category;
     var maxPrice = getMaxPrice(category);
-
     var handleSlideChange = function handleSlideChange(value) {
       var min_price = value.min,
-          max_price = value.max;
+        max_price = value.max;
       onChange({
         min_price: min_price,
         max_price: max_price
       });
     };
-
     var handleMinCurrencyChange = function handleMinCurrencyChange(targetValue, currMaxVal, manuallyChangeMinValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -9401,7 +9104,6 @@
         });
       });
     };
-
     var handleMaxCurrencyChange = function handleMaxCurrencyChange(targetValue, currMinVal, manuallyChangeMaxValue) {
       var value = parseInt(unMask(targetValue), 10);
       value = Number.isNaN(value) ? 0 : value;
@@ -9414,7 +9116,6 @@
         });
       });
     };
-
     return /*#__PURE__*/React__default.createElement("div", {
       className: "price-ranges"
     }, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
@@ -9433,9 +9134,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,
@@ -9451,7 +9152,6 @@
       }));
     }));
   };
-
   PriceRangeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -9472,7 +9172,6 @@
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     return shoe_sizes.length - 1;
   };
-
   var formatResultsForRangeSlider = function formatResultsForRangeSlider() {
     var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     var newDataShape = {};
@@ -9482,28 +9181,24 @@
     });
     return newDataShape;
   };
-
   var ToolTipComponent = function ToolTipComponent(props) {
     var marks = props.marks,
-        value = props.value;
+      value = props.value;
     return /*#__PURE__*/React__default.createElement("div", null, marks[value]);
   };
-  /** slider ui component for shoe size selection interests */
-
 
+  /** slider ui component for shoe size selection interests */
   var ShoeSizeSelector = function ShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-        shoeSizes = _ref2.shoeSizes;
-
+      shoeSizes = _ref2.shoeSizes;
     var handleShoeSizeChange = function handleShoeSizeChange(value) {
       var min_shoe_key = value.min,
-          max_shoe_key = value.max;
+        max_shoe_key = value.max;
       onChange({
         min_shoe_size_id: shoeSizes[min_shoe_key].id,
         max_shoe_size_id: shoeSizes[max_shoe_key].id
       });
     };
-
     var getFooterButtons = function getFooterButtons(actionObj) {
       var giveFullRange = actionObj.giveFullRange;
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(InvertedTextButton$1, {
@@ -9512,7 +9207,6 @@
         onClick: giveFullRange
       }, "Full Shoe Size Range"));
     };
-
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RangeSlider$1, {
       identifier: "shoe-size-range-slider",
       marks: formatResultsForRangeSlider(shoeSizes),
@@ -9525,7 +9219,6 @@
       onChange: handleShoeSizeChange
     }));
   };
-
   ShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -9534,23 +9227,17 @@
   };
 
   var SimpleErrorBoundary = /*#__PURE__*/function (_React$Component) {
-    _inherits(SimpleErrorBoundary, _React$Component);
-
-    var _super = _createSuper(SimpleErrorBoundary);
-
     function SimpleErrorBoundary(props) {
       var _this;
-
       _classCallCheck(this, SimpleErrorBoundary);
-
-      _this = _super.call(this, props);
+      _this = _callSuper(this, SimpleErrorBoundary, [props]);
       _this.state = {
         hasError: false
       };
       return _this;
     }
-
-    _createClass(SimpleErrorBoundary, [{
+    _inherits(SimpleErrorBoundary, _React$Component);
+    return _createClass(SimpleErrorBoundary, [{
       key: "componentDidCatch",
       value: function componentDidCatch(error, errorInfo) {
         // You can also log the error to an error reporting service
@@ -9563,7 +9250,6 @@
           // You can render any custom fallback UI
           return this.props.showMessageOnError ? /*#__PURE__*/React__default.createElement("h1", null, this.props.errorMessage) : null;
         }
-
         return this.props.children;
       }
     }], [{
@@ -9575,10 +9261,7 @@
         };
       }
     }]);
-
-    return SimpleErrorBoundary;
   }(React__default.Component);
-
   SimpleErrorBoundary.defaultProps = {
     errorMessage: 'Something went wrong',
     errorLogger: null,
@@ -9589,21 +9272,19 @@
   var StyledHeader = styled__default.h5(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n\n  @media (max-width: ", ") {\n    display: block;\n  }\n\n  .icon-header__left {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    @media (max-width: ", ") {\n      align-self: flex-start;\n    }\n\n    svg {\n      height: 1.5em;\n      width: 1.5em;\n      margin-right: ", ";\n    }\n  }\n\n  .icon-header__right {\n    display: flex;\n    flex-grow: 1;\n    justify-content: flex-end;\n\n    @media (max-width: ", ") {\n      justify-content: flex-start;\n    }\n  }\n"])), media.sm, media.sm, function (props) {
     return props.theme.marginPaddings[1];
   }, media.sm);
-
   /**
    * 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() {
@@ -9657,37 +9338,25 @@
   /**
    * It represents the React Component that contains the notifications.
    * */
-
   var LuxityNotifications = function LuxityNotifications(props) {
     return /*#__PURE__*/React__default.createElement(Notifications__default, props);
   };
 
   var NotificationDropDown = /*#__PURE__*/function (_React$Component) {
-    _inherits(NotificationDropDown, _React$Component);
-
-    var _super = _createSuper(NotificationDropDown);
-
     function NotificationDropDown(props) {
       var _this;
-
       _classCallCheck(this, NotificationDropDown);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "postUpdate", function (selectedOption, type) {
+      _this = _callSuper(this, NotificationDropDown, [props]);
+      _defineProperty(_this, "postUpdate", function (selectedOption, type) {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         _this.props.setSchedule(selectedOption.value, type).then(function () {
-          var _this$setState;
-
-          _this.setState((_this$setState = {}, _defineProperty(_this$setState, type === 'EMAIL' ? 'emailSelectedOption' : 'whatsappSelectedOption', selectedOption), _defineProperty(_this$setState, "request", _objectSpread2(_objectSpread2({}, request), {}, {
+          _this.setState(_defineProperty(_defineProperty({}, type === 'EMAIL' ? 'emailSelectedOption' : 'whatsappSelectedOption', selectedOption), "request", _objectSpread2(_objectSpread2({}, request), {}, {
             success: true
-          })), _this$setState));
-
+          })));
           success("".concat(type === 'EMAIL' ? 'Email' : 'WhatsApp', " Notification Frequency Updated"));
         }).catch(function () {
           _this.setState({
@@ -9695,12 +9364,10 @@
               failed: true
             })
           });
-
           error('Error Occurred');
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "getOptionsFromEnumResult", function (enumResult) {
+      _defineProperty(_this, "getOptionsFromEnumResult", function (enumResult) {
         var enumValues = enumResult.data.__type.enumValues;
         return enumValues.map(function (enumItem) {
           return {
@@ -9709,20 +9376,17 @@
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onData", function (_ref) {
+      _defineProperty(_this, "onData", function (_ref) {
         var data = _ref.data;
-
         var options = _this.getOptionsFromEnumResult(data);
-
         var _data$data$user = data.data.user,
-            email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
-            whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule,
-            vip = _data$data$user.vip;
-
+          email_interest_send_schedule = _data$data$user.email_interest_send_schedule,
+          whatsapp_interest_send_schedule = _data$data$user.whatsapp_interest_send_schedule,
+          is_early_access = _data$data$user.is_early_access,
+          is_exclusive = _data$data$user.is_exclusive;
         _this.setState({
           options: options,
-          isVip: vip,
+          canReceiveWhatsAppNotifications: is_early_access || is_exclusive,
           emailSelectedOption: options.find(function (item) {
             return item.value === email_interest_send_schedule;
           }),
@@ -9731,14 +9395,13 @@
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state = _this.state,
-            options = _this$state.options,
-            emailSelectedOption = _this$state.emailSelectedOption,
-            whatsappSelectedOption = _this$state.whatsappSelectedOption,
-            isVip = _this$state.isVip,
-            updating = _this$state.request.fetching;
+          options = _this$state.options,
+          emailSelectedOption = _this$state.emailSelectedOption,
+          whatsappSelectedOption = _this$state.whatsappSelectedOption,
+          canReceiveWhatsAppNotifications = _this$state.canReceiveWhatsAppNotifications,
+          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) {
@@ -9746,7 +9409,7 @@
           }
         }, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-settings"
-        }, isVip && /*#__PURE__*/React__default.createElement("div", {
+        }, canReceiveWhatsAppNotifications && /*#__PURE__*/React__default.createElement("div", {
           className: "notification-row-wrapper"
         }, /*#__PURE__*/React__default.createElement("div", {
           className: "notification-dropdown-label"
@@ -9786,20 +9449,18 @@
           value: emailSelectedOption
         }))))));
       });
-
       _this.state = {
         options: [],
         emailSelectedOption: null,
         whatsappSelectedOption: null,
-        isVip: false,
+        canReceiveWhatsAppNotifications: false,
         request: _objectSpread2({}, request)
       };
       return _this;
     }
-
+    _inherits(NotificationDropDown, _React$Component);
     return _createClass(NotificationDropDown);
   }(React__default.Component);
-
   var NotificationDropDown$1 = themed(NotificationDropDown);
 
   var _templateObject$F, _templateObject2$6;
@@ -9841,65 +9502,49 @@
   }, function (props) {
     return props.theme.colors.ntrlMin;
   });
+
   /**
    * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
    */
-
   var GraphQLMultiSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(GraphQLMultiSelector, _React$Component);
-
-    var _super = _createSuper(GraphQLMultiSelector);
-
     function GraphQLMultiSelector(props) {
       var _this;
-
       _classCallCheck(this, GraphQLMultiSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
+      _this = _callSuper(this, GraphQLMultiSelector, [props]);
+      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
+      _defineProperty(_this, "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-
-      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
+      _defineProperty(_this, "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM]
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
+      _defineProperty(_this, "setNewResults", function (res) {
         var selectedIds = _this.state.selected.map(function (sel) {
           return sel.id;
         });
-
         var pagination = _this.props.resultProcessor(res);
-
         var allSelected = _this.state.selected.some(function (item) {
           return item.id === ALL_ITEM.id;
         });
-
         var newList = pagination.data.filter(function (newItem) {
           return !selectedIds.includes(newItem.id);
         });
         newList = allSelected ? newList : [ALL_ITEM].concat(_toConsumableArray(newList));
-
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
+      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
         _this.setState(function (prevState) {
           var newSelectedList;
           var newList;
-
           if (addSelectedItem.id === ALL_ITEM.id) {
             // Clear Selected List
             // and move previous Selected items to list
@@ -9919,7 +9564,6 @@
               return item.id !== addSelectedItem.id;
             })));
           }
-
           return {
             selected: newSelectedList,
             list: newList
@@ -9930,24 +9574,20 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onRemoveItem", function (removeSelectedItem) {
+      _defineProperty(_this, "onRemoveItem", function (removeSelectedItem) {
         _this.setState(function (prevState) {
           // Cannot remove ALL from selection by unselecting it
           if ((removeSelectedItem === null || removeSelectedItem === void 0 ? void 0 : removeSelectedItem.id) === ALL_ITEM.id) {
             return {};
           }
-
           var newSelectedList = prevState.selected.filter(function (item) {
             return item.id !== removeSelectedItem.id;
           });
-
           var newList = _toConsumableArray(prevState.list).concat(removeSelectedItem).filter(function (item) {
             return item.id !== ALL_ITEM.id;
           }).sort(function (a, b) {
             return a.id - b.id;
           });
-
           return {
             list: newList,
             selected: newSelectedList.length ? newSelectedList : [ALL_ITEM]
@@ -9958,25 +9598,23 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
+      _defineProperty(_this, "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$props = _this.props,
-            baseClass = _this$props.baseClass,
-            ItemRenderer = _this$props.itemRenderer,
-            identifier = _this$props.identifier,
-            triggerRequest = _this$props.triggerRequest,
-            className = _this$props.className;
+          baseClass = _this$props.baseClass,
+          ItemRenderer = _this$props.itemRenderer,
+          identifier = _this$props.identifier,
+          triggerRequest = _this$props.triggerRequest,
+          className = _this$props.className;
         var _this$state = _this.state,
-            list = _this$state.list,
-            selected = _this$state.selected,
-            pagination = _this$state.pagination,
-            isLoading = _this$state.isLoading;
+          list = _this$state.list,
+          selected = _this$state.selected,
+          pagination = _this$state.pagination,
+          isLoading = _this$state.isLoading;
         return /*#__PURE__*/React__default.createElement(StyledMultiselector, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
           className: "".concat(className, " ").concat(baseClass)
@@ -10015,7 +9653,6 @@
           type: "button"
         }, "SHOW MORE"))));
       });
-
       _this.state = {
         selected: [ALL_ITEM],
         list: [],
@@ -10024,10 +9661,9 @@
       };
       return _this;
     }
-
+    _inherits(GraphQLMultiSelector, _React$Component);
     return _createClass(GraphQLMultiSelector);
   }(React__default.Component);
-
   GraphQLMultiSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -10048,13 +9684,12 @@
   });
 
   var _templateObject$G;
-
   var Title$3 = function Title(_ref) {
     var baseClass = _ref.baseClass,
-        className = _ref.className,
-        title = _ref.title,
-        searchPlaceHolder = _ref.searchPlaceHolder,
-        onSearchChanged = _ref.onSearchChanged;
+      className = _ref.className,
+      title = _ref.title,
+      searchPlaceHolder = _ref.searchPlaceHolder,
+      onSearchChanged = _ref.onSearchChanged;
     return /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       className: "".concat(className, " ").concat(baseClass, "__title"),
       title: title
@@ -10067,7 +9702,6 @@
       onChange: onSearchChanged
     })));
   };
-
   var StyledTitle = styled__default(Title$3)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n  font-size: ", ";\n\n  .title__search,\n  .title__search {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 30px;\n    margin-bottom: ", ";\n\n    svg {\n      margin-left: ", ";\n      fill: ", ";\n      stroke: ", ";\n    }\n\n    input {\n      width: 140px;\n      border: none;\n      font-size: ", ";\n      transition: 0.2s border-color ease-in-out;\n      margin-left: ", ";\n      padding: 0;\n\n      :focus {\n        border-color: ", ";\n        border-bottom: none;\n      }\n    }\n  }\n"])), function (props) {
     return props.theme.marginPaddings[2];
   }, function (props) {
@@ -10090,37 +9724,26 @@
   var Title$4 = themed(StyledTitle);
 
   var debounceBuilder$3 = functions.debounced(200);
-
   /**
    * Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
    */
   var LuxityGraphQLMultiselector = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityGraphQLMultiselector, _React$Component);
-
-    var _super = _createSuper(LuxityGraphQLMultiselector);
-
     function LuxityGraphQLMultiselector(props) {
       var _this;
-
       _classCallCheck(this, LuxityGraphQLMultiselector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
+      _this = _callSuper(this, LuxityGraphQLMultiselector, [props]);
+      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
+      _defineProperty(_this, "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
+      _defineProperty(_this, "onSearchChanged", function (event) {
         event.preventDefault();
         var searchText = event.target.value;
         debounceBuilder$3(function () {
@@ -10129,22 +9752,21 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state = _this.state,
-            limit = _this$state.limit,
-            category = _this$state.category,
-            nameFilter = _this$state.nameFilter;
+          limit = _this$state.limit,
+          category = _this$state.category,
+          nameFilter = _this$state.nameFilter;
         var _this$props = _this.props,
-            title = _this$props.title,
-            baseClass = _this$props.baseClass,
-            getGraphQuery = _this$props.getGraphQuery,
-            resultProcessor = _this$props.resultProcessor,
-            itemRenderer = _this$props.itemRenderer,
-            searchPlaceHolder = _this$props.searchPlaceHolder,
-            graphApi = _this$props.graphApi,
-            identifier = _this$props.identifier,
-            requestInstance = _this$props.requestInstance;
+          title = _this$props.title,
+          baseClass = _this$props.baseClass,
+          getGraphQuery = _this$props.getGraphQuery,
+          resultProcessor = _this$props.resultProcessor,
+          itemRenderer = _this$props.itemRenderer,
+          searchPlaceHolder = _this$props.searchPlaceHolder,
+          graphApi = _this$props.graphApi,
+          identifier = _this$props.identifier,
+          requestInstance = _this$props.requestInstance;
         return /*#__PURE__*/React__default.createElement("div", {
           className: baseClass
         }, /*#__PURE__*/React__default.createElement(Title$4, {
@@ -10167,7 +9789,6 @@
           itemRenderer: itemRenderer
         })));
       });
-
       _this.state = {
         limit: props.baseQueryLimit,
         category: props.category,
@@ -10175,12 +9796,11 @@
       };
       return _this;
     }
-
-    _createClass(LuxityGraphQLMultiselector, [{
+    _inherits(LuxityGraphQLMultiselector, _React$Component);
+    return _createClass(LuxityGraphQLMultiselector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
         var _this$multiSelectorRe;
-
         if (prevProps.category !== this.props.category && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
@@ -10193,14 +9813,10 @@
             category: props.category
           };
         }
-
         return null;
       }
     }]);
-
-    return LuxityGraphQLMultiselector;
   }(React__default.Component);
-
   LuxityGraphQLMultiselector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -10221,11 +9837,10 @@
     return props.theme.colors.ntrlMin;
   });
   var UnselectedButton = themed(BaseButton);
-
   var ItemRenderer = function ItemRenderer(_ref) {
     var item = _ref.item,
-        onSelect = _ref.onSelect,
-        selected = _ref.selected;
+      onSelect = _ref.onSelect,
+      selected = _ref.selected;
     var props = {
       onClick: function onClick(e) {
         e.preventDefault();
@@ -10237,12 +9852,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",
@@ -10259,7 +9874,6 @@
       requestInstance: requestInstance
     });
   };
-
   BrandSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -10269,12 +9883,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",
@@ -10291,7 +9905,6 @@
       requestInstance: requestInstance
     });
   };
-
   StyleSelector.defaultProps = {
     itemRenderer: ItemRenderer,
     resultProcessor: function resultProcessor(result) {
@@ -10323,17 +9936,14 @@
   ShoeSizeFadeContainer.defaultProps = {
     childVisible: false
   };
-
   var OpacityTransitionRender = function OpacityTransitionRender(_ref) {
     var shoeSizeType = _ref.shoeSizeType,
-        children = _ref.children;
+      children = _ref.children;
     var prevShoeSizeType = functions.usePrevious(shoeSizeType);
-
     var _React$useState = React__default.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        childVisible = _React$useState2[0],
-        setChildVisible = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      childVisible = _React$useState2[0],
+      setChildVisible = _React$useState2[1];
     React__default.useEffect(function () {
       if (prevShoeSizeType !== shoeSizeType) {
         setChildVisible(false);
@@ -10346,30 +9956,25 @@
       childVisible: childVisible
     }, children);
   };
-
   var WrappedShoeSizeSelector = function WrappedShoeSizeSelector(_ref2) {
     var onChange = _ref2.onChange,
-        requestInstance = _ref2.requestInstance,
-        graphApi = _ref2.graphApi,
-        defaultShoeSizeType = _ref2.defaultShoeSizeType,
-        getGraphQuery = _ref2.getGraphQuery;
-
+      requestInstance = _ref2.requestInstance,
+      graphApi = _ref2.graphApi,
+      defaultShoeSizeType = _ref2.defaultShoeSizeType,
+      getGraphQuery = _ref2.getGraphQuery;
     var _useState = React.useState(defaultShoeSizeType),
-        _useState2 = _slicedToArray(_useState, 2),
-        shoeSizeType = _useState2[0],
-        setShoeSizeType = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      shoeSizeType = _useState2[0],
+      setShoeSizeType = _useState2[1];
     var _useState3 = React.useState(defaultShoeSizeType),
-        _useState4 = _slicedToArray(_useState3, 2),
-        transitionedTo = _useState4[0],
-        setTransitionedTo = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      transitionedTo = _useState4[0],
+      setTransitionedTo = _useState4[1];
     var triggerRequest = function triggerRequest() {
       return requestInstance.post(graphApi, {
         query: getGraphQuery()
       });
     };
-
     var shoeSizeTypeProps = {
       name: 'shoe_size_type',
       noWrap: true,
@@ -10393,15 +9998,12 @@
         checked: shoeSizeType === shoeSizeTypes.eu.value
       }]
     };
-
     var handlePropOnChange = function handlePropOnChange(value) {
       var payload = _objectSpread2(_objectSpread2({}, value), {}, {
         shoe_size_type: shoeSizeType
       });
-
       onChange(payload);
     };
-
     var renderShoeSizeSelector = function renderShoeSizeSelector() {
       var passedShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       return /*#__PURE__*/React__default.createElement(ShoeSizeSelector, {
@@ -10411,38 +10013,32 @@
         }
       });
     };
-
     var getShoeSizeSelector = function getShoeSizeSelector() {
       var euShoeSizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var ukShoeShoes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
       if (shoeSizeType === shoeSizeTypes.eu.value) {
         return renderShoeSizeSelector(euShoeSizes);
       }
-
       if (shoeSizeType === shoeSizeTypes.uk.value) {
         return renderShoeSizeSelector(ukShoeShoes);
       }
-
       return null;
     };
-
     return /*#__PURE__*/React__default.createElement(LuxityPageReady, {
       getRequestPromise: triggerRequest
     }, /*#__PURE__*/React__default.createElement(TitleWrapper, null, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
       title: "Shoe Size Range"
     }, /*#__PURE__*/React__default.createElement(RadioButtons$1, shoeSizeTypeProps))), /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Consumer, null, function (_ref3) {
       var _ref3$data$data = _ref3.data.data,
-          _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
-          luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
-          _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
-          luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
+        _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
+        luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
+        _ref3$data$data$luxit2 = _ref3$data$data.luxity_uk_shoe_sizes,
+        luxity_uk_shoe_sizes = _ref3$data$data$luxit2 === void 0 ? [] : _ref3$data$data$luxit2;
       return /*#__PURE__*/React__default.createElement(OpacityTransitionRender, {
         shoeSizeType: transitionedTo
       }, getShoeSizeSelector(luxity_eu_shoe_sizes, luxity_uk_shoe_sizes));
     }));
   };
-
   WrappedShoeSizeSelector.defaultProps = {
     onChange: function onChange() {
       return false;
@@ -10465,7 +10061,6 @@
   });
 
   var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
-
   var _templateObject$K, _templateObject2$8, _templateObject3$3;
   var Content = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"])), function (props) {
     return props.theme.colors.primary;
@@ -10484,36 +10079,32 @@
   }, Content, InputText, function (props) {
     return props.theme.colors.ntrlMin;
   }, Content);
+
   /**
    * CheckButton: Styled checkbox that resembles a button
    * */
-
   var CheckButton = function CheckButton(props) {
     var title = props.title,
-        checked = props.checked,
-        renderIcon = props.renderIcon,
-        onChange = props.onChange,
-        checkedValue = props.checkedValue,
-        unCheckedValue = props.unCheckedValue,
-        restProps = _objectWithoutProperties(props, _excluded$7);
-
+      checked = props.checked,
+      renderIcon = props.renderIcon,
+      onChange = props.onChange,
+      checkedValue = props.checkedValue,
+      unCheckedValue = props.unCheckedValue,
+      restProps = _objectWithoutProperties(props, _excluded$7);
     var _React$useState = React__default.useState(checked),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        checkedState = _React$useState2[0],
-        setCheck = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      checkedState = _React$useState2[0],
+      setCheck = _React$useState2[1];
     var prevCheckState = functions.usePrevious(checkedState);
     React__default.useEffect(function () {
       if (prevCheckState !== checkedState) {
         onChange(checkedState);
       }
     }, [checkedState, onChange, prevCheckState]);
-
     var handleInputChange = function handleInputChange(e) {
       var targetChecked = e.target.checked;
       setCheck(targetChecked);
     };
-
     return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
       defaultChecked: checked
     }, restProps, {
@@ -10521,7 +10112,6 @@
       onChange: handleInputChange
     })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
-
   CheckButton.defaultProps = {
     title: '',
     checked: false,
@@ -10535,29 +10125,24 @@
   var CheckButton$1 = themed(CheckButton);
 
   var MALE$1 = genders.MALE,
-      FEMALE$1 = genders.FEMALE;
-
+    FEMALE$1 = genders.FEMALE;
   /**
    * Stylized CheckboxButton for selecting gender
    * */
   var GenderCheckbox = function GenderCheckbox(_ref) {
     var gender = _ref.gender,
-        checked = _ref.checked,
-        onInputChange = _ref.onInputChange;
-
+      checked = _ref.checked,
+      onInputChange = _ref.onInputChange;
     var getTitle = function getTitle() {
       switch (gender) {
         case MALE$1:
           return 'Male';
-
         case FEMALE$1:
           return 'Female';
-
         default:
           return '';
       }
     };
-
     return /*#__PURE__*/React__default.createElement(CheckButton$1, {
       onChange: onInputChange,
       checked: checked,
@@ -10565,22 +10150,20 @@
       title: getTitle()
     });
   };
-
   GenderCheckbox.defaultProps = {
     name: ''
   };
 
   var MALE$2 = genders.MALE,
-      FEMALE$2 = genders.FEMALE;
-
+    FEMALE$2 = genders.FEMALE;
   /**
    *  GenderSelector: specialized selector to pick genders for the Interest Component
    * */
   var GenderSelector = function GenderSelector(_ref) {
     var gender = _ref.gender,
-        onChange = _ref.onChange,
-        maleInputRef = _ref.maleInputRef,
-        femaleInputRef = _ref.femaleInputRef;
+      onChange = _ref.onChange,
+      maleInputRef = _ref.maleInputRef,
+      femaleInputRef = _ref.femaleInputRef;
     return /*#__PURE__*/React__default.createElement("div", {
       className: "gender-selector"
     }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -10605,7 +10188,6 @@
       checkBoxButtonRef: femaleInputRef
     })));
   };
-
   GenderSelector.defaultProps = {
     gender: null,
     onChange: function onChange() {
@@ -10616,15 +10198,13 @@
 
   var ConditionSelector = function ConditionSelector(_ref) {
     var onChange = _ref.onChange,
-        graphApi = _ref.graphApi,
-        itemRenderer = _ref.itemRenderer,
-        getGraphQuery = _ref.getGraphQuery,
-        requestInstance = _ref.requestInstance;
-
+      graphApi = _ref.graphApi,
+      itemRenderer = _ref.itemRenderer,
+      getGraphQuery = _ref.getGraphQuery,
+      requestInstance = _ref.requestInstance;
     var resultProcessor = function resultProcessor(result) {
       return result.data.data.conditions_list;
     };
-
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLMultiselector, {
       title: "Condition",
       queryId: "getCondition",
@@ -10641,7 +10221,6 @@
       requestInstance: requestInstance
     });
   };
-
   ConditionSelector.defaultProps = {
     itemRenderer: ItemRenderer
   };
@@ -10680,41 +10259,30 @@
     request: _objectSpread2({}, request),
     isCategoriesShown: false
   };
+
   /**
    * Generates Interest UI and submits graph payloads as a highly specialised component
    */
-
   var AddInterest = /*#__PURE__*/function (_React$Component) {
-    _inherits(AddInterest, _React$Component);
-
-    var _super = _createSuper(AddInterest);
-
     function AddInterest(props) {
       var _this;
-
       _classCallCheck(this, AddInterest);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "onCategoryChanged", function (categoryType) {
+      _this = _callSuper(this, AddInterest, [props]);
+      _defineProperty(_this, "maleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "femaleCheckBoxRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "onCategoryChanged", function (categoryType) {
         _this.setState({
           category_type: categoryType,
           brands: [],
           styles: []
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onGenderChanged", function (isChecked, gender) {
+      _defineProperty(_this, "onGenderChanged", function (isChecked, gender) {
         return _this.setState(function (prevState) {
           // current array of options
           var gendersSelected = _toConsumableArray(prevState.gender);
-
-          var index; // check if the check box is checked or unchecked
-
+          var index;
+          // check if the check box is checked or unchecked
           if (isChecked) {
             gendersSelected.push(gender);
           } else {
@@ -10722,76 +10290,65 @@
             index = gendersSelected.indexOf(gender);
             gendersSelected.splice(index, 1);
           }
-
           return {
             gender: gendersSelected
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onBrandsChanged", function (brandsArray) {
+      _defineProperty(_this, "onBrandsChanged", function (brandsArray) {
         _this.setState({
           brands: brandsArray.map(function (brand) {
             return brand.id;
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onShoeSizesChanged", function (shoeSizes) {
+      _defineProperty(_this, "onShoeSizesChanged", function (shoeSizes) {
         _this.setState(_objectSpread2({}, shoeSizes));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onPriceRangesChanged", function (priceRange) {
+      _defineProperty(_this, "onPriceRangesChanged", function (priceRange) {
         _this.setState(_objectSpread2({}, priceRange));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onStylesChanged", function (stylesArray) {
+      _defineProperty(_this, "onStylesChanged", function (stylesArray) {
         _this.setState({
           styles: stylesArray.map(function (style) {
             return style.id;
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onConditionChanged", function (conditions) {
+      _defineProperty(_this, "onConditionChanged", function (conditions) {
         _this.setState({
           condition: conditions.map(function (condition) {
             return condition.id;
           })
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "payloadIsValid", function () {
+      _defineProperty(_this, "payloadIsValid", function () {
         // price/shoe-size always have initial values as soon as category is set
         var category_type = _this.state.category_type;
         return category_type !== null;
       });
-
-      _defineProperty(_assertThisInitialized(_this), "submitInterest", function () {
+      _defineProperty(_this, "submitInterest", function () {
         _this.setState({
           request: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         var _this$state = _this.state,
-            brands = _this$state.brands,
-            min_shoe_size_id = _this$state.min_shoe_size_id,
-            max_shoe_size_id = _this$state.max_shoe_size_id,
-            shoe_size_type = _this$state.shoe_size_type,
-            min_price = _this$state.min_price,
-            max_price = _this$state.max_price,
-            styles = _this$state.styles,
-            category_type = _this$state.category_type,
-            requestState = _this$state.request,
-            gender = _this$state.gender,
-            condition = _this$state.condition;
+          brands = _this$state.brands,
+          min_shoe_size_id = _this$state.min_shoe_size_id,
+          max_shoe_size_id = _this$state.max_shoe_size_id,
+          shoe_size_type = _this$state.shoe_size_type,
+          min_price = _this$state.min_price,
+          max_price = _this$state.max_price,
+          styles = _this$state.styles,
+          category_type = _this$state.category_type,
+          requestState = _this$state.request,
+          gender = _this$state.gender,
+          condition = _this$state.condition;
         var payloadGender = gender[0];
-
         if (gender.length > 1 || !gender.length) {
           payloadGender = UNISEX$1;
         }
-
         var basePayload = {
           category_type: category_type,
           brands: brands,
@@ -10807,27 +10364,21 @@
           max_shoe_size_id: max_shoe_size_id,
           shoe_size_type: shoe_size_type
         } : {};
-
         var payload = _objectSpread2(_objectSpread2({}, basePayload), shoeSizesPayload);
-
         simpleRequest(_this.props.requestInstance, _this.props.addInterestApi, method.POST, payload, function () {
           _this.setState({
             request: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
-
           _this.props.onSubmitSuccess(_objectSpread2({}, payload));
         }, _this.handleRequestError);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "handleRequestError", function (_ref) {
+      _defineProperty(_this, "handleRequestError", function (_ref) {
         var data = _ref.data;
-
         _this.setState({
           request: _objectSpread2({}, request)
         });
-
         var errorMessages = Object.keys(data).map(function (key) {
           return data[key];
         }).flat();
@@ -10837,37 +10388,32 @@
           }, message);
         }));
       });
-
-      _defineProperty(_assertThisInitialized(_this), "resetState", function () {
+      _defineProperty(_this, "resetState", function () {
         _this.setState(_objectSpread2({}, defaultState));
-
         _this.props.onCancel();
       });
-
-      _defineProperty(_assertThisInitialized(_this), "handleGenderChange", function (isChecked, gender) {
+      _defineProperty(_this, "handleGenderChange", function (isChecked, gender) {
         return _this.onGenderChanged(isChecked, gender);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddInterestClick", function () {
+      _defineProperty(_this, "onAddInterestClick", function () {
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             isCategoriesShown: true
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state2 = _this.state,
-            category_type = _this$state2.category_type,
-            fetching = _this$state2.request.fetching;
+          category_type = _this$state2.category_type,
+          fetching = _this$state2.request.fetching;
         var _this$props = _this.props,
-            requestInstance = _this$props.requestInstance,
-            baseGraphApi = _this$props.baseGraphApi,
-            getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
-            getStylesGraphQuery = _this$props.getStylesGraphQuery,
-            getShoesGraphQuery = _this$props.getShoesGraphQuery,
-            defaultShoeSizeType = _this$props.defaultShoeSizeType,
-            getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
+          requestInstance = _this$props.requestInstance,
+          baseGraphApi = _this$props.baseGraphApi,
+          getBrandsGraphQuery = _this$props.getBrandsGraphQuery,
+          getStylesGraphQuery = _this$props.getStylesGraphQuery,
+          getShoesGraphQuery = _this$props.getShoesGraphQuery,
+          defaultShoeSizeType = _this$props.defaultShoeSizeType,
+          getConditionsGraphQuery = _this$props.getConditionsGraphQuery;
         return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
           className: "interests__section-wrapper"
         }, /*#__PURE__*/React__default.createElement(AddInterestContainer, null, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(CatSelectorParagraph, null, "Select the category that interests you"), /*#__PURE__*/React__default.createElement(CategoryInterestSelector, {
@@ -10918,19 +10464,16 @@
           type: "button",
           onClick: function onClick() {
             _this.submitInterest();
-
             _this.resetState();
           }
         }, fetching ? 'SAVING' : 'SAVE'))))))));
       });
-
       _this.state = _objectSpread2({}, defaultState);
       return _this;
     }
-
+    _inherits(AddInterest, _React$Component);
     return _createClass(AddInterest);
   }(React__default.Component);
-
   var AddInterest$1 = themed(AddInterest);
 
   var _templateObject$M;
@@ -10941,7 +10484,6 @@
   }, function (props) {
     return props.theme.marginPaddings[1];
   }, media.xs);
-
   var MyInterestTitleHeading = function MyInterestTitleHeading() {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "interests__title"
@@ -10963,7 +10505,6 @@
       className: "heading-title-empty"
     })));
   };
-
   var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
 
   var _templateObject$N;
@@ -10972,7 +10513,6 @@
   }, function (props) {
     return props.theme.marginPaddings[1];
   }, media.xs);
-
   var MyProductInterestTitleHeading = function MyProductInterestTitleHeading() {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "interests__title"
@@ -10988,7 +10528,6 @@
       className: "heading-title-empty"
     })));
   };
-
   var MyProductInterestTitleHeading$1 = themed(MyProductInterestTitleHeading);
 
   var Add = (function (props) {
@@ -11011,7 +10550,6 @@
 
   function getToken() {
     var _Cookies$get;
-
     return (_Cookies$get = Cookies.get('_tk')) === null || _Cookies$get === void 0 ? void 0 : _Cookies$get.replace('*', 'Bearer ');
   }
   function setToken(value) {
@@ -11019,35 +10557,29 @@
   }
 
   /** @format */
-
   function getEncodedSearch(currentUrl) {
     var splitUrl = currentUrl.split('?');
     var baseUrl = splitUrl[0];
     var nextUrlSegments = splitUrl[1].split('&');
     var nextQueryString = splitUrl[1];
-
     if (nextUrlSegments.length > 0) {
       nextQueryString = nextUrlSegments.map(function (v) {
         var nextValue = v;
-
         if (v.includes('search=')) {
           var temp = v.split('=');
           nextValue = "".concat(temp[0], "=").concat(encodeURIComponent(temp[1]));
         }
-
         return nextValue;
       }).join('&');
     }
-
     return "".concat(baseUrl, "?").concat(nextQueryString);
   }
+
   /**
    * Gets an instance of Axios that is configured with the custom failure handlers
    * @param {Function} onAuthFailed - callback triggers when auth fails - ie, server error is one of ['token_invalid', 'token_not_provided', 'user_not_found', 'token_expired'] or http status is one of [401, 503, 400]
    * @param {Function} onForbidden - callback triggers when http status = 403
    */
-
-
   var axiosInstance = function axiosInstance(onAuthFailed, onForbidden) {
     var instance = axios.create({
       validateStatus: function validateStatus(status) {
@@ -11055,60 +10587,56 @@
       }
     });
     var token = getToken();
-
     if (token !== '') {
       instance.defaults.headers.common.Authorization = token;
     }
+    instance.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8';
 
-    instance.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'; // Add a request interceptor
-
+    // Add a request interceptor
     instance.interceptors.request.use(function (request, error) {
       if (error) {
         return Promise.reject(error.response);
       }
-
       if (request.url.includes('search') && request.url.includes('?')) {
         // do some uri manipulation for ie
         // https://stackoverflow.com/questions/18220057
+
         // eslint-disable-next-line no-param-reassign
         request.url = getEncodedSearch(request.url);
-      } // eslint-disable-next-line no-param-reassign
-
+      }
 
+      // eslint-disable-next-line no-param-reassign
       request.headers.common['Content-Type'] = 'application/json; charset=utf-8';
-
       if (typeof request.body === 'undefined') {
         request.body = {};
       }
-
       token = getToken();
-
       if (token !== '') {
         // eslint-disable-next-line no-param-reassign
         request.headers.common.Authorization = token;
       }
-
       return request;
     }, function (error) {
       return Promise.reject(error.message);
-    }); // Add a response interceptor
+    });
 
+    // Add a response interceptor
     instance.interceptors.response.use(function (response, error) {
       if (error) {
         return Promise.reject(error.response);
       }
-
       if (response.headers.authorization) {
         setToken(response.headers.authorization);
       }
-
       return response;
     }, function (error) {
       if (error.response) {
         // network error
         if (error.response.data && error.response.data.error && (error.response.data.error === 'token_invalid' || error.response.data.error === 'token_not_provided' || error.response.data.error === 'user_not_found' || error.response.data.error === 'token_expired') || error.response.status === 401 || error.response.status === 503 || error.response.status === 400) {
           onAuthFailed();
-        } // if (error.response.status === 500) {
+        }
+
+        // if (error.response.status === 500) {
         //   // INTERNAL SERVER ERROR
         //   store.dispatch({
         //     type: AppConstants.OVERLAY.SERVER_ERROR,
@@ -11116,39 +10644,34 @@
         //   return Promise.reject(error.response);
         // }
 
-
         if (error.response.status === 403) {
           // FORBIDDEN
           onForbidden();
         }
-
         return Promise.reject(error.response);
       }
-
       return Promise.reject(error);
     });
     return instance;
-  }; // NOTE: this to be instanciated with params: onAuthFailed, onForbidden
+  };
 
   var _excluded$8 = ["children"];
-
   var DropdownSelector = function DropdownSelector(_ref) {
     var selectedOption = _ref.selectedOption,
-        onOptionChange = _ref.onOptionChange,
-        options = _ref.options,
-        isSearchable = _ref.isSearchable,
-        placeholder = _ref.placeholder,
-        name = _ref.name,
-        showSearchIcon = _ref.showSearchIcon,
-        isDisabled = _ref.isDisabled;
+      onOptionChange = _ref.onOptionChange,
+      options = _ref.options,
+      isSearchable = _ref.isSearchable,
+      placeholder = _ref.placeholder,
+      name = _ref.name,
+      showSearchIcon = _ref.showSearchIcon,
+      isDisabled = _ref.isDisabled;
     var customComponents = {
       DropdownIndicator: function DropdownIndicator() {
         return null;
       },
       ValueContainer: function ValueContainer(_ref2) {
         var children = _ref2.children,
-            props = _objectWithoutProperties(_ref2, _excluded$8);
-
+          props = _objectWithoutProperties(_ref2, _excluded$8);
         return /*#__PURE__*/React__default.createElement("div", _extends({
           style: {
             position: 'relative'
@@ -11276,7 +10799,6 @@
       isDisabled: isDisabled
     }));
   };
-
   DropdownSelector.defaultProps = {
     isSearchable: false,
     selectedOption: null,
@@ -11301,178 +10823,144 @@
   }, function (props) {
     return props.theme.marginPaddings[1];
   });
-
   var AddProductInterest = function AddProductInterest(_ref) {
     var baseGraphApi = _ref.baseGraphApi,
-        getBrandsGraphQuery = _ref.getBrandsGraphQuery,
-        getModelsGraphQuery = _ref.getModelsGraphQuery,
-        getMaterialsGraphQuery = _ref.getMaterialsGraphQuery,
-        onCancel = _ref.onCancel,
-        requestInstance = _ref.requestInstance,
-        addLuxityProductInterestApi = _ref.addLuxityProductInterestApi,
-        onSubmitSuccess = _ref.onSubmitSuccess;
-
+      getBrandsGraphQuery = _ref.getBrandsGraphQuery,
+      getModelsGraphQuery = _ref.getModelsGraphQuery,
+      getMaterialsGraphQuery = _ref.getMaterialsGraphQuery,
+      onCancel = _ref.onCancel,
+      requestInstance = _ref.requestInstance,
+      addLuxityProductInterestApi = _ref.addLuxityProductInterestApi,
+      onSubmitSuccess = _ref.onSubmitSuccess;
     var _useState = React.useState([]),
-        _useState2 = _slicedToArray(_useState, 2),
-        brands = _useState2[0],
-        setBrands = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      brands = _useState2[0],
+      setBrands = _useState2[1];
     var _useState3 = React.useState([]),
-        _useState4 = _slicedToArray(_useState3, 2),
-        models = _useState4[0],
-        setModels = _useState4[1];
-
+      _useState4 = _slicedToArray(_useState3, 2),
+      models = _useState4[0],
+      setModels = _useState4[1];
     var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray(_useState5, 2),
-        materials = _useState6[0],
-        setMaterials = _useState6[1];
-
+      _useState6 = _slicedToArray(_useState5, 2),
+      materials = _useState6[0],
+      setMaterials = _useState6[1];
     var _useState7 = React.useState(null),
-        _useState8 = _slicedToArray(_useState7, 2),
-        selectedBrand = _useState8[0],
-        setSelectedBrand = _useState8[1];
-
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectedBrand = _useState8[0],
+      setSelectedBrand = _useState8[1];
     var _useState9 = React.useState(null),
-        _useState10 = _slicedToArray(_useState9, 2),
-        selectedModel = _useState10[0],
-        setSelectedModel = _useState10[1];
-
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedModel = _useState10[0],
+      setSelectedModel = _useState10[1];
     var _useState11 = React.useState(null),
-        _useState12 = _slicedToArray(_useState11, 2),
-        selectedMaterial = _useState12[0],
-        setSelectedMaterial = _useState12[1];
-
-    var fetchBrands = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      _useState12 = _slicedToArray(_useState11, 2),
+      selectedMaterial = _useState12[0],
+      setSelectedMaterial = _useState12[1];
+    var fetchBrands = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _response$data, _response$data$data, _response$data$data$l, response, formattedBrands;
-
       return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return axiosInstance.post("".concat(baseGraphApi, "?id=getBrands"), {
+              query: getBrandsGraphQuery(1000, 1, 'id|desc')
+            });
+          case 3:
+            response = _context.sent;
+            if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && (_response$data$data = _response$data.data) !== null && _response$data$data !== void 0 && (_response$data$data$l = _response$data$data.luxity_brands) !== null && _response$data$data$l !== void 0 && _response$data$data$l.data) {
+              formattedBrands = response.data.data.luxity_brands.data.map(function (brand) {
+                return {
+                  value: brand.id,
+                  label: brand.name
+                };
+              });
+              setBrands(formattedBrands);
+            }
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            error(_context.t0.message);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    })), [baseGraphApi, getBrandsGraphQuery]);
+    var fetchModels = React.useCallback(/*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(brandId) {
+        var _response$data2, _response$data2$data, _response$data2$data$, response, formattedModels;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return axiosInstance.post("".concat(baseGraphApi, "?id=getBrands"), {
-                query: getBrandsGraphQuery(1000, 1, 'id|desc')
+              _context2.prev = 0;
+              _context2.next = 3;
+              return axiosInstance.post("".concat(baseGraphApi, "?id=getModels"), {
+                query: getModelsGraphQuery(brandId)
               });
-
             case 3:
-              response = _context.sent;
-
-              if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && (_response$data$data = _response$data.data) !== null && _response$data$data !== void 0 && (_response$data$data$l = _response$data$data.luxity_brands) !== null && _response$data$data$l !== void 0 && _response$data$data$l.data) {
-                formattedBrands = response.data.data.luxity_brands.data.map(function (brand) {
+              response = _context2.sent;
+              if (response !== null && response !== void 0 && (_response$data2 = response.data) !== null && _response$data2 !== void 0 && (_response$data2$data = _response$data2.data) !== null && _response$data2$data !== void 0 && (_response$data2$data$ = _response$data2$data.luxity_models) !== null && _response$data2$data$ !== void 0 && _response$data2$data$.data) {
+                formattedModels = response.data.data.luxity_models.data.map(function (model) {
                   return {
-                    value: brand.id,
-                    label: brand.name
+                    value: model.id,
+                    label: model.name
                   };
                 });
-                setBrands(formattedBrands);
+                setModels(formattedModels);
               }
-
-              _context.next = 10;
+              _context2.next = 10;
               break;
-
             case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](0);
-              error(_context.t0.message);
-
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](0);
+              error(_context2.t0.message);
             case 10:
             case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 7]]);
-    })), [baseGraphApi, getBrandsGraphQuery]);
-    var fetchModels = React.useCallback( /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(brandId) {
-        var _response$data2, _response$data2$data, _response$data2$data$, response, formattedModels;
-
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return axiosInstance.post("".concat(baseGraphApi, "?id=getModels"), {
-                  query: getModelsGraphQuery(brandId)
-                });
-
-              case 3:
-                response = _context2.sent;
-
-                if (response !== null && response !== void 0 && (_response$data2 = response.data) !== null && _response$data2 !== void 0 && (_response$data2$data = _response$data2.data) !== null && _response$data2$data !== void 0 && (_response$data2$data$ = _response$data2$data.luxity_models) !== null && _response$data2$data$ !== void 0 && _response$data2$data$.data) {
-                  formattedModels = response.data.data.luxity_models.data.map(function (model) {
-                    return {
-                      value: model.id,
-                      label: model.name
-                    };
-                  });
-                  setModels(formattedModels);
-                }
-
-                _context2.next = 10;
-                break;
-
-              case 7:
-                _context2.prev = 7;
-                _context2.t0 = _context2["catch"](0);
-                error(_context2.t0.message);
-
-              case 10:
-              case "end":
-                return _context2.stop();
-            }
+              return _context2.stop();
           }
         }, _callee2, null, [[0, 7]]);
       }));
-
       return function (_x) {
         return _ref3.apply(this, arguments);
       };
     }(), [baseGraphApi, getModelsGraphQuery]);
-    var fetchMaterials = React.useCallback( /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(brandId) {
+    var fetchMaterials = React.useCallback(/*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(brandId) {
         var _response$data3, _response$data3$data, _response$data3$data$, response, formattedMaterials;
-
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.prev = 0;
-                _context3.next = 3;
-                return axiosInstance.post("".concat(baseGraphApi, "?id=getMaterials"), {
-                  query: getMaterialsGraphQuery(brandId)
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return axiosInstance.post("".concat(baseGraphApi, "?id=getMaterials"), {
+                query: getMaterialsGraphQuery(brandId)
+              });
+            case 3:
+              response = _context3.sent;
+              if (response !== null && response !== void 0 && (_response$data3 = response.data) !== null && _response$data3 !== void 0 && (_response$data3$data = _response$data3.data) !== null && _response$data3$data !== void 0 && (_response$data3$data$ = _response$data3$data.luxity_materials) !== null && _response$data3$data$ !== void 0 && _response$data3$data$.data) {
+                formattedMaterials = response.data.data.luxity_materials.data.map(function (material) {
+                  return {
+                    value: material.id,
+                    label: material.name
+                  };
                 });
-
-              case 3:
-                response = _context3.sent;
-
-                if (response !== null && response !== void 0 && (_response$data3 = response.data) !== null && _response$data3 !== void 0 && (_response$data3$data = _response$data3.data) !== null && _response$data3$data !== void 0 && (_response$data3$data$ = _response$data3$data.luxity_materials) !== null && _response$data3$data$ !== void 0 && _response$data3$data$.data) {
-                  formattedMaterials = response.data.data.luxity_materials.data.map(function (material) {
-                    return {
-                      value: material.id,
-                      label: material.name
-                    };
-                  });
-                  setMaterials(formattedMaterials);
-                }
-
-                _context3.next = 10;
-                break;
-
-              case 7:
-                _context3.prev = 7;
-                _context3.t0 = _context3["catch"](0);
-                error(_context3.t0.message);
-
-              case 10:
-              case "end":
-                return _context3.stop();
-            }
+                setMaterials(formattedMaterials);
+              }
+              _context3.next = 10;
+              break;
+            case 7:
+              _context3.prev = 7;
+              _context3.t0 = _context3["catch"](0);
+              error(_context3.t0.message);
+            case 10:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, null, [[0, 7]]);
       }));
-
       return function (_x2) {
         return _ref4.apply(this, arguments);
       };
@@ -11493,19 +10981,15 @@
         setSelectedMaterial(null);
       }
     }, [selectedBrand, fetchModels, fetchMaterials]);
-
     var onBrandChange = function onBrandChange(selectedOption) {
       setSelectedBrand(selectedOption);
     };
-
     var onModelChange = function onModelChange(selectedOption) {
       setSelectedModel(selectedOption);
     };
-
     var onMaterialChange = function onMaterialChange(selectedOption) {
       setSelectedMaterial(selectedOption);
     };
-
     var submitInterest = function submitInterest() {
       var payload = {
         luxity_brand_id: selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.value,
@@ -11517,7 +11001,6 @@
         onCancel();
       }, handleRequestError);
     };
-
     var handleRequestError = function handleRequestError(_ref5) {
       var data = _ref5.data;
       var errorMessages = Object.keys(data).map(function (key) {
@@ -11529,7 +11012,6 @@
         }, message);
       }));
     };
-
     var onReset = function onReset() {
       onCancel();
       setSelectedModel(null);
@@ -11539,7 +11021,6 @@
       setMaterials([]);
       setModels([]);
     };
-
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
       className: "interests__section-wrapper"
     }, /*#__PURE__*/React__default.createElement(AddInterestContainer$1, null, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
@@ -11587,50 +11068,36 @@
       onClick: submitInterest
     }, "SAVE"))))))));
   };
-
   var AddProductInterest$1 = themed(AddProductInterest);
 
   var _templateObject$P, _templateObject2$b, _templateObject3$5;
-
   var TrashIcon$1 = 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 LuxityProductInterestItem = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityProductInterestItem, _React$Component);
-
-    var _super = _createSuper(LuxityProductInterestItem);
-
     function LuxityProductInterestItem(props) {
       var _this;
-
       _classCallCheck(this, LuxityProductInterestItem);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "deleteInterestItem", function () {
+      _this = _callSuper(this, LuxityProductInterestItem, [props]);
+      _defineProperty(_this, "deleteInterestItem", function () {
         var id = _this.props.data.id;
-
         _this.setState({
           delete: _objectSpread2(_objectSpread2({}, request), {}, {
             fetching: true
           })
         });
-
         var url = _this.props.deleteInterestApi(id);
-
         simpleRequest(_this.props.requestInstance, url, method.DELETE, null, function () {
           _this.setState({
             delete: _objectSpread2(_objectSpread2({}, request), {}, {
               success: true
             })
           });
-
           _this.props.onDeleted(_this.props.data);
         }, function () {
           return _this.setState({
@@ -11638,10 +11105,8 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _data$luxity_model, _data$luxity_material;
-
         var data = _this.props.data;
         var success = _this.state.delete.success;
         return /*#__PURE__*/React__default.createElement(InterestItemContainer$1, {
@@ -11671,16 +11136,14 @@
           }
         }));
       });
-
       _this.state = {
         delete: _objectSpread2({}, request)
       };
       return _this;
     }
-
+    _inherits(LuxityProductInterestItem, _React$Component);
     return _createClass(LuxityProductInterestItem);
   }(React__default.Component);
-
   var InterestItemTitle$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n  font-weight: bold;\n  display: none;\n\n  @media (max-width: ", ") {\n    display: inline;\n  }\n"])), media.xs);
   var InterestItemContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n  display: flex;\n\n  .no-shoe-size-section {\n    @media (max-width: ", ") {\n      display: none;\n    }\n  }\n"])), media.xs);
   var InterestItemContent$1 = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  width: 95%;\n  height: 100%;\n  border: 1px solid ", ";\n  padding: 1rem;\n  margin-bottom: ", ";\n\n  .interest-item__container_heading {\n    color: ", ";\n    flex-basis: calc(100% / 6);\n    margin-top: 0.3rem;\n\n    @media (max-width: ", ") {\n      display: inline;\n    }\n  }\n\n  .list-items {\n    display: inline-flex;\n    flex-direction: column;\n\n    @media (max-width: ", ") {\n      margin-left: ", ";\n    }\n  }\n\n  @media (max-width: ", ") {\n    flex-direction: column;\n  }\n"])), function (props) {
@@ -11693,27 +11156,25 @@
     return props.theme.marginPaddings[0];
   }, media.xs);
   var ThemedInterestItem$1 = themed(LuxityProductInterestItem);
+
   /**
    * The Interest Item view shows the selected interest configuration,
    * and gives user control to delete it.
    */
-
   var LuxityProductInterestItem$1 = (function (props) {
     return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
   });
 
   var _templateObject$Q, _templateObject2$c;
   var AddInterestButtonContainer = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\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 AccountIcon = themed(function () {
     return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
   });
@@ -11726,50 +11187,39 @@
   }, function (props) {
     return props.theme.marginPaddings[2];
   }));
-
   /**
    * Page/View that controls the viewing and Adding of Luxity Interests
    */
   var Interests = /*#__PURE__*/function (_React$Component) {
-    _inherits(Interests, _React$Component);
-
-    var _super = _createSuper(Interests);
-
     function Interests(props) {
       var _this;
-
       _classCallCheck(this, Interests);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "categoryInterestType", 'CATEGORY');
-
-      _defineProperty(_assertThisInitialized(_this), "productInterestType", 'PRODUCT');
-
-      _defineProperty(_assertThisInitialized(_this), "setInterests", function (data) {
+      _this = _callSuper(this, Interests, [props]);
+      _defineProperty(_this, "categoryInterestType", 'CATEGORY');
+      _defineProperty(_this, "productInterestType", 'PRODUCT');
+      _defineProperty(_this, "setInterests", function (data) {
         var _data$data$data = data.data.data,
-            interests = _data$data$data.interests.data,
-            luxity_product_interests = _data$data$data.luxity_product_interests.data;
-
+          interests = _data$data$data.interests.data,
+          luxity_product_interests = _data$data$data.luxity_product_interests.data;
         _this.setState({
           interests: interests,
           luxity_product_interests: luxity_product_interests
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onInterestSubmitSuccess", function (interestItem) {
+      // eslint-disable-next-line
+      _defineProperty(_this, "onInterestSubmitSuccess", function (interestItem) {
         // due to the fact that we dont get the Interest payload back - we have to re-request the list
         _this.triggerInterestRequest().then(function (res) {
           return _this.setInterests(res);
-        }); // UNCOMMENT WHEN Interest Items is returned as expected Object Shape
+        });
+
+        // UNCOMMENT WHEN Interest Items is returned as expected Object Shape
         // this.setState(prevState => {
         //   const newInterests = [interestItem].concat(prevState.interests);
         //   return { ...prevState, interests: newInterests };
         // });
-
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onDeleteInterest", function (deletedItem) {
+      _defineProperty(_this, "onDeleteInterest", function (deletedItem) {
         _this.setState(function (prevState) {
           var newInterests = prevState.interests.filter(function (item) {
             return item.id !== deletedItem.id;
@@ -11779,8 +11229,7 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onDeleteLuxityProductInterest", function (deleteItem) {
+      _defineProperty(_this, "onDeleteLuxityProductInterest", function (deleteItem) {
         _this.setState(function (prevState) {
           var newLuxityProductInterests = prevState.luxity_product_interests.filter(function (item) {
             return item.id !== deleteItem.id;
@@ -11790,29 +11239,25 @@
           });
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "triggerInterestRequest", function () {
+      _defineProperty(_this, "triggerInterestRequest", function () {
         var _this$props = _this.props,
-            requestInstance = _this$props.requestInstance,
-            baseGraphApi = _this$props.baseGraphApi,
-            interestQuery = _this$props.interestQuery;
+          requestInstance = _this$props.requestInstance,
+          baseGraphApi = _this$props.baseGraphApi,
+          interestQuery = _this$props.interestQuery;
         return requestInstance.post("".concat(baseGraphApi, "?id=getInterests"), {
           query: interestQuery
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddInterestClick", function (interestType) {
+      _defineProperty(_this, "onAddInterestClick", function (interestType) {
         _this.setState({
           interestType: interestType
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onCancel", function () {
+      _defineProperty(_this, "onCancel", function () {
         _this.setState({
           interestType: null
         });
       });
-
       _this.state = {
         interests: [],
         luxity_product_interests: [],
@@ -11820,32 +11265,31 @@
       };
       return _this;
     }
-
-    _createClass(Interests, [{
+    _inherits(Interests, _React$Component);
+    return _createClass(Interests, [{
       key: "render",
       value: function render() {
         var _this2 = this;
-
         var _this$state = this.state,
-            interests = _this$state.interests,
-            luxity_product_interests = _this$state.luxity_product_interests;
+          interests = _this$state.interests,
+          luxity_product_interests = _this$state.luxity_product_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,
-            getMaterialsGraphQuery = _this$props2.getMaterialsGraphQuery,
-            getModelsGraphQuery = _this$props2.getModelsGraphQuery,
-            addLuxityProductInterestApi = _this$props2.addLuxityProductInterestApi,
-            deleteLuxityProductInterestApi = _this$props2.deleteLuxityProductInterestApi,
-            getConditionsGraphQuery = _this$props2.getConditionsGraphQuery;
+          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,
+          getMaterialsGraphQuery = _this$props2.getMaterialsGraphQuery,
+          getModelsGraphQuery = _this$props2.getModelsGraphQuery,
+          addLuxityProductInterestApi = _this$props2.addLuxityProductInterestApi,
+          deleteLuxityProductInterestApi = _this$props2.deleteLuxityProductInterestApi,
+          getConditionsGraphQuery = _this$props2.getConditionsGraphQuery;
         return /*#__PURE__*/React__default.createElement("div", {
           className: "interests"
         }, /*#__PURE__*/React__default.createElement(Notifications__default, {
@@ -11934,10 +11378,7 @@
         }))));
       }
     }]);
-
-    return Interests;
   }(React__default.Component);
-
   Interests.defaultProps = {
     interestsTitle: 'Interests',
     defaultShoeSizeType: shoeSizeTypes.eu.value
@@ -12258,63 +11699,49 @@
   }, function (props) {
     return props.theme.colors.ntrlMin;
   });
+
   /**
    * Multiselector with a GraphQL flavour (TODO: to be revised to make it remote api agnostic)
    */
-
   var GraphQLDropdownSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(GraphQLDropdownSelector, _React$Component);
-
-    var _super = _createSuper(GraphQLDropdownSelector);
-
     function GraphQLDropdownSelector(props) {
       var _this;
-
       _classCallCheck(this, GraphQLDropdownSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", function (prevProps) {
+      _this = _callSuper(this, GraphQLDropdownSelector, [props]);
+      _defineProperty(_this, "componentDidUpdate", function (prevProps) {
         if (prevProps.graphQuery !== _this.props.graphQuery) {
           _this.makeRequest();
         }
       });
-
-      _defineProperty(_assertThisInitialized(_this), "makeRequest", function () {
+      _defineProperty(_this, "makeRequest", function () {
         _this.pageReady.refreshPage();
       });
-
-      _defineProperty(_assertThisInitialized(_this), "emptySelected", function () {
+      _defineProperty(_this, "emptySelected", function () {
         return _this.setState({
           selected: [ALL_ITEM$1]
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "setNewResults", function (res) {
+      _defineProperty(_this, "setNewResults", function (res) {
         var selectedIds = _this.state.selected.map(function (sel) {
           return sel.value;
         });
-
         var pagination = _this.props.resultProcessor(res);
-
         var allSelected = _this.state.selected.some(function (item) {
           return item.value === ALL_ITEM$1.value;
         });
-
         var newList = pagination.filter(function (newItem) {
           return !selectedIds.includes(newItem.value);
         });
-        newList = allSelected ? newList : [ALL_ITEM$1].concat(_toConsumableArray(newList)); // eslint-disable-next-line react/no-unused-state
+        newList = allSelected ? newList : [ALL_ITEM$1].concat(_toConsumableArray(newList));
 
+        // eslint-disable-next-line react/no-unused-state
         _this.setState({
           list: newList,
           pagination: pagination
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onAddItem", function (addSelectedItem) {
+      _defineProperty(_this, "onAddItem", function (addSelectedItem) {
         var newSelectedList;
-
         if (addSelectedItem.includes(ALL_ITEM$1)) {
           newSelectedList = [ALL_ITEM$1];
         } else {
@@ -12322,7 +11749,6 @@
             return item.value !== ALL_ITEM$1.value;
           });
         }
-
         _this.setState(function (prevState) {
           return _objectSpread2(_objectSpread2({}, prevState), {}, {
             selected: newSelectedList
@@ -12333,19 +11759,17 @@
           }));
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onIsLoading", function (flag) {
+      _defineProperty(_this, "onIsLoading", function (flag) {
         _this.setState({
           isLoading: flag
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$props = _this.props,
-            baseClass = _this$props.baseClass,
-            identifier = _this$props.identifier,
-            triggerRequest = _this$props.triggerRequest,
-            className = _this$props.className;
+          baseClass = _this$props.baseClass,
+          identifier = _this$props.identifier,
+          triggerRequest = _this$props.triggerRequest,
+          className = _this$props.className;
         var list = _this.state.list;
         return /*#__PURE__*/React__default.createElement(StyledMultiselector$1, null, /*#__PURE__*/React__default.createElement("div", {
           "data-qe-id": identifier,
@@ -12370,7 +11794,6 @@
           isSearchable: true
         }))));
       });
-
       _this.state = {
         selected: [ALL_ITEM$1],
         list: [],
@@ -12379,10 +11802,9 @@
       };
       return _this;
     }
-
+    _inherits(GraphQLDropdownSelector, _React$Component);
     return _createClass(GraphQLDropdownSelector);
   }(React__default.Component);
-
   GraphQLDropdownSelector.defaultProps = {
     baseClass: 'multiselector'
   };
@@ -12392,43 +11814,33 @@
    * Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
    */
   var LuxityGraphQLDropdownSelector = /*#__PURE__*/function (_React$Component) {
-    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
-
-    var _super = _createSuper(LuxityGraphQLDropdownSelector);
-
     function LuxityGraphQLDropdownSelector(props) {
       var _this;
-
       _classCallCheck(this, LuxityGraphQLDropdownSelector);
-
-      _this = _super.call(this, props);
-
-      _defineProperty(_assertThisInitialized(_this), "multiSelectorRef", /*#__PURE__*/React__default.createRef());
-
-      _defineProperty(_assertThisInitialized(_this), "increaseLimit", function () {
+      _this = _callSuper(this, LuxityGraphQLDropdownSelector, [props]);
+      _defineProperty(_this, "multiSelectorRef", /*#__PURE__*/React__default.createRef());
+      _defineProperty(_this, "increaseLimit", function () {
         _this.setState(function (prevState) {
           return {
             limit: prevState.limit + _this.props.queryLimitIncrement
           };
         });
       });
-
-      _defineProperty(_assertThisInitialized(_this), "onChange", function (selection) {
+      _defineProperty(_this, "onChange", function (selection) {
         _this.props.onChange(selection);
       });
-
-      _defineProperty(_assertThisInitialized(_this), "render", function () {
+      _defineProperty(_this, "render", function () {
         var _this$state = _this.state,
-            limit = _this$state.limit,
-            query_arguments = _this$state.query_arguments;
+          limit = _this$state.limit,
+          query_arguments = _this$state.query_arguments;
         var _this$props = _this.props,
-            title = _this$props.title,
-            baseClass = _this$props.baseClass,
-            getGraphQuery = _this$props.getGraphQuery,
-            resultProcessor = _this$props.resultProcessor,
-            graphApi = _this$props.graphApi,
-            identifier = _this$props.identifier,
-            requestInstance = _this$props.requestInstance;
+          title = _this$props.title,
+          baseClass = _this$props.baseClass,
+          getGraphQuery = _this$props.getGraphQuery,
+          resultProcessor = _this$props.resultProcessor,
+          graphApi = _this$props.graphApi,
+          identifier = _this$props.identifier,
+          requestInstance = _this$props.requestInstance;
         return /*#__PURE__*/React__default.createElement("div", {
           className: baseClass
         }, /*#__PURE__*/React__default.createElement(InterestsSubheading, {
@@ -12447,19 +11859,17 @@
           resultProcessor: resultProcessor
         })));
       });
-
       _this.state = {
         limit: props.baseQueryLimit,
         query_arguments: props.query_arguments
       };
       return _this;
     }
-
-    _createClass(LuxityGraphQLDropdownSelector, [{
+    _inherits(LuxityGraphQLDropdownSelector, _React$Component);
+    return _createClass(LuxityGraphQLDropdownSelector, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
         var _this$multiSelectorRe;
-
         if (prevProps.query_arguments !== this.props.query_arguments && (_this$multiSelectorRe = this.multiSelectorRef) !== null && _this$multiSelectorRe !== void 0 && _this$multiSelectorRe.current) {
           this.multiSelectorRef.current.emptySelected();
         }
@@ -12472,14 +11882,10 @@
             query_arguments: props.query_arguments
           };
         }
-
         return null;
       }
     }]);
-
-    return LuxityGraphQLDropdownSelector;
   }(React__default.Component);
-
   LuxityGraphQLDropdownSelector.defaultProps = {
     baseClass: '',
     searchPlaceHolder: '',
@@ -12489,11 +11895,11 @@
 
   var MaterialSelector = function MaterialSelector(_ref) {
     var onChange = _ref.onChange,
-        brands = _ref.brands,
-        graphApi = _ref.graphApi,
-        getGraphQuery = _ref.getGraphQuery,
-        resultProcessor = _ref.resultProcessor,
-        requestInstance = _ref.requestInstance;
+      brands = _ref.brands,
+      graphApi = _ref.graphApi,
+      getGraphQuery = _ref.getGraphQuery,
+      resultProcessor = _ref.resultProcessor,
+      requestInstance = _ref.requestInstance;
     return /*#__PURE__*/React__default.createElement(LuxityGraphQLDropdownSelector, {
       baseQueryLimit: 1000,
       title: "Materials",
@@ -12508,12 +11914,11 @@
       requestInstance: requestInstance
     });
   };
-
   MaterialSelector.defaultProps = {
     resultProcessor: function resultProcessor(result) {
       return result.data.data.luxity_materials.data.map(function (_ref2) {
         var id = _ref2.id,
-            name = _ref2.name;
+          name = _ref2.name;
         return {
           label: name,
           value: id