@memberstack/dom 1.9.1 → 1.9.4

package/lib/{uis → methods/dom}/main-dom.js

@@ -3,12 +3,10 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -66,14 +64,9 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
@@ -338,7 +331,7 @@ function mount_component(component, target, anchor, customElement) {
         add_render_callback(function () {
             var new_on_destroy = on_mount.map(run).filter(is_function);
             if (on_destroy) {
-                on_destroy.push.apply(on_destroy, __spreadArray([], __read(new_on_destroy), false));
+                on_destroy.push.apply(on_destroy, __spread(new_on_destroy));
             }
             else {
                 // Edge case - component was destroyed immediately,
@@ -464,7 +457,7 @@ var SvelteComponent = /** @class */ (function () {
     return SvelteComponent;
 }());
 /* src/icons/LoadingIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$v(ctx) {
+function create_fragment$t(ctx) {
     var svg;
     var path;
     var animateTransform;
@@ -509,13 +502,13 @@ var LoadingIcon = /** @class */ (function (_super) {
     __extends(LoadingIcon, _super);
     function LoadingIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$v, safe_not_equal, {});
+        init(_this, options, null, create_fragment$t, safe_not_equal, {});
         return _this;
     }
     return LoadingIcon;
 }(SvelteComponent));
 /* src/components/Loader.svelte generated by Svelte v3.48.0 */
-function create_fragment$u(ctx) {
+function create_fragment$s(ctx) {
     var div;
     var loadingicon;
     var current;
@@ -553,13 +546,13 @@ var Loader = /** @class */ (function (_super) {
     __extends(Loader, _super);
     function Loader(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$u, safe_not_equal, {});
+        init(_this, options, null, create_fragment$s, safe_not_equal, {});
         return _this;
     }
     return Loader;
 }(SvelteComponent));
 /* src/icons/CloseIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$t(ctx) {
+function create_fragment$r(ctx) {
     var svg;
     var path;
     return {
@@ -591,13 +584,13 @@ var CloseIcon = /** @class */ (function (_super) {
     __extends(CloseIcon, _super);
     function CloseIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$t, safe_not_equal, {});
+        init(_this, options, null, create_fragment$r, safe_not_equal, {});
         return _this;
     }
     return CloseIcon;
 }(SvelteComponent));
 /* src/components/CloseButton.svelte generated by Svelte v3.48.0 */
-function create_fragment$s(ctx) {
+function create_fragment$q(ctx) {
     var div;
     var button;
     var closeicon;
@@ -660,13 +653,13 @@ var CloseButton = /** @class */ (function (_super) {
     __extends(CloseButton, _super);
     function CloseButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$d, create_fragment$s, safe_not_equal, { closeModal: 0 });
+        init(_this, options, instance$d, create_fragment$q, safe_not_equal, { closeModal: 0 });
         return _this;
     }
     return CloseButton;
 }(SvelteComponent));
 /* src/icons/MemberstackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$r(ctx) {
+function create_fragment$p(ctx) {
     var svg;
     var path0;
     var path1;
@@ -720,13 +713,13 @@ var MemberstackIcon = /** @class */ (function (_super) {
     __extends(MemberstackIcon, _super);
     function MemberstackIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$r, safe_not_equal, {});
+        init(_this, options, null, create_fragment$p, safe_not_equal, {});
         return _this;
     }
     return MemberstackIcon;
 }(SvelteComponent));
 /* src/components/FigureElement.svelte generated by Svelte v3.48.0 */
-function create_fragment$q(ctx) {
+function create_fragment$o(ctx) {
     var figure;
     var memberstackicon;
     var current;
@@ -764,7 +757,7 @@ var FigureElement = /** @class */ (function (_super) {
     __extends(FigureElement, _super);
     function FigureElement(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$q, safe_not_equal, {});
+        init(_this, options, null, create_fragment$o, safe_not_equal, {});
         return _this;
     }
     return FigureElement;
@@ -780,7 +773,7 @@ function create_else_block$1(ctx) {
             button = element("button");
             create_component(loadingicon.$$.fragment);
             attr(button, "class", "ms-form__button");
-            attr(button, "type", "submit");
+            attr(button, "type", "button");
             button.disabled = true;
         },
         m: function (target, anchor) {
@@ -833,7 +826,7 @@ function create_if_block$6(ctx) {
         }
     };
 }
-function create_fragment$p(ctx) {
+function create_fragment$n(ctx) {
     var div;
     var current_block_type_index;
     var if_block;
@@ -914,13 +907,13 @@ var SubmitButton = /** @class */ (function (_super) {
     __extends(SubmitButton, _super);
     function SubmitButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$c, create_fragment$p, safe_not_equal, { buttonText: 0, isLoading: 1 });
+        init(_this, options, instance$c, create_fragment$n, safe_not_equal, { buttonText: 0, isLoading: 1 });
         return _this;
     }
     return SubmitButton;
 }(SvelteComponent));
 /* src/icons/ErrorIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$o(ctx) {
+function create_fragment$m(ctx) {
     var svg;
     var path;
     return {
@@ -950,7 +943,7 @@ var ErrorIcon = /** @class */ (function (_super) {
     __extends(ErrorIcon, _super);
     function ErrorIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$o, safe_not_equal, {});
+        init(_this, options, null, create_fragment$m, safe_not_equal, {});
         return _this;
     }
     return ErrorIcon;
@@ -996,7 +989,7 @@ function create_if_block$5(ctx) {
         }
     };
 }
-function create_fragment$n(ctx) {
+function create_fragment$l(ctx) {
     var div;
     var label;
     var t1;
@@ -1112,13 +1105,13 @@ var EmailInput = /** @class */ (function (_super) {
     __extends(EmailInput, _super);
     function EmailInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$b, create_fragment$n, safe_not_equal, { emailInputValid: 2 });
+        init(_this, options, instance$b, create_fragment$l, safe_not_equal, { emailInputValid: 2 });
         return _this;
     }
     return EmailInput;
 }(SvelteComponent));
 /* src/icons/EyeIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$m(ctx) {
+function create_fragment$k(ctx) {
     var svg;
     var path;
     return {
@@ -1149,13 +1142,13 @@ var EyeIcon = /** @class */ (function (_super) {
     __extends(EyeIcon, _super);
     function EyeIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$m, safe_not_equal, {});
+        init(_this, options, null, create_fragment$k, safe_not_equal, {});
         return _this;
     }
     return EyeIcon;
 }(SvelteComponent));
 /* src/icons/EyeSlashIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$l(ctx) {
+function create_fragment$j(ctx) {
     var svg;
     var path;
     return {
@@ -1186,7 +1179,7 @@ var EyeSlashIcon = /** @class */ (function (_super) {
     __extends(EyeSlashIcon, _super);
     function EyeSlashIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$l, safe_not_equal, {});
+        init(_this, options, null, create_fragment$j, safe_not_equal, {});
         return _this;
     }
     return EyeSlashIcon;
