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

package/MaterialSelector.js

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