@@ -1194,23 +1187,25 @@ var EyeSlashIcon = /** @class */ (function (_super) {
 /* src/components/PasswordInput.svelte generated by Svelte v3.48.0 */
 function create_if_block_2$2(ctx) {
     var div;
-    var a;
+    var button;
     var mounted;
     var dispose;
     return {
         c: function () {
             div = element("div");
-            a = element("a");
-            a.textContent = "Forgot Password?";
-            attr(a, "tabindex", "-1");
-            attr(a, "href", "#");
+            button = element("button");
+            button.textContent = "Forgot Password?";
+            attr(button, "data-cy", "forgot-password-btn");
+            attr(button, "class", "ms-form__button ms-form__button--text");
+            attr(button, "tabindex", "-1");
+            attr(button, "type", "button");
             attr(div, "class", "ms-form__label ms-form__label--right");
         },
         m: function (target, anchor) {
             insert(target, div, anchor);
-            append(div, a);
+            append(div, button);
             if (!mounted) {
-                dispose = listen(a, "click", /*click_handler*/ ctx[10]);
+                dispose = listen(button, "click", /*click_handler*/ ctx[10]);
                 mounted = true;
             }
         },
@@ -1320,7 +1315,7 @@ function create_if_block$4(ctx) {
         }
     };
 }
-function create_fragment$k(ctx) {
+function create_fragment$i(ctx) {
     var div3;
     var div0;
     var label;
@@ -1553,7 +1548,7 @@ var PasswordInput = /** @class */ (function (_super) {
     __extends(PasswordInput, _super);
     function PasswordInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$a, create_fragment$k, safe_not_equal, {
+        init(_this, options, instance$a, create_fragment$i, safe_not_equal, {
             showForgotPasswordLabel: 1,
             passwordInputValid: 9,
             passwordLabel: 2,
@@ -1565,7 +1560,7 @@ var PasswordInput = /** @class */ (function (_super) {
     return PasswordInput;
 }(SvelteComponent));
 /* src/icons/SecuredIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$j(ctx) {
+function create_fragment$h(ctx) {
     var svg;
     var path;
     return {
@@ -1596,13 +1591,13 @@ var SecuredIcon = /** @class */ (function (_super) {
     __extends(SecuredIcon, _super);
     function SecuredIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$j, safe_not_equal, {});
+        init(_this, options, null, create_fragment$h, safe_not_equal, {});
         return _this;
     }
     return SecuredIcon;
 }(SvelteComponent));
 /* src/components/ModalFooter.svelte generated by Svelte v3.48.0 */
-function create_fragment$i(ctx) {
+function create_fragment$g(ctx) {
     var div;
     var a;
     var securedicon;
@@ -1648,7 +1643,7 @@ var ModalFooter = /** @class */ (function (_super) {
     __extends(ModalFooter, _super);
     function ModalFooter(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$i, safe_not_equal, {});
+        init(_this, options, null, create_fragment$g, safe_not_equal, {});
         return _this;
     }
     return ModalFooter;
@@ -1656,23 +1651,23 @@ var ModalFooter = /** @class */ (function (_super) {
 /* src/modals/LoginModal.svelte generated by Svelte v3.48.0 */
 function create_if_block$3(ctx) {
     var div;
-    var a;
+    var button;
     var mounted;
     var dispose;
     return {
         c: function () {
             div = element("div");
-            a = element("a");
-            a.textContent = "Don't have an account?";
-            attr(a, "class", "ms-form__link");
-            attr(a, "href", "#");
+            button = element("button");
+            button.textContent = "Don't have an account?";
+            attr(button, "class", "ms-form__button ms-form__button--text");
+            attr(button, "type", "button");
             attr(div, "class", "ms-form__flex ms-form__flex--centered");
         },
         m: function (target, anchor) {
             insert(target, div, anchor);
-            append(div, a);
+            append(div, button);
             if (!mounted) {
-                dispose = listen(a, "click", /*click_handler*/ ctx[11]);
+                dispose = listen(button, "click", /*click_handler*/ ctx[11]);
                 mounted = true;
             }
         },
@@ -1685,7 +1680,7 @@ function create_if_block$3(ctx) {
         }
     };
 }
-function create_fragment$h(ctx) {
+function create_fragment$f(ctx) {
     var div1;
     var closebutton;
     var t0;
@@ -1897,8 +1892,8 @@ function instance$9($$self, $$props, $$invalidate) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        emailInput = e.target[0];
-                        passwordInput = e.target[1];
+                        emailInput = e.target.querySelector("[name=eml]");
+                        passwordInput = e.target.querySelector("[name=psw]");
                         if (!emailInputValid || !passwordInputValid)
                             return [2 /*return*/];
                         $$invalidate(3, showLoader = true);
@@ -1966,7 +1961,7 @@ var LoginModal = /** @class */ (function (_super) {
     __extends(LoginModal, _super);
     function LoginModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$9, create_fragment$h, safe_not_equal, {
+        init(_this, options, instance$9, create_fragment$f, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessLogin: 7,
@@ -1977,7 +1972,7 @@ var LoginModal = /** @class */ (function (_super) {
     return LoginModal;
 }(SvelteComponent));
 /* src/modals/SignupModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$g(ctx) {
+function create_fragment$e(ctx) {
     var div2;
     var closebutton;
     var t0;
@@ -1996,7 +1991,7 @@ function create_fragment$g(ctx) {
     var submitbutton;
     var t6;
     var div0;
-    var a;
+    var button;
     var t8;
     var modalfooter;
     var current;
@@ -2050,13 +2045,12 @@ function create_fragment$g(ctx) {
             create_component(submitbutton.$$.fragment);
             t6 = space();
             div0 = element("div");
-            a = element("a");
-            a.textContent = "Already have an account?";
+            button = element("button");
+            button.textContent = "Already have an account?";
             t8 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
-            attr(a, "class", "ms-form__link");
-            attr(a, "href", "#");
+            attr(button, "class", "ms-form__button ms-form__button--text");
             attr(div0, "class", "ms-form__flex ms-form__flex--centered");
             attr(form, "class", "ms-form");
             attr(form, "action", "");
@@ -2083,13 +2077,13 @@ function create_fragment$g(ctx) {
             mount_component(submitbutton, form, null);
             append(form, t6);
             append(form, div0);
-            append(div0, a);
+            append(div0, button);
             append(div2, t8);
             mount_component(modalfooter, div2, null);
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(a, "click", /*click_handler*/ ctx[10]),
+                    listen(button, "click", /*click_handler*/ ctx[10]),
                     listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[5])))
                 ];
                 mounted = true;
@@ -2237,7 +2231,7 @@ var SignupModal = /** @class */ (function (_super) {
     __extends(SignupModal, _super);
     function SignupModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$8, create_fragment$g, safe_not_equal, {
+        init(_this, options, instance$8, create_fragment$e, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessSignup: 6,
@@ -2248,7 +2242,7 @@ var SignupModal = /** @class */ (function (_super) {
     return SignupModal;
 }(SvelteComponent));
 /* src/icons/BackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$f(ctx) {
+function create_fragment$d(ctx) {
     var svg;
     var path;
     return {
@@ -2278,13 +2272,13 @@ var BackIcon = /** @class */ (function (_super) {
     __extends(BackIcon, _super);
     function BackIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$f, safe_not_equal, {});
+        init(_this, options, null, create_fragment$d, safe_not_equal, {});
         return _this;
     }
     return BackIcon;
 }(SvelteComponent));
 /* src/modals/PassResetModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$e(ctx) {
+function create_fragment$c(ctx) {
     var div3;
     var div0;
     var button;
@@ -2356,9 +2350,10 @@ function create_fragment$e(ctx) {
             create_component(submitbutton.$$.fragment);
             t8 = space();
             div1 = element("div");
-            div1.innerHTML = "<a class=\"ms-form__link\" href=\"#\">Still need help? <u>Contact us</u></a>";
+            div1.innerHTML = "<a class=\"ms-form__link\" href=\"mailto:support@memberstack.com?subject=Question%20from%20modal\">Still need help? <u>Contact us</u></a>";
             t11 = space();
             create_component(modalfooter.$$.fragment);
+            attr(div0, "data-cy", "back-btn");
             attr(div0, "class", "ms-modal__back");
             attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
             attr(p, "class", "ms-modal__text");
@@ -2516,7 +2511,7 @@ var PassResetModal = /** @class */ (function (_super) {
     __extends(PassResetModal, _super);
     function PassResetModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$7, create_fragment$e, safe_not_equal, { closeModal: 1, display: 0 });
+        init(_this, options, instance$7, create_fragment$c, safe_not_equal, { closeModal: 1, display: 0 });
         return _this;
     }
     return PassResetModal;
@@ -2558,7 +2553,7 @@ function create_if_block$2(ctx) {
         }
     };
 }
-function create_fragment$d(ctx) {
+function create_fragment$b(ctx) {
     var div4;
     var div0;
     var button;
@@ -2594,20 +2589,20 @@ function create_fragment$d(ctx) {
         props: { closeModal: /*closeModal*/ ctx[1] }
     });
     figureelement = new FigureElement({});
-    var if_block = !ctx[2] && create_if_block$2();
+    var if_block = !ctx[3] && create_if_block$2();
     function passwordinput_passwordInputValid_binding(value) {
-        /*passwordinput_passwordInputValid_binding*/ ctx[7](value);
+        /*passwordinput_passwordInputValid_binding*/ ctx[8](value);
     }
     var passwordinput_props = { passwordLabel: "Choose a new password" };
-    if ( /*passwordInputValid*/ctx[3] !== void 0) {
-        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[3];
+    if ( /*passwordInputValid*/ctx[4] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[4];
     }
     passwordinput = new PasswordInput({ props: passwordinput_props });
     binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
     submitbutton = new SubmitButton({
         props: {
             buttonText: "Confirm & Reset",
-            isLoading: false
+            isLoading: /*showLoader*/ ctx[2]
         }
     });
     modalfooter = new ModalFooter({});
@@ -2642,7 +2637,7 @@ function create_fragment$d(ctx) {
             create_component(submitbutton.$$.fragment);
             t15 = space();
             div2 = element("div");
-            div2.innerHTML = "<a class=\"ms-form__link\" href=\"#\">Still need help? <u>Contact us</u></a>";
+            div2.innerHTML = "<a class=\"ms-form__link\" href=\"mailto:support@memberstack.com?subject=Question%20from%20modal\">Still need help? <u>Contact us</u></a>";
             t18 = space();
             create_component(modalfooter.$$.fragment);
             attr(div0, "class", "ms-modal__back");
@@ -2693,8 +2688,8 @@ function create_fragment$d(ctx) {
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(button, "click", /*click_handler*/ ctx[6]),
-                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordToken*/ ctx[4])))
+                    listen(button, "click", /*click_handler*/ ctx[7]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordToken*/ ctx[5])))
                 ];
                 mounted = true;
             }
@@ -2705,9 +2700,9 @@ function create_fragment$d(ctx) {
             if (dirty & /*closeModal*/ 2)
                 closebutton_changes.closeModal = /*closeModal*/ ctx[1];
             closebutton.$set(closebutton_changes);
-            if (!ctx[2]) {
+            if (!ctx[3]) {
                 if (if_block) {
-                    if (dirty & /*tokenInputValid*/ 4) {
+                    if (dirty & /*tokenInputValid*/ 8) {
                         transition_in(if_block, 1);
                     }
                 }
@@ -2726,12 +2721,16 @@ function create_fragment$d(ctx) {
                 check_outros();
             }
             var passwordinput_changes = {};
-            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 8) {
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 16) {
                 updating_passwordInputValid = true;
-                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[3];
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[4];
                 add_flush_callback(function () { return updating_passwordInputValid = false; });
             }
             passwordinput.$set(passwordinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 4)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
+            submitbutton.$set(submitbutton_changes);
         },
         i: function (local) {
             if (current)
@@ -2775,10 +2774,11 @@ function instance$6($$self, $$props, $$invalidate) {
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessPasswordReset = $$props.onSuccessPasswordReset;
+    var showLoader = false;
     var tokenInputValid = true;
     var passwordInputValid = true;
     onMount(function () {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -2798,7 +2798,7 @@ function instance$6($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -2806,10 +2806,10 @@ function instance$6($$self, $$props, $$invalidate) {
             return false;
         });
         if (hasEmpty) {
-            $$invalidate(2, tokenInputValid = false);
+            $$invalidate(3, tokenInputValid = false);
         }
         else {
-            $$invalidate(2, tokenInputValid = true);
+            $$invalidate(3, tokenInputValid = true);
         }
         return !hasEmpty;
     };
@@ -2823,7 +2823,7 @@ function instance$6($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
+                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -2833,11 +2833,13 @@ function instance$6($$self, $$props, $$invalidate) {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
+                        $$invalidate(2, showLoader = true);
                         return [4 /*yield*/, window.$memberstackDom.resetMemberPassword({ token: token, newPassword: passwordInput.value })];
                     case 2:
                         data = (_a.sent()).data;
+                        window.$memberstackDom._showMessage("Password successfully reset", false);
                         onSuccessPasswordReset({ type: "PASSWORD_RESET", data: data });
-                        showLoader = false;
+                        $$invalidate(2, showLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
                         err_4 = _a.sent();
@@ -2855,7 +2857,7 @@ function instance$6($$self, $$props, $$invalidate) {
     var click_handler = function () { return $$invalidate(0, display = "forgot_password"); };
     function passwordinput_passwordInputValid_binding(value) {
         passwordInputValid = value;
-        $$invalidate(3, passwordInputValid);
+        $$invalidate(4, passwordInputValid);
     }
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
@@ -2863,11 +2865,12 @@ function instance$6($$self, $$props, $$invalidate) {
         if ('display' in $$props)
             $$invalidate(0, display = $$props.display);
         if ('onSuccessPasswordReset' in $$props)
-            $$invalidate(5, onSuccessPasswordReset = $$props.onSuccessPasswordReset);
+            $$invalidate(6, onSuccessPasswordReset = $$props.onSuccessPasswordReset);
     };
     return [
         display,
         closeModal,
+        showLoader,
         tokenInputValid,
         passwordInputValid,
         submitPasswordToken,
@@ -2880,17 +2883,17 @@ var PassTokenModal = /** @class */ (function (_super) {
     __extends(PassTokenModal, _super);
     function PassTokenModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$6, create_fragment$d, safe_not_equal, {
+        init(_this, options, instance$6, create_fragment$b, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessPasswordReset: 5
+            onSuccessPasswordReset: 6
         });
         return _this;
     }
     return PassTokenModal;
 }(SvelteComponent));
 /* src/icons/ProfileIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$c(ctx) {
+function create_fragment$a(ctx) {
     var svg;
     var path;
     return {
@@ -2920,13 +2923,13 @@ var ProfileIcon = /** @class */ (function (_super) {
     __extends(ProfileIcon, _super);
     function ProfileIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$c, safe_not_equal, {});
+        init(_this, options, null, create_fragment$a, safe_not_equal, {});
         return _this;
     }
     return ProfileIcon;
 }(SvelteComponent));
 /* src/icons/SecurityIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$b(ctx) {
+function create_fragment$9(ctx) {
     var svg;
     var path;
     return {
@@ -2955,104 +2958,13 @@ function create_fragment$b(ctx) {
 var SecurityIcon = /** @class */ (function (_super) {
     __extends(SecurityIcon, _super);
     function SecurityIcon(options) {
-        var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$b, safe_not_equal, {});
-        return _this;
-    }
-    return SecurityIcon;
-}(SvelteComponent));
-/* src/icons/ProductsIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$a(ctx) {
-    var svg;
-    var path;
-    return {
-        c: function () {
-            svg = svg_element("svg");
-            path = svg_element("path");
-            attr(path, "d", "m14.55 11c0.75 0 1.41-0.41 1.75-1.03l3.58-6.49c0.37-0.66-0.11-1.48-0.87-1.48h-14.8l-0.94-2h-3.27v2h2l3.6 7.59-1.35 2.44c-0.73 1.34 0.23 2.97 1.75 2.97h12v-2h-12l1.1-2h7.45zm-9.39-7h12.15l-2.76 5h-7.02l-2.37-5zm0.84 12c-1.1 0-1.99 0.9-1.99 2s0.89 2 1.99 2 2-0.9 2-2-0.9-2-2-2zm10 0c-1.1 0-1.99 0.9-1.99 2s0.89 2 1.99 2 2-0.9 2-2-0.9-2-2-2z");
-            attr(path, "fill", "currentColor");
-            attr(svg, "fill", "none");
-            attr(svg, "viewBox", "0 0 21 20");
-            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-        },
-        m: function (target, anchor) {
-            insert(target, svg, anchor);
-            append(svg, path);
-        },
-        p: noop,
-        i: noop,
-        o: noop,
-        d: function (detaching) {
-            if (detaching)
-                detach(svg);
-        }
-    };
-}
-var ProductsIcon = /** @class */ (function (_super) {
-    __extends(ProductsIcon, _super);
-    function ProductsIcon(options) {
-        var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$a, safe_not_equal, {});
-        return _this;
-    }
-    return ProductsIcon;
-}(SvelteComponent));
-/* src/icons/InvoicesIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$9(ctx) {
-    var svg;
-    var path0;
-    var path1;
-    var path2;
-    var path3;
-    var path4;
-    return {
-        c: function () {
-            svg = svg_element("svg");
-            path0 = svg_element("path");
-            path1 = svg_element("path");
-            path2 = svg_element("path");
-            path3 = svg_element("path");
-            path4 = svg_element("path");
-            attr(path0, "d", "m16.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5-1.5 1.5-1.5-1.5v14h-3v3c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3v-17l-1.5 1.5zm-4.5 16.5h-9c-0.55 0-1-0.45-1-1v-1h10v2zm4-1c0 0.55-0.45 1-1 1s-1-0.45-1-1v-3h-9v-11h11v14z");
-            attr(path0, "fill", "currentColor");
-            attr(path1, "d", "M12 5H6V7H12V5Z");
-            attr(path1, "fill", "currentColor");
-            attr(path2, "d", "m15 5h-2v2h2v-2z");
-            attr(path2, "fill", "currentColor");
-            attr(path3, "d", "m12 8h-6v2h6v-2z");
-            attr(path3, "fill", "currentColor");
-            attr(path4, "d", "m15 8h-2v2h2v-2z");
-            attr(path4, "fill", "currentColor");
-            attr(svg, "viewBox", "0 0 18 20");
-            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-        },
-        m: function (target, anchor) {
-            insert(target, svg, anchor);
-            append(svg, path0);
-            append(svg, path1);
-            append(svg, path2);
-            append(svg, path3);
-            append(svg, path4);
-        },
-        p: noop,
-        i: noop,
-        o: noop,
-        d: function (detaching) {
-            if (detaching)
-                detach(svg);
-        }
-    };
-}
-var InvoicesIcon = /** @class */ (function (_super) {
-    __extends(InvoicesIcon, _super);
-    function InvoicesIcon(options) {
         var _this = _super.call(this) || this;
         init(_this, options, null, create_fragment$9, safe_not_equal, {});
         return _this;
     }
-    return InvoicesIcon;
+    return SecurityIcon;
 }(SvelteComponent));
-/* src/icons/PaymentIcon.svelte generated by Svelte v3.48.0 */
+/* src/icons/LinkOutIcon.svelte generated by Svelte v3.48.0 */
 function create_fragment$8(ctx) {
     var svg;
     var path;
@@ -3060,10 +2972,10 @@ function create_fragment$8(ctx) {
         c: function () {
             svg = svg_element("svg");
             path = svg_element("path");
-            attr(path, "d", "m18 0h-16c-1.11 0-1.99 0.89-1.99 2l-0.01 12c0 1.11 0.89 2 2 2h16c1.11 0 2-0.89 2-2v-12c0-1.11-0.89-2-2-2zm0 14h-16v-6h16v6zm0-10h-16v-2h16v2z");
             attr(path, "fill", "currentColor");
+            attr(path, "d", "M16 16H2V2H9V0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.1 18 18 17.1 18 16V9H16V16ZM11 0V2H14.59L4.76 11.83L6.17 13.24L16 3.41V7H18V0H11Z");
             attr(svg, "fill", "none");
-            attr(svg, "viewBox", "0 0 20 16");
+            attr(svg, "viewBox", "0 0 18 18");
             attr(svg, "xmlns", "http://www.w3.org/2000/svg");
         },
         m: function (target, anchor) {
@@ -3079,14 +2991,14 @@ function create_fragment$8(ctx) {
         }
     };
 }
-var PaymentIcon = /** @class */ (function (_super) {
-    __extends(PaymentIcon, _super);
-    function PaymentIcon(options) {
+var LinkOutIcon = /** @class */ (function (_super) {
+    __extends(LinkOutIcon, _super);
+    function LinkOutIcon(options) {
         var _this = _super.call(this) || this;
         init(_this, options, null, create_fragment$8, safe_not_equal, {});
         return _this;
     }
-    return PaymentIcon;
+    return LinkOutIcon;
 }(SvelteComponent));
 /* src/icons/LogoutIcon.svelte generated by Svelte v3.48.0 */
 function create_fragment$7(ctx) {
@@ -3128,112 +3040,89 @@ var LogoutIcon = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/components/ProfileModalNav.svelte generated by Svelte v3.48.0 */
 function create_fragment$6(ctx) {
-    var div0;
+    var button0;
     var profileicon;
     var t0;
     var t1;
-    var div1;
+    var button1;
     var securityicon;
     var t2;
     var t3;
-    var div2;
-    var productsicon;
+    var button2;
+    var linkouticon;
     var t4;
     var t5;
-    var div3;
-    var invoicesicon;
-    var t6;
-    var t7;
-    var div4;
-    var paymenticon;
-    var t8;
-    var t9;
-    var div5;
+    var button3;
     var logouticon;
-    var t10;
+    var t6;
     var current;
     var mounted;
     var dispose;
     profileicon = new ProfileIcon({});
     securityicon = new SecurityIcon({});
-    productsicon = new ProductsIcon({});
-    invoicesicon = new InvoicesIcon({});
-    paymenticon = new PaymentIcon({});
+    linkouticon = new LinkOutIcon({});
     logouticon = new LogoutIcon({});
     return {
         c: function () {
-            div0 = element("div");
+            button0 = element("button");
             create_component(profileicon.$$.fragment);
             t0 = text(" Profile");
             t1 = space();
-            div1 = element("div");
+            button1 = element("button");
             create_component(securityicon.$$.fragment);
             t2 = text(" Security");
             t3 = space();
-            div2 = element("div");
-            create_component(productsicon.$$.fragment);
-            t4 = text(" Products");
+            button2 = element("button");
+            create_component(linkouticon.$$.fragment);
+            t4 = text(" Billing Portal");
             t5 = space();
-            div3 = element("div");
-            create_component(invoicesicon.$$.fragment);
-            t6 = text(" Invoices");
-            t7 = space();
-            div4 = element("div");
-            create_component(paymenticon.$$.fragment);
-            t8 = text(" Payment Methods");
-            t9 = space();
-            div5 = element("div");
+            button3 = element("button");
             create_component(logouticon.$$.fragment);
-            t10 = text(" Logout");
-            attr(div0, "class", "ms-modal__profile-option ");
-            toggle_class(div0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
-            attr(div1, "class", "ms-modal__profile-option");
-            toggle_class(div1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
-            attr(div2, "class", "ms-modal__profile-option");
-            attr(div3, "class", "ms-modal__profile-option");
-            attr(div4, "class", "ms-modal__profile-option");
-            attr(div5, "class", "ms-modal__profile-option");
+            t6 = text(" Logout");
+            attr(button0, "class", "ms-modal__profile-option");
+            toggle_class(button0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
+            attr(button1, "class", "ms-modal__profile-option");
+            toggle_class(button1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
+            attr(button2, "class", "ms-modal__profile-option");
+            attr(button3, "class", "ms-modal__profile-option");
         },
         m: function (target, anchor) {
-            insert(target, div0, anchor);
-            mount_component(profileicon, div0, null);
-            append(div0, t0);
+            insert(target, button0, anchor);
+            mount_component(profileicon, button0, null);
+            append(button0, t0);
             insert(target, t1, anchor);
-            insert(target, div1, anchor);
-            mount_component(securityicon, div1, null);
-            append(div1, t2);
+            insert(target, button1, anchor);
+            mount_component(securityicon, button1, null);
+            append(button1, t2);
             insert(target, t3, anchor);
-            insert(target, div2, anchor);
-            mount_component(productsicon, div2, null);
-            append(div2, t4);
+            insert(target, button2, anchor);
+            mount_component(linkouticon, button2, null);
+            append(button2, t4);
             insert(target, t5, anchor);
-            insert(target, div3, anchor);
-            mount_component(invoicesicon, div3, null);
-            append(div3, t6);
-            insert(target, t7, anchor);
-            insert(target, div4, anchor);
-            mount_component(paymenticon, div4, null);
-            append(div4, t8);
-            insert(target, t9, anchor);
-            insert(target, div5, anchor);
-            mount_component(logouticon, div5, null);
-            append(div5, t10);
+            insert(target, button3, anchor);
+            mount_component(logouticon, button3, null);
+            append(button3, t6);
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(div0, "click", /*click_handler*/ ctx[1]),
-                    listen(div1, "click", /*click_handler_1*/ ctx[2])
+                    listen(button0, "click", /*click_handler*/ ctx[2]),
+                    listen(button1, "click", /*click_handler_1*/ ctx[3]),
+                    listen(button2, "click", function () {
+                        if (is_function(/*displayBilling*/ ctx[1])) /*displayBilling*/
+                            ctx[1].apply(this, arguments);
+                    })
                 ];
                 mounted = true;
             }
         },
-        p: function (ctx, _a) {
+        p: function (new_ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
+            ctx = new_ctx;
             if (dirty & /*displayProfile*/ 1) {
-                toggle_class(div0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
+                toggle_class(button0, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "profile");
             }
             if (dirty & /*displayProfile*/ 1) {
-                toggle_class(div1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
+                toggle_class(button1, "ms-modal__profile-option--active", /*displayProfile*/ ctx[0] === "security" || /*displayProfile*/ ctx[0] === "changePassword");
             }
         },
         i: function (local) {
@@ -3241,49 +3130,35 @@ function create_fragment$6(ctx) {
                 return;
             transition_in(profileicon.$$.fragment, local);
             transition_in(securityicon.$$.fragment, local);
-            transition_in(productsicon.$$.fragment, local);
-            transition_in(invoicesicon.$$.fragment, local);
-            transition_in(paymenticon.$$.fragment, local);
+            transition_in(linkouticon.$$.fragment, local);
             transition_in(logouticon.$$.fragment, local);
             current = true;
         },
         o: function (local) {
             transition_out(profileicon.$$.fragment, local);
             transition_out(securityicon.$$.fragment, local);
-            transition_out(productsicon.$$.fragment, local);
-            transition_out(invoicesicon.$$.fragment, local);
-            transition_out(paymenticon.$$.fragment, local);
+            transition_out(linkouticon.$$.fragment, local);
             transition_out(logouticon.$$.fragment, local);
             current = false;
         },
         d: function (detaching) {
             if (detaching)
-                detach(div0);
+                detach(button0);
             destroy_component(profileicon);
             if (detaching)
                 detach(t1);
             if (detaching)
-                detach(div1);
+                detach(button1);
             destroy_component(securityicon);
             if (detaching)
                 detach(t3);
             if (detaching)
-                detach(div2);
-            destroy_component(productsicon);
+                detach(button2);
+            destroy_component(linkouticon);
             if (detaching)
                 detach(t5);
             if (detaching)
-                detach(div3);
-            destroy_component(invoicesicon);
-            if (detaching)
-                detach(t7);
-            if (detaching)
-                detach(div4);
-            destroy_component(paymenticon);
-            if (detaching)
-                detach(t9);
-            if (detaching)
-                detach(div5);
+                detach(button3);
             destroy_component(logouticon);
             mounted = false;
             run_all(dispose);
@@ -3292,19 +3167,22 @@ function create_fragment$6(ctx) {
 }
 function instance$5($$self, $$props, $$invalidate) {
     var displayProfile = $$props.displayProfile;
+    var displayBilling = $$props.displayBilling;
     var click_handler = function () { return $$invalidate(0, displayProfile = "profile"); };
     var click_handler_1 = function () { return $$invalidate(0, displayProfile = "security"); };
     $$self.$$set = function ($$props) {
         if ('displayProfile' in $$props)
             $$invalidate(0, displayProfile = $$props.displayProfile);
+        if ('displayBilling' in $$props)
+            $$invalidate(1, displayBilling = $$props.displayBilling);
     };
-    return [displayProfile, click_handler, click_handler_1];
+    return [displayProfile, displayBilling, click_handler, click_handler_1];
 }
 var ProfileModalNav = /** @class */ (function (_super) {
     __extends(ProfileModalNav, _super);
     function ProfileModalNav(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$5, create_fragment$6, safe_not_equal, { displayProfile: 0 });
+        init(_this, options, instance$5, create_fragment$6, safe_not_equal, { displayProfile: 0, displayBilling: 1 });
         return _this;
     }
     return ProfileModalNav;
@@ -3807,7 +3685,7 @@ function create_if_block_2$1(ctx) {
     var updating_displayProfile;
     var current;
     function passwordinfocontent_displayProfile_binding(value) {
-        /*passwordinfocontent_displayProfile_binding*/ ctx[5](value);
+        /*passwordinfocontent_displayProfile_binding*/ ctx[4](value);
     }
     var passwordinfocontent_props = {};
     if ( /*displayProfile*/ctx[0] !== void 0) {
@@ -3853,7 +3731,7 @@ function create_if_block_1$1(ctx) {
     var updating_displayProfile;
     var current;
     function securityinfocontent_displayProfile_binding(value) {
-        /*securityinfocontent_displayProfile_binding*/ ctx[4](value);
+        /*securityinfocontent_displayProfile_binding*/ ctx[3](value);
     }
     var securityinfocontent_props = {};
     if ( /*displayProfile*/ctx[0] !== void 0) {
@@ -3948,7 +3826,7 @@ function create_fragment$1(ctx) {
         props: { closeModal: /*closeModal*/ ctx[1] }
     });
     function profilemodalnav_displayProfile_binding(value) {
-        /*profilemodalnav_displayProfile_binding*/ ctx[3](value);
+        /*profilemodalnav_displayProfile_binding*/ ctx[2](value);
     }
     var profilemodalnav_props = {};
     if ( /*displayProfile*/ctx[0] !== void 0) {
@@ -4100,7 +3978,6 @@ function create_fragment$1(ctx) {
 }
 function instance$1($$self, $$props, $$invalidate) {
     var closeModal = $$props.closeModal;
-    var logout = $$props.logout;
     var _a = $$props.displayProfile, displayProfile = _a === void 0 ? "profile" : _a;
     function profilemodalnav_displayProfile_binding(value) {
         displayProfile = value;
@@ -4117,15 +3994,12 @@ function instance$1($$self, $$props, $$invalidate) {
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
             $$invalidate(1, closeModal = $$props.closeModal);
-        if ('logout' in $$props)
-            $$invalidate(2, logout = $$props.logout);
         if ('displayProfile' in $$props)
             $$invalidate(0, displayProfile = $$props.displayProfile);
     };
     return [
         displayProfile,
         closeModal,
-        logout,
         profilemodalnav_displayProfile_binding,
         securityinfocontent_displayProfile_binding,
         passwordinfocontent_displayProfile_binding
@@ -4135,18 +4009,14 @@ var ProfileModal = /** @class */ (function (_super) {
     __extends(ProfileModal, _super);
     function ProfileModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$1, create_fragment$1, safe_not_equal, {
-            closeModal: 1,
-            logout: 2,
-            displayProfile: 0
-        });
+        init(_this, options, instance$1, create_fragment$1, safe_not_equal, { closeModal: 1, displayProfile: 0 });
         return _this;
     }
     return ProfileModal;
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    append_styles(target, "svelte-tmmzoj", "@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap\");#msOverlay.svelte-tmmzoj{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:2;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif}.--hide{display:none}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms-modal{box-sizing:border-box;margin:auto;min-width:0;position:relative;outline:none;background:white;border-radius:16px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);width:360px;color:rgb(10, 10, 10)}.ms-modal--profile{width:700px}.ms-modal__close{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;right:16px;z-index:10;line-height:0}.ms-modal__close button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__close button:hover{color:#0a0a0a}.ms-modal__back{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__back button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__back button:hover, .ms-modal__profile-back button:hover{color:#0a0a0a}.ms-modal__back svg{height:12px}.ms-modal__profile-back button{appearance:none;padding:5px;margin-right:6px;outline:none;width:25px;height:25px;border:0;background:transparent;cursor:pointer;color:#5c5c5c;display:flex;align-items:stretch;justify-content:center}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__content{padding:28px 28px 20px;width:100%;box-sizing:border-box;margin:0 auto}.ms-modal__content--profile{padding:0;display:flex;flex-wrap:wrap;align-content:stretch;align-items:stretch;border-top:1px solid #DDDDDD}.ms-modal__content-left{padding:20px;border-right:1px solid #DDDDDD}.ms-modal__content-right{padding:20px;flex-grow:1}.ms-modal__figure{box-sizing:border-box;margin:8px auto;display:flex;width:44px;height:44px;border-radius:100%;border:1px solid rgb(235, 235, 235);box-shadow:rgb(0 0 0 / 4%) 0px 2px 2px 0px;padding:7px}.ms-modal__figure--profile{width:24px;height:24px;padding:3px;margin:0px 8px 0px 0px}.ms-modal__title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ms-modal__title{margin-bottom:36px;margin-top:0;text-align:center;font-size:24px;line-height:32px;font-weight:500}.ms-modal__title--profile{margin-bottom:0px}.ms-modal__title-group{display:flex;align-items:center}.ms-modal__title--sub-text{margin-bottom:8px}.ms-modal__text{font-weight:500;font-size:16px;line-height:28px;text-align:center;margin:0 0 20px 0}.ms-form{width:100%}.ms-form__group{margin-bottom:20px}.ms-form__flex{display:flex;justify-content:space-between;align-content:center}.ms-form__flex--centered{justify-content:center}.ms-form__label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-form__fieldset{display:flex;justify-content:space-between;padding:0;border:none}.ms-form__input{box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;font-size:16px;font-weight:400;padding:15px;width:100%}.ms-form__password-container{display:flex;justify-content:space-between;align-content:center;box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;width:100%}.ms-form__password-container:focus-within{border:1px solid rgb(0, 68, 252);outline:rgb(0, 68, 252) solid 1px}.ms-form__password-container:focus-within input{outline:none;border-color:rgb(201, 201, 201);box-shadow:none}.ms-form__input--password{border:none}.ms-form__input--token{font-weight:500;font-size:24.19px;line-height:32px;text-align:center;color:#000000;padding:9px;max-width:42px}.ms-form__show-toggle{cursor:pointer;background:transparent;border-radius:0px 6px 6px 0px;padding:0px 8px;display:flex;align-items:center}.ms-form__eye{display:block;width:22px}.ms-form__eye-slash{display:block;width:22px}.ms-form__error{font-weight:500;font-size:12px;line-height:16px;color:#e40023;margin-top:4px;display:flex;align-items:baseline}.ms-form__error svg{width:10px;height:10px;margin-right:5px}.ms-form__label--right a{color:rgb(10, 10, 10) !important;text-decoration:none;font-weight:400}.ms-form__button{border-radius:6px;font-weight:700;font-size:16px;padding-left:22px;padding-right:22px;height:52px;border:none;display:block;width:100%;background-color:rgb(41, 98, 255);color:#fff;transition:background-color 0.5s ease;cursor:pointer}.ms-form__button:hover{background-color:#0745ff}.ms-form__button:disabled{background-color:#96C0FE;color:#fff;pointer-events:none}#msFormLoader path{fill:#fff}a.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none}.ms-modal__cancel-button{background:#F6F6F6;color:#828282;padding:8px;margin-right:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__save-button{background:#2962FF;color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__outline-button{background:#fff;color:#0A0A0A;font-weight:700;font-size:14px;line-height:16px;padding:12px;margin-right:8px;border-radius:4px;border:1px solid #DDDDDD;cursor:pointer}.ms-modal__outline-button svg{height:14px;margin-right:6px}.ms-modal__button-label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-modal__profile-option{cursor:pointer;margin-bottom:20px;font-weight:500;font-size:16px;line-height:28px}.ms-modal__profile-option svg{height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962FF}.ms-modal__profile-option--active{color:#2962FF}.ms-modal__social-divider{display:flex;align-items:center;margin:20px 0px}.ms-modal__divider-line{text-align:center;background:#dddddd;height:1px;width:100%}.ms-modal__divider-text{padding:0px 4px}.ms-modal__footer{text-align:center;width:100%;box-sizing:border-box;margin:0;min-width:0;background:#f6f6f6;padding-top:10px;padding-bottom:10px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid;border-top-color:#dddddd;font-size:12px;line-height:16px;font-weight:500}.ms-modal__footer a{color:rgb(10, 10, 10);text-decoration:none}.ms-modal__footer svg{height:12px;width:12px}");
+    append_styles(target, "svelte-n5w4ub", "@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap\");#msOverlay.svelte-n5w4ub{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:99999;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif}.--hide{display:none}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms-modal{box-sizing:border-box;margin:auto;min-width:0;position:relative;outline:none;background:white;border-radius:16px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);width:360px;color:rgb(10, 10, 10)}.ms-modal--profile{width:700px}.ms-modal__close{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;right:16px;z-index:10;line-height:0}.ms-modal__close button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__close button:hover{color:#0a0a0a}.ms-modal__back{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__back button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__back button:hover, .ms-modal__profile-back button:hover{color:#0a0a0a}.ms-modal__back svg{height:12px}.ms-modal__profile-back button{appearance:none;padding:5px;margin-right:6px;outline:none;width:25px;height:25px;border:0;background:transparent;cursor:pointer;color:#5c5c5c;display:flex;align-items:stretch;justify-content:center}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__content{padding:28px 28px 20px;width:100%;box-sizing:border-box;margin:0 auto}.ms-modal__content--profile{padding:0;display:flex;flex-wrap:wrap;align-content:stretch;align-items:stretch;border-top:1px solid #DDDDDD}.ms-modal__content-left{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-right:1px solid #DDDDDD;min-width:160px}.ms-modal__content-right{padding:20px;flex-grow:1;min-height:300px;max-height:400px;overflow-y:auto}.ms-modal__figure{box-sizing:border-box;margin:8px auto;display:flex;width:44px;height:44px;border-radius:100%;border:1px solid rgb(235, 235, 235);box-shadow:rgb(0 0 0 / 4%) 0px 2px 2px 0px;padding:7px}.ms-modal__figure--profile{width:24px;height:24px;padding:3px;margin:0px 8px 0px 0px}.ms-modal__title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ms-modal__title{margin-bottom:36px;margin-top:0;text-align:center;font-size:24px;line-height:32px;font-weight:500}.ms-modal__title--profile{margin-bottom:0px}.ms-modal__title-group{display:flex;align-items:center}.ms-modal__title--sub-text{margin-bottom:8px}.ms-modal__text{font-weight:500;font-size:16px;line-height:28px;text-align:center;margin:0 0 20px 0}.ms-form{width:100%}.ms-form__group{margin-bottom:20px}.ms-form__flex{display:flex;justify-content:space-between;align-content:center}.ms-form__flex--centered{justify-content:center}.ms-form__label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-form__fieldset{display:flex;justify-content:space-between;padding:0;border:none}.ms-form__input{box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;font-size:16px;font-weight:400;padding:15px;width:100%}.ms-form__password-container{display:flex;justify-content:space-between;align-content:center;box-sizing:border-box;margin:0px;border:1px solid rgb(201, 201, 201);border-radius:6px;width:100%}.ms-form__password-container:focus-within{border:1px solid rgb(0, 68, 252);outline:rgb(0, 68, 252) solid 1px}.ms-form__password-container:focus-within input{outline:none;border-color:rgb(201, 201, 201);box-shadow:none}.ms-form__input--password{border:none}.ms-form__input--token{font-weight:500;font-size:24.19px;line-height:32px;text-align:center;color:#000000;padding:9px;max-width:42px}.ms-form__show-toggle{cursor:pointer;background:transparent;border-radius:0px 6px 6px 0px;padding:0px 8px;display:flex;align-items:center}.ms-form__eye{display:block;width:22px}.ms-form__eye-slash{display:block;width:22px}.ms-form__error{font-weight:500;font-size:12px;line-height:16px;color:#e40023;margin-top:4px;display:flex;align-items:baseline}.ms-form__error svg{width:10px;height:10px;margin-right:5px}.ms-form__label--right a{color:rgb(10, 10, 10) !important;text-decoration:none;font-weight:400}.ms-form__button{border-radius:6px;font-weight:700;font-size:16px;padding-left:22px;padding-right:22px;height:52px;border:none;display:block;width:100%;background-color:rgb(41, 98, 255);color:#fff;transition:background-color 0.5s ease;cursor:pointer}.ms-form__button:hover{background-color:#0745ff}.ms-form__button:disabled{background-color:#96C0FE;color:#fff;pointer-events:none;display:flex;justify-content:center;align-items:center}.ms-form__button--text{background-color:transparent;padding:0px;height:auto;margin-bottom:0px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500;color:rgb(10, 10, 10)}.ms-form__button--text:hover{background-color:transparent}#msFormLoader path{fill:#fff}a.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none}.ms-modal__cancel-button{background:#F6F6F6;color:#828282;padding:8px;margin-right:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__save-button{background:#2962FF;color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer}.ms-modal__outline-button{background:#fff;color:#0A0A0A;font-weight:700;font-size:14px;line-height:16px;padding:12px;margin-right:8px;border-radius:4px;border:1px solid #DDDDDD;cursor:pointer}.ms-modal__outline-button svg{height:14px;margin-right:6px}.ms-modal__button-label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-modal__profile-option{cursor:pointer;margin-bottom:20px;font-weight:500;font-size:16px;line-height:28px;background:transparent;border:none;padding:0px}.ms-modal__profile-option svg{height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962FF}.ms-modal__profile-option--active{color:#2962FF}.ms-modal__social-divider{display:flex;align-items:center;margin:20px 0px}.ms-modal__divider-line{text-align:center;background:#dddddd;height:1px;width:100%}.ms-modal__divider-text{padding:0px 4px}.ms-modal__footer{text-align:center;width:100%;box-sizing:border-box;margin:0;min-width:0;background:#f6f6f6;padding-top:10px;padding-bottom:10px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid;border-top-color:#dddddd;font-size:12px;line-height:16px;font-weight:500}.ms-modal__footer a{color:rgb(10, 10, 10);text-decoration:none;display:flex;justify-content:center;align-items:center}.ms-modal__footer svg{height:12px;width:12px}");
 }
 // (23:2) {#if showLoader}
 function create_if_block_5(ctx) {
@@ -4487,7 +4357,7 @@ function create_fragment(ctx) {
             if (if_block1)
                 if_block1.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-tmmzoj");
+            attr(main, "class", "svelte-n5w4ub");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);