@memberstack/dom 1.9.9 → 1.9.10

package/lib/methods/dom/main-dom.js

@@ -3,10 +3,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, 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 __());
@@ -75,9 +77,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    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 __values = (this && this.__values) || function(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -134,7 +141,7 @@ function subscribe(store) {
     if (store == null) {
         return noop;
     }
-    var unsub = store.subscribe.apply(store, __spread(callbacks));
+    var unsub = store.subscribe.apply(store, __spreadArray([], __read(callbacks), false));
     return unsub.unsubscribe ? function () { return unsub.unsubscribe(); } : unsub;
 }
 function component_subscribe(component, store, callback) {
@@ -365,18 +372,18 @@ function create_rule(node, a, b, duration, delay, ease, fn, uid) {
     var keyframes = '{\n';
     for (var p = 0; p <= 1; p += step) {
         var t = a + (b - a) * ease(p);
-        keyframes += p * 100 + ("%{" + fn(t, 1 - t) + "}\n");
+        keyframes += p * 100 + "%{".concat(fn(t, 1 - t), "}\n");
     }
-    var rule = keyframes + ("100% {" + fn(b, 1 - b) + "}\n}");
-    var name = "__svelte_" + hash(rule) + "_" + uid;
+    var rule = keyframes + "100% {".concat(fn(b, 1 - b), "}\n}");
+    var name = "__svelte_".concat(hash(rule), "_").concat(uid);
     var doc = get_root_for_style(node);
     var _a = managed_styles.get(doc) || create_style_information(doc, node), stylesheet = _a.stylesheet, rules = _a.rules;
     if (!rules[name]) {
         rules[name] = true;
-        stylesheet.insertRule("@keyframes " + name + " " + rule, stylesheet.cssRules.length);
+        stylesheet.insertRule("@keyframes ".concat(name, " ").concat(rule), stylesheet.cssRules.length);
     }
     var animation = node.style.animation || '';
-    node.style.animation = "" + (animation ? animation + ", " : '') + name + " " + duration + "ms linear " + delay + "ms 1 both";
+    node.style.animation = "".concat(animation ? "".concat(animation, ", ") : '').concat(name, " ").concat(duration, "ms linear ").concat(delay, "ms 1 both");
     active += 1;
     return name;
 }
@@ -518,7 +525,7 @@ function wait() {
     return promise;
 }
 function dispatch(node, direction, kind) {
-    node.dispatchEvent(custom_event("" + (direction ? 'intro' : 'outro') + kind));
+    node.dispatchEvent(custom_event("".concat(direction ? 'intro' : 'outro').concat(kind)));
 }
 var outroing = new Set();
 var outros;
@@ -760,7 +767,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, __spread(new_on_destroy));
+                on_destroy.push.apply(on_destroy, __spreadArray([], __read(new_on_destroy), false));
             }
             else {
                 // Edge case - component was destroyed immediately,
@@ -948,6 +955,7 @@ function writable(value, start) {
 var AppStore = writable({
     initialValue: true,
     customFields: [],
+    isPaid: false,
     branding: {
         logo: "",
         colors: {
@@ -1021,7 +1029,7 @@ function create_fragment$G(ctx) {
         }
     };
 }
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
     var _a = $$props.$$slots, slots = _a === void 0 ? {} : _a, $$scope = $$props.$$scope;
     var query = $$props.query;
     var mql;
@@ -1067,7 +1075,7 @@ var MediaQuery = /** @class */ (function (_super) {
     __extends(MediaQuery, _super);
     function MediaQuery(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$o, create_fragment$G, safe_not_equal, { query: 1 });
+        init(_this, options, instance$p, create_fragment$G, safe_not_equal, { query: 1 });
         return _this;
     }
     return MediaQuery;
@@ -1257,7 +1265,7 @@ function create_fragment$C(ctx) {
         }
     };
 }
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
     var closeModal = $$props.closeModal;
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
@@ -1269,7 +1277,7 @@ var CloseButton = /** @class */ (function (_super) {
     __extends(CloseButton, _super);
     function CloseButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$n, create_fragment$C, safe_not_equal, { closeModal: 0 });
+        init(_this, options, instance$o, create_fragment$C, safe_not_equal, { closeModal: 0 });
         return _this;
     }
     return CloseButton;
@@ -1364,7 +1372,7 @@ function create_else_block$7(ctx) {
     };
 }
 // (13:2) {#if app.branding.logo}
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
     var img;
     var img_src_value;
     var img_alt_value;
@@ -1400,7 +1408,7 @@ function create_fragment$A(ctx) {
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$i, create_else_block$7];
+    var if_block_creators = [create_if_block$j, create_else_block$7];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if ( /*app*/ctx[0].branding.logo)
@@ -1462,7 +1470,7 @@ function create_fragment$A(ctx) {
         }
     };
 }
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
     var app = {};
     AppStore.subscribe(function (data) {
         $$invalidate(0, app = data);
@@ -1473,7 +1481,7 @@ var FigureElement = /** @class */ (function (_super) {
     __extends(FigureElement, _super);
     function FigureElement(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$m, create_fragment$A, safe_not_equal, {});
+        init(_this, options, instance$n, create_fragment$A, safe_not_equal, {});
         return _this;
     }
     return FigureElement;
@@ -1521,7 +1529,7 @@ function create_else_block$6(ctx) {
     };
 }
 // (15:2) {#if !isLoading}
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
     var button;
     var t;
     return {
@@ -1556,7 +1564,7 @@ function create_fragment$z(ctx) {
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$h, create_else_block$6];
+    var if_block_creators = [create_if_block$i, create_else_block$6];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[1])
@@ -1617,7 +1625,7 @@ function create_fragment$z(ctx) {
         }
     };
 }
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
     var $app;
     component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(3, $app = $$value); });
     var _a = $$props.buttonText, buttonText = _a === void 0 ? "Submit" : _a;
@@ -1638,7 +1646,7 @@ var SubmitButton = /** @class */ (function (_super) {
     __extends(SubmitButton, _super);
     function SubmitButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$l, create_fragment$z, safe_not_equal, { buttonText: 0, isLoading: 1 });
+        init(_this, options, instance$m, create_fragment$z, safe_not_equal, { buttonText: 0, isLoading: 1 });
         return _this;
     }
     return SubmitButton;
@@ -1680,7 +1688,7 @@ var ErrorIcon = /** @class */ (function (_super) {
     return ErrorIcon;
 }(SvelteComponent));
 /* src/components/EmailInput.svelte generated by Svelte v3.48.0 */
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
     var div;
     var erroricon;
     var t0;
@@ -1729,12 +1737,12 @@ function create_fragment$x(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block = /*inputError*/ ctx[2] && create_if_block$g(ctx);
+    var if_block = /*inputError*/ ctx[2] && create_if_block$h(ctx);
     return {
         c: function () {
             div = element("div");
             label = element("label");
-            label.textContent = "" + ctx[3];
+            label.textContent = "".concat(/*emailLabel*/ ctx[3]);
             t1 = space();
             input = element("input");
             t2 = space();
@@ -1783,7 +1791,7 @@ function create_fragment$x(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block$g(ctx);
+                    if_block = create_if_block$h(ctx);
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(div, null);
@@ -1817,7 +1825,7 @@ function create_fragment$x(ctx) {
         }
     };
 }
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
     var $textStore;
     component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(8, $textStore = $$value); });
     var _a = $$props.emailInputValid, emailInputValid = _a === void 0 ? false : _a;
@@ -1866,7 +1874,7 @@ var EmailInput = /** @class */ (function (_super) {
     __extends(EmailInput, _super);
     function EmailInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$k, create_fragment$x, safe_not_equal, {
+        init(_this, options, instance$l, create_fragment$x, safe_not_equal, {
             emailInputValid: 6,
             emailValue: 0,
             placeholder: 1
@@ -1950,7 +1958,7 @@ var EyeSlashIcon = /** @class */ (function (_super) {
     return EyeSlashIcon;
 }(SvelteComponent));
 /* src/components/PasswordInput.svelte generated by Svelte v3.48.0 */
-function create_if_block_2$6(ctx) {
+function create_if_block_2$8(ctx) {
     var div;
     var button;
     var mounted;
@@ -1959,7 +1967,7 @@ function create_if_block_2$6(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "" + (ctx[8]["forgot_password"] || "Forgot Password?");
+            button.textContent = "".concat(/*text*/ ctx[8]["forgot_password"] || "Forgot Password?");
             attr(button, "data-cy", "forgot-password-btn");
             attr(button, "class", "ms-form__button ms-form__button--text");
             attr(button, "tabindex", "-1");
@@ -2040,7 +2048,7 @@ function create_if_block_1$b(ctx) {
     };
 }
 // (65:2) {#if inputError}
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
     var div;
     var erroricon;
     var t0;
@@ -2098,7 +2106,7 @@ function create_fragment$u(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block0 = /*showForgotPasswordLabel*/ ctx[2] && create_if_block_2$6(ctx);
+    var if_block0 = /*showForgotPasswordLabel*/ ctx[2] && create_if_block_2$8(ctx);
     var if_block_creators = [create_if_block_1$b, create_else_block$5];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
@@ -2108,7 +2116,7 @@ function create_fragment$u(ctx) {
     }
     current_block_type_index = select_block_type(ctx);
     if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-    var if_block2 = /*inputError*/ ctx[6] && create_if_block$f(ctx);
+    var if_block2 = /*inputError*/ ctx[6] && create_if_block$g(ctx);
     return {
         c: function () {
             div3 = element("div");
@@ -2130,6 +2138,7 @@ function create_fragment$u(ctx) {
             attr(label, "class", "ms-form__label");
             attr(label, "for", "psw");
             attr(div0, "class", "ms-form__flex");
+            attr(input, "data-ms-internal-password", "");
             attr(input, "class", "ms-form__input ms-form__input--password");
             attr(input, "type", /*type*/ ctx[7]);
             attr(input, "placeholder", /*passwordPlaceholder*/ ctx[4]);
@@ -2178,7 +2187,7 @@ function create_fragment$u(ctx) {
                     if_block0.p(ctx, dirty);
                 }
                 else {
-                    if_block0 = create_if_block_2$6(ctx);
+                    if_block0 = create_if_block_2$8(ctx);
                     if_block0.c();
                     if_block0.m(div0, null);
                 }
@@ -2220,7 +2229,7 @@ function create_fragment$u(ctx) {
                     }
                 }
                 else {
-                    if_block2 = create_if_block$f(ctx);
+                    if_block2 = create_if_block$g(ctx);
                     if_block2.c();
                     transition_in(if_block2, 1);
                     if_block2.m(div3, null);
@@ -2259,7 +2268,7 @@ function create_fragment$u(ctx) {
         }
     };
 }
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
     var type;
     var $textStore;
     component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(15, $textStore = $$value); });
@@ -2332,7 +2341,7 @@ var PasswordInput = /** @class */ (function (_super) {
     __extends(PasswordInput, _super);
     function PasswordInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$j, create_fragment$u, safe_not_equal, {
+        init(_this, options, instance$k, create_fragment$u, safe_not_equal, {
             showForgotPasswordLabel: 2,
             passwordInputValid: 13,
             passwordLabel: 3,
@@ -2382,7 +2391,7 @@ var SecuredIcon = /** @class */ (function (_super) {
     return SecuredIcon;
 }(SvelteComponent));
 /* src/components/ModalFooter.svelte generated by Svelte v3.48.0 */
-function create_fragment$s(ctx) {
+function create_if_block$f(ctx) {
     var div;
     var a;
     var securedicon;
@@ -2406,7 +2415,6 @@ function create_fragment$s(ctx) {
             append(a, t);
             current = true;
         },
-        p: noop,
         i: function (local) {
             if (current)
                 return;
@@ -2424,11 +2432,73 @@ function create_fragment$s(ctx) {
         }
     };
 }
+function create_fragment$s(ctx) {
+    var if_block_anchor;
+    var current;
+    var if_block = !ctx[0].isPaid && create_if_block$f();
+    return {
+        c: function () {
+            if (if_block)
+                if_block.c();
+            if_block_anchor = empty();
+        },
+        m: function (target, anchor) {
+            if (if_block)
+                if_block.m(target, anchor);
+            insert(target, if_block_anchor, anchor);
+            current = true;
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            if (!ctx[0].isPaid) {
+                if (if_block) {
+                    if (dirty & /*$app*/ 1) {
+                        transition_in(if_block, 1);
+                    }
+                }
+                else {
+                    if_block = create_if_block$f();
+                    if_block.c();
+                    transition_in(if_block, 1);
+                    if_block.m(if_block_anchor.parentNode, if_block_anchor);
+                }
+            }
+            else if (if_block) {
+                group_outros();
+                transition_out(if_block, 1, 1, function () {
+                    if_block = null;
+                });
+                check_outros();
+            }
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block);
+            current = false;
+        },
+        d: function (detaching) {
+            if (if_block)
+                if_block.d(detaching);
+            if (detaching)
+                detach(if_block_anchor);
+        }
+    };
+}
+function instance$j($$self, $$props, $$invalidate) {
+    var $app;
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(0, $app = $$value); });
+    return [$app];
+}
 var ModalFooter = /** @class */ (function (_super) {
     __extends(ModalFooter, _super);
     function ModalFooter(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$s, safe_not_equal, {});
+        init(_this, options, instance$j, create_fragment$s, safe_not_equal, {});
         return _this;
     }
     return ModalFooter;
@@ -2436,10 +2506,78 @@ var ModalFooter = /** @class */ (function (_super) {
 /* src/modals/LoginModal.svelte generated by Svelte v3.48.0 */
 function get_each_context$6(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[17] = list[i];
+    child_ctx[19] = list[i];
     return child_ctx;
 }
-// (80:6) {#if params && params.signup && params.signup.plans}
+// (73:2) {#if !params || !params.hideCloseButton}
+function create_if_block_3$3(ctx) {
+    var closebutton;
+    var current;
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    return {
+        c: function () {
+            create_component(closebutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(closebutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closebutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closebutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(closebutton, detaching);
+        }
+    };
+}
+// (89:32) 
+function create_if_block_2$7(ctx) {
+    var div;
+    var button;
+    var mounted;
+    var dispose;
+    return {
+        c: function () {
+            div = element("div");
+            button = element("button");
+            button.textContent = "".concat(/*text*/ ctx[7]["dont_have_an_account"] || "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, button);
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_1*/ ctx[16]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (85:6) {#if params && params.signup && params.signup.plans}
 function create_if_block_1$a(ctx) {
     var div;
     var button;
@@ -2449,7 +2587,7 @@ function create_if_block_1$a(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "" + (ctx[7]["dont_have_an_account"] || "Don't have an account?");
+            button.textContent = "".concat(/*text*/ ctx[7]["dont_have_an_account"] || "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");
@@ -2458,7 +2596,7 @@ function create_if_block_1$a(ctx) {
             insert(target, div, anchor);
             append(div, button);
             if (!mounted) {
-                dispose = listen(button, "click", /*click_handler*/ ctx[14]);
+                dispose = listen(button, "click", /*click_handler*/ ctx[15]);
                 mounted = true;
             }
         },
@@ -2471,7 +2609,7 @@ function create_if_block_1$a(ctx) {
         }
     };
 }
-// (87:4) {#if $app.authProviders.length > 0}
+// (96:4) {#if $app.authProviders.length > 0}
 function create_if_block$e(ctx) {
     var div4;
     var div3;
@@ -2493,7 +2631,7 @@ function create_if_block$e(ctx) {
             div0 = element("div");
             t0 = space();
             div1 = element("div");
-            div1.textContent = "" + (ctx[7]["or"] || "or");
+            div1.textContent = "".concat(/*text*/ ctx[7]["or"] || "or");
             t2 = space();
             div2 = element("div");
             t3 = space();
@@ -2520,7 +2658,7 @@ function create_if_block$e(ctx) {
             }
         },
         p: function (ctx, dirty) {
-            if (dirty & /*submitLoginWithProvider, $app, text*/ 704) {
+            if (dirty & /*submitLoginWithProvider, $app, text*/ 1216) {
                 each_value = /*$app*/ ctx[6].authProviders;
                 var i = void 0;
                 for (i = 0; i < each_value.length; i += 1) {
@@ -2547,7 +2685,7 @@ function create_if_block$e(ctx) {
         }
     };
 }
-// (94:8) {#each $app.authProviders as provider}
+// (103:8) {#each $app.authProviders as provider}
 function create_each_block$6(ctx) {
     var div;
     var button;
@@ -2559,13 +2697,13 @@ function create_each_block$6(ctx) {
     var t1_value = ( /*text*/ctx[7]["continue_with"] || "Continue with") + "";
     var t1;
     var t2;
-    var t3_value = /*provider*/ ctx[17].name + "";
+    var t3_value = /*provider*/ ctx[19].name + "";
     var t3;
     var t4;
     var mounted;
     var dispose;
-    function click_handler_1() {
-        return /*click_handler_1*/ ctx[15](/*provider*/ ctx[17]);
+    function click_handler_2() {
+        return /*click_handler_2*/ ctx[17](/*provider*/ ctx[19]);
     }
     return {
         c: function () {
@@ -2578,9 +2716,9 @@ function create_each_block$6(ctx) {
             t2 = space();
             t3 = text(t3_value);
             t4 = space();
-            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[17].icon))
+            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon))
                 attr(img, "src", img_src_value);
-            attr(img, "alt", img_alt_value = /*provider*/ ctx[17].name);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[19].name);
             attr(button, "class", "ms-modal__social-button");
             attr(button, "type", "button");
             attr(div, "class", "ms-modal__social-buttons");
@@ -2596,19 +2734,19 @@ function create_each_block$6(ctx) {
             append(span, t3);
             append(div, t4);
             if (!mounted) {
-                dispose = listen(button, "click", click_handler_1);
+                dispose = listen(button, "click", click_handler_2);
                 mounted = true;
             }
         },
         p: function (new_ctx, dirty) {
             ctx = new_ctx;
-            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[17].icon)) {
+            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon)) {
                 attr(img, "src", img_src_value);
             }
-            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[17].name)) {
+            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
                 attr(img, "alt", img_alt_value);
             }
-            if (dirty & /*$app*/ 64 && t3_value !== (t3_value = /*provider*/ ctx[17].name + ""))
+            if (dirty & /*$app*/ 64 && t3_value !== (t3_value = /*provider*/ ctx[19].name + ""))
                 set_data(t3, t3_value);
         },
         d: function (detaching) {
@@ -2621,7 +2759,6 @@ function create_each_block$6(ctx) {
 }
 function create_fragment$r(ctx) {
     var div1;
-    var closebutton;
     var t0;
     var div0;
     var figureelement;
@@ -2644,12 +2781,10 @@ function create_fragment$r(ctx) {
     var current;
     var mounted;
     var dispose;
-    closebutton = new CloseButton({
-        props: { closeModal: /*closeModal*/ ctx[1] }
-    });
+    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_3$3(ctx);
     figureelement = new FigureElement({});
     function emailinput_emailInputValid_binding(value) {
-        /*emailinput_emailInputValid_binding*/ ctx[11](value);
+        /*emailinput_emailInputValid_binding*/ ctx[12](value);
     }
     var emailinput_props = {
         placeholder: /*text*/ ctx[7]["login_email_placeholder"]
@@ -2660,10 +2795,10 @@ function create_fragment$r(ctx) {
     emailinput = new EmailInput({ props: emailinput_props });
     binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
     function passwordinput_passwordInputValid_binding(value) {
-        /*passwordinput_passwordInputValid_binding*/ ctx[12](value);
+        /*passwordinput_passwordInputValid_binding*/ ctx[13](value);
     }
     function passwordinput_display_binding(value) {
-        /*passwordinput_display_binding*/ ctx[13](value);
+        /*passwordinput_display_binding*/ ctx[14](value);
     }
     var passwordinput_props = {
         passwordPlaceholder: /*text*/ ctx[7]["login_password_placeholder"],
@@ -2685,19 +2820,27 @@ function create_fragment$r(ctx) {
             isLoading: /*showLoader*/ ctx[3]
         }
     });
-    var if_block0 = /*params*/ ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans && create_if_block_1$a(ctx);
-    var if_block1 = /*$app*/ ctx[6].authProviders.length > 0 && create_if_block$e(ctx);
+    function select_block_type(ctx, dirty) {
+        if ( /*params*/ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans)
+            return create_if_block_1$a;
+        if ( /*signupButtonURL*/ctx[8])
+            return create_if_block_2$7;
+    }
+    var current_block_type = select_block_type(ctx);
+    var if_block1 = current_block_type && current_block_type(ctx);
+    var if_block2 = /*$app*/ ctx[6].authProviders.length > 0 && create_if_block$e(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
             div1 = element("div");
-            create_component(closebutton.$$.fragment);
+            if (if_block0)
+                if_block0.c();
             t0 = space();
             div0 = element("div");
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[7]["login_to_your_account"] || "Login to your account");
+            h2.textContent = "".concat(/*text*/ ctx[7]["login_to_your_account"] || "Login to your account");
             t3 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
@@ -2706,11 +2849,11 @@ function create_fragment$r(ctx) {
             t5 = space();
             create_component(submitbutton.$$.fragment);
             t6 = space();
-            if (if_block0)
-                if_block0.c();
-            t7 = space();
             if (if_block1)
                 if_block1.c();
+            t7 = space();
+            if (if_block2)
+                if_block2.c();
             t8 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
@@ -2724,7 +2867,8 @@ function create_fragment$r(ctx) {
         },
         m: function (target, anchor) {
             insert(target, div1, anchor);
-            mount_component(closebutton, div1, null);
+            if (if_block0)
+                if_block0.m(div1, null);
             append(div1, t0);
             append(div1, div0);
             mount_component(figureelement, div0, null);
@@ -2738,25 +2882,42 @@ function create_fragment$r(ctx) {
             append(form, t5);
             mount_component(submitbutton, form, null);
             append(form, t6);
-            if (if_block0)
-                if_block0.m(form, null);
-            append(div0, t7);
             if (if_block1)
-                if_block1.m(div0, null);
+                if_block1.m(form, null);
+            append(div0, t7);
+            if (if_block2)
+                if_block2.m(div0, null);
             append(div1, t8);
             mount_component(modalfooter, div1, null);
             current = true;
             if (!mounted) {
-                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[8])));
+                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[9])));
                 mounted = true;
             }
         },
         p: function (ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
-            var closebutton_changes = {};
-            if (dirty & /*closeModal*/ 2)
-                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
-            closebutton.$set(closebutton_changes);
+            if (!ctx[2] || !ctx[2].hideCloseButton) {
+                if (if_block0) {
+                    if_block0.p(ctx, dirty);
+                    if (dirty & /*params*/ 4) {
+                        transition_in(if_block0, 1);
+                    }
+                }
+                else {
+                    if_block0 = create_if_block_3$3(ctx);
+                    if_block0.c();
+                    transition_in(if_block0, 1);
+                    if_block0.m(div1, t0);
+                }
+            }
+            else if (if_block0) {
+                group_outros();
+                transition_out(if_block0, 1, 1, function () {
+                    if_block0 = null;
+                });
+                check_outros();
+            }
             var emailinput_changes = {};
             if (!updating_emailInputValid && dirty & /*emailInputValid*/ 16) {
                 updating_emailInputValid = true;
@@ -2780,39 +2941,37 @@ function create_fragment$r(ctx) {
             if (dirty & /*showLoader*/ 8)
                 submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
             submitbutton.$set(submitbutton_changes);
-            if ( /*params*/ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans) {
-                if (if_block0) {
-                    if_block0.p(ctx, dirty);
-                }
-                else {
-                    if_block0 = create_if_block_1$a(ctx);
-                    if_block0.c();
-                    if_block0.m(form, null);
-                }
+            if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block1) {
+                if_block1.p(ctx, dirty);
             }
-            else if (if_block0) {
-                if_block0.d(1);
-                if_block0 = null;
+            else {
+                if (if_block1)
+                    if_block1.d(1);
+                if_block1 = current_block_type && current_block_type(ctx);
+                if (if_block1) {
+                    if_block1.c();
+                    if_block1.m(form, null);
+                }
             }
             if ( /*$app*/ctx[6].authProviders.length > 0) {
-                if (if_block1) {
-                    if_block1.p(ctx, dirty);
+                if (if_block2) {
+                    if_block2.p(ctx, dirty);
                 }
                 else {
-                    if_block1 = create_if_block$e(ctx);
-                    if_block1.c();
-                    if_block1.m(div0, null);
+                    if_block2 = create_if_block$e(ctx);
+                    if_block2.c();
+                    if_block2.m(div0, null);
                 }
             }
-            else if (if_block1) {
-                if_block1.d(1);
-                if_block1 = null;
+            else if (if_block2) {
+                if_block2.d(1);
+                if_block2 = null;
             }
         },
         i: function (local) {
             if (current)
                 return;
-            transition_in(closebutton.$$.fragment, local);
+            transition_in(if_block0);
             transition_in(figureelement.$$.fragment, local);
             transition_in(emailinput.$$.fragment, local);
             transition_in(passwordinput.$$.fragment, local);
@@ -2821,7 +2980,7 @@ function create_fragment$r(ctx) {
             current = true;
         },
         o: function (local) {
-            transition_out(closebutton.$$.fragment, local);
+            transition_out(if_block0);
             transition_out(figureelement.$$.fragment, local);
             transition_out(emailinput.$$.fragment, local);
             transition_out(passwordinput.$$.fragment, local);
@@ -2832,15 +2991,17 @@ function create_fragment$r(ctx) {
         d: function (detaching) {
             if (detaching)
                 detach(div1);
-            destroy_component(closebutton);
+            if (if_block0)
+                if_block0.d();
             destroy_component(figureelement);
             destroy_component(emailinput);
             destroy_component(passwordinput);
             destroy_component(submitbutton);
-            if (if_block0)
-                if_block0.d();
-            if (if_block1)
+            if (if_block1) {
                 if_block1.d();
+            }
+            if (if_block2)
+                if_block2.d();
             destroy_component(modalfooter);
             mounted = false;
             dispose();
@@ -2848,10 +3009,10 @@ function create_fragment$r(ctx) {
     };
 }
 function instance$i($$self, $$props, $$invalidate) {
-    var $textStore;
     var $app;
-    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(16, $textStore = $$value); });
+    var $textStore;
     component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
+    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(18, $textStore = $$value); });
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessLogin = $$props.onSuccessLogin;
@@ -2860,6 +3021,7 @@ function instance$i($$self, $$props, $$invalidate) {
     var showLoader = false;
     var emailInputValid = false;
     var passwordInputValid = false;
+    var signupButtonURL = Boolean(window.ssoUI) && $app.ssoSignupButtonURL;
     function submitLogin(e) {
         return __awaiter(this, void 0, void 0, function () {
             var emailInput, passwordInput, data, err_1;
@@ -2928,14 +3090,15 @@ function instance$i($$self, $$props, $$invalidate) {
         $$invalidate(0, display);
     }
     var click_handler = function () { return $$invalidate(0, display = "signup"); };
-    var click_handler_1 = function (provider) { return submitLoginWithProvider(provider.provider); };
+    var click_handler_1 = function () { return window.location.href = signupButtonURL; };
+    var click_handler_2 = function (provider) { return submitLoginWithProvider(provider.provider); };
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
             $$invalidate(1, closeModal = $$props.closeModal);
         if ('display' in $$props)
             $$invalidate(0, display = $$props.display);
         if ('onSuccessLogin' in $$props)
-            $$invalidate(10, onSuccessLogin = $$props.onSuccessLogin);
+            $$invalidate(11, onSuccessLogin = $$props.onSuccessLogin);
         if ('params' in $$props)
             $$invalidate(2, params = $$props.params);
     };
@@ -2948,6 +3111,7 @@ function instance$i($$self, $$props, $$invalidate) {
         passwordInputValid,
         $app,
         text,
+        signupButtonURL,
         submitLogin,
         submitLoginWithProvider,
         onSuccessLogin,
@@ -2955,7 +3119,8 @@ function instance$i($$self, $$props, $$invalidate) {
         passwordinput_passwordInputValid_binding,
         passwordinput_display_binding,
         click_handler,
-        click_handler_1
+        click_handler_1,
+        click_handler_2
     ];
 }
 var LoginModal = /** @class */ (function (_super) {
@@ -2965,7 +3130,7 @@ var LoginModal = /** @class */ (function (_super) {
         init(_this, options, instance$i, create_fragment$r, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessLogin: 10,
+            onSuccessLogin: 11,
             params: 2
         });
         return _this;
@@ -2973,23 +3138,62 @@ var LoginModal = /** @class */ (function (_super) {
     return LoginModal;
 }(SvelteComponent));
 /* src/modals/SignupModal.svelte generated by Svelte v3.48.0 */
+function add_css$1(target) {
+    append_styles(target, "svelte-1w8lbd8", ".rey-was-here.svelte-1w8lbd8{display:none !important}");
+}
 function get_each_context$5(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[14] = list[i];
+    child_ctx[19] = list[i];
     return child_ctx;
 }
 function get_each_context_1(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[17] = list[i];
-    child_ctx[19] = i;
+    child_ctx[22] = list[i];
+    child_ctx[24] = i;
     return child_ctx;
 }
-// (93:6) {#if customField.hidden !== true}
+// (142:2) {#if !params || !params.hideCloseButton}
+function create_if_block_2$6(ctx) {
+    var closebutton;
+    var current;
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    return {
+        c: function () {
+            create_component(closebutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(closebutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closebutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closebutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(closebutton, detaching);
+        }
+    };
+}
+// (153:6) {#if customField.hidden !== true}
 function create_if_block_1$9(ctx) {
     var div1;
     var div0;
     var label;
-    var t0_value = /*customField*/ ctx[17].label + "";
+    var t0_value = /*customField*/ ctx[22].label + "";
     var t0;
     var label_for_value;
     var t1;
@@ -3005,12 +3209,12 @@ function create_if_block_1$9(ctx) {
             t1 = space();
             input = element("input");
             attr(label, "class", "ms-form__label");
-            attr(label, "for", label_for_value = /*customField*/ ctx[17].key);
+            attr(label, "for", label_for_value = /*customField*/ ctx[22].key);
             attr(input, "class", "ms-form__input");
             attr(input, "data-ms-custom-field", "");
             attr(input, "type", "text");
-            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[17].label);
-            attr(input, "name", input_name_value = /*customField*/ ctx[17].key);
+            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[22].label);
+            attr(input, "name", input_name_value = /*customField*/ ctx[22].key);
             attr(div0, "class", "ms-form__group");
             attr(div1, "class", "ms-modal__custom-field-container");
         },
@@ -3023,15 +3227,15 @@ function create_if_block_1$9(ctx) {
             append(div0, input);
         },
         p: function (ctx, dirty) {
-            if (dirty & /*$app*/ 32 && t0_value !== (t0_value = /*customField*/ ctx[17].label + ""))
+            if (dirty & /*$app*/ 64 && t0_value !== (t0_value = /*customField*/ ctx[22].label + ""))
                 set_data(t0, t0_value);
-            if (dirty & /*$app*/ 32 && label_for_value !== (label_for_value = /*customField*/ ctx[17].key)) {
+            if (dirty & /*$app*/ 64 && label_for_value !== (label_for_value = /*customField*/ ctx[22].key)) {
                 attr(label, "for", label_for_value);
             }
-            if (dirty & /*$app*/ 32 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[17].label)) {
+            if (dirty & /*$app*/ 64 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[22].label)) {
                 attr(input, "placeholder", input_placeholder_value);
             }
-            if (dirty & /*$app*/ 32 && input_name_value !== (input_name_value = /*customField*/ ctx[17].key)) {
+            if (dirty & /*$app*/ 64 && input_name_value !== (input_name_value = /*customField*/ ctx[22].key)) {
                 attr(input, "name", input_name_value);
             }
         },
@@ -3041,10 +3245,10 @@ function create_if_block_1$9(ctx) {
         }
     };
 }
-// (92:6) {#each $app.customFields as customField, i}
+// (152:6) {#each $app.customFields as customField, i}
 function create_each_block_1(ctx) {
     var if_block_anchor;
-    var if_block = /*customField*/ ctx[17].hidden !== true && create_if_block_1$9(ctx);
+    var if_block = /*customField*/ ctx[22].hidden !== true && create_if_block_1$9(ctx);
     return {
         c: function () {
             if (if_block)
@@ -3057,7 +3261,7 @@ function create_each_block_1(ctx) {
             insert(target, if_block_anchor, anchor);
         },
         p: function (ctx, dirty) {
-            if ( /*customField*/ctx[17].hidden !== true) {
+            if ( /*customField*/ctx[22].hidden !== true) {
                 if (if_block) {
                     if_block.p(ctx, dirty);
                 }
@@ -3080,12 +3284,12 @@ function create_each_block_1(ctx) {
         }
     };
 }
-// (113:4) {#if $app.authProviders.length > 0}
+// (180:4) {#if $app.authProviders.length > 0}
 function create_if_block$d(ctx) {
     var div4;
     var div3;
     var t3;
-    var each_value = /*$app*/ ctx[5].authProviders;
+    var each_value = /*$app*/ ctx[6].authProviders;
     var each_blocks = [];
     for (var i = 0; i < each_value.length; i += 1) {
         each_blocks[i] = create_each_block$5(get_each_context$5(ctx, each_value, i));
@@ -3111,8 +3315,8 @@ function create_if_block$d(ctx) {
             }
         },
         p: function (ctx, dirty) {
-            if (dirty & /*submitSignupWithProvider, $app*/ 160) {
-                each_value = /*$app*/ ctx[5].authProviders;
+            if (dirty & /*submitSignupWithProvider, $app*/ 320) {
+                each_value = /*$app*/ ctx[6].authProviders;
                 var i = void 0;
                 for (i = 0; i < each_value.length; i += 1) {
                     var child_ctx = get_each_context$5(ctx, each_value, i);
@@ -3138,7 +3342,7 @@ function create_if_block$d(ctx) {
         }
     };
 }
-// (120:8) {#each $app.authProviders as provider}
+// (187:8) {#each $app.authProviders as provider}
 function create_each_block$5(ctx) {
     var div;
     var button;
@@ -3148,13 +3352,13 @@ function create_each_block$5(ctx) {
     var t0;
     var span;
     var t1;
-    var t2_value = /*provider*/ ctx[14].name + "";
+    var t2_value = /*provider*/ ctx[19].name + "";
     var t2;
     var t3;
     var mounted;
     var dispose;
     function click_handler_1() {
-        return /*click_handler_1*/ ctx[13](/*provider*/ ctx[14]);
+        return /*click_handler_1*/ ctx[13](/*provider*/ ctx[19]);
     }
     return {
         c: function () {
@@ -3166,9 +3370,9 @@ function create_each_block$5(ctx) {
             t1 = text("Continue with ");
             t2 = text(t2_value);
             t3 = space();
-            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[14].icon))
+            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon))
                 attr(img, "src", img_src_value);
-            attr(img, "alt", img_alt_value = /*provider*/ ctx[14].name);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[19].name);
             attr(button, "class", "ms-modal__social-button");
             attr(button, "type", "button");
             attr(div, "class", "ms-modal__social-buttons");
@@ -3189,13 +3393,13 @@ function create_each_block$5(ctx) {
         },
         p: function (new_ctx, dirty) {
             ctx = new_ctx;
-            if (dirty & /*$app*/ 32 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[14].icon)) {
+            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon)) {
                 attr(img, "src", img_src_value);
             }
-            if (dirty & /*$app*/ 32 && img_alt_value !== (img_alt_value = /*provider*/ ctx[14].name)) {
+            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
                 attr(img, "alt", img_alt_value);
             }
-            if (dirty & /*$app*/ 32 && t2_value !== (t2_value = /*provider*/ ctx[14].name + ""))
+            if (dirty & /*$app*/ 64 && t2_value !== (t2_value = /*provider*/ ctx[19].name + ""))
                 set_data(t2, t2_value);
         },
         d: function (detaching) {
@@ -3207,10 +3411,9 @@ function create_each_block$5(ctx) {
     };
 }
 function create_fragment$q(ctx) {
-    var div2;
-    var closebutton;
+    var div4;
     var t0;
-    var div1;
+    var div3;
     var figureelement;
     var t1;
     var h2;
@@ -3220,24 +3423,26 @@ function create_fragment$q(ctx) {
     var emailinput;
     var updating_emailInputValid;
     var t5;
+    var div0;
+    var t8;
     var passwordinput;
     var updating_passwordInputValid;
-    var t6;
-    var submitbutton;
-    var t7;
-    var div0;
-    var button;
     var t9;
+    var div1;
     var t10;
+    var submitbutton;
+    var t11;
+    var div2;
+    var button;
+    var t13;
+    var t14;
     var modalfooter;
     var current;
     var mounted;
     var dispose;
-    closebutton = new CloseButton({
-        props: { closeModal: /*closeModal*/ ctx[1] }
-    });
+    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_2$6(ctx);
     figureelement = new FigureElement({});
-    var each_value_1 = /*$app*/ ctx[5].customFields;
+    var each_value_1 = /*$app*/ ctx[6].customFields;
     var each_blocks = [];
     for (var i = 0; i < each_value_1.length; i += 1) {
         each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
@@ -3246,8 +3451,8 @@ function create_fragment$q(ctx) {
         /*emailinput_emailInputValid_binding*/ ctx[10](value);
     }
     var emailinput_props = {};
-    if ( /*emailInputValid*/ctx[3] !== void 0) {
-        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[3];
+    if ( /*emailInputValid*/ctx[4] !== void 0) {
+        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[4];
     }
     emailinput = new EmailInput({ props: emailinput_props });
     binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
@@ -3255,25 +3460,26 @@ function create_fragment$q(ctx) {
         /*passwordinput_passwordInputValid_binding*/ ctx[11](value);
     }
     var passwordinput_props = {};
-    if ( /*passwordInputValid*/ctx[4] !== void 0) {
-        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[4];
+    if ( /*passwordInputValid*/ctx[5] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[5];
     }
     passwordinput = new PasswordInput({ props: passwordinput_props });
     binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
     submitbutton = new SubmitButton({
         props: {
             buttonText: "Sign up",
-            isLoading: /*showLoader*/ ctx[2]
+            isLoading: /*showLoader*/ ctx[3]
         }
     });
-    var if_block = /*$app*/ ctx[5].authProviders.length > 0 && create_if_block$d(ctx);
+    var if_block1 = /*$app*/ ctx[6].authProviders.length > 0 && create_if_block$d(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
-            div2 = element("div");
-            create_component(closebutton.$$.fragment);
+            div4 = element("div");
+            if (if_block0)
+                if_block0.c();
             t0 = space();
-            div1 = element("div");
+            div3 = element("div");
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
@@ -3286,73 +3492,103 @@ function create_fragment$q(ctx) {
             t4 = space();
             create_component(emailinput.$$.fragment);
             t5 = space();
+            div0 = element("div");
+            div0.innerHTML = "<label class=\"ms-form__label\" for=\"Rey\">Rey was here</label> \n        <input class=\"ms-form__input\" type=\"text\" placeholder=\"Rey&#39;s Favorite Color\" name=\"Rey\"/>";
+            t8 = space();
             create_component(passwordinput.$$.fragment);
-            t6 = space();
+            t9 = space();
+            div1 = element("div");
+            t10 = space();
             create_component(submitbutton.$$.fragment);
-            t7 = space();
-            div0 = element("div");
+            t11 = space();
+            div2 = element("div");
             button = element("button");
             button.textContent = "Already have an account?";
-            t9 = space();
-            if (if_block)
-                if_block.c();
-            t10 = space();
+            t13 = space();
+            if (if_block1)
+                if_block1.c();
+            t14 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
+            attr(div0, "class", "ms-form__group rey-was-here svelte-1w8lbd8");
+            attr(div1, "id", "hcaptcha");
+            attr(div1, "class", "h-captcha");
             attr(button, "class", "ms-form__button ms-form__button--text ms-form__button--top-spacing");
-            attr(div0, "class", "ms-form__flex ms-form__flex--centered");
+            attr(div2, "class", "ms-form__flex ms-form__flex--centered");
             attr(form, "class", "ms-form");
             attr(form, "action", "");
             attr(form, "method", "post");
             attr(form, "autocomplete", "off");
-            attr(div1, "class", "ms-modal__content");
-            attr(div2, "class", "ms-modal");
-            attr(div2, "id", "SignupModal");
+            attr(div3, "class", "ms-modal__content");
+            attr(div4, "class", "ms-modal");
+            attr(div4, "id", "SignupModal");
         },
         m: function (target, anchor) {
-            insert(target, div2, anchor);
-            mount_component(closebutton, div2, null);
-            append(div2, t0);
-            append(div2, div1);
-            mount_component(figureelement, div1, null);
-            append(div1, t1);
-            append(div1, h2);
-            append(div1, t3);
-            append(div1, form);
+            insert(target, div4, anchor);
+            if (if_block0)
+                if_block0.m(div4, null);
+            append(div4, t0);
+            append(div4, div3);
+            mount_component(figureelement, div3, null);
+            append(div3, t1);
+            append(div3, h2);
+            append(div3, t3);
+            append(div3, form);
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].m(form, null);
             }
             append(form, t4);
             mount_component(emailinput, form, null);
             append(form, t5);
+            append(form, div0);
+            append(form, t8);
             mount_component(passwordinput, form, null);
-            append(form, t6);
+            append(form, t9);
+            append(form, div1);
+            append(form, t10);
             mount_component(submitbutton, form, null);
-            append(form, t7);
-            append(form, div0);
-            append(div0, button);
-            append(div1, t9);
-            if (if_block)
-                if_block.m(div1, null);
-            append(div2, t10);
-            mount_component(modalfooter, div2, null);
+            append(form, t11);
+            append(form, div2);
+            append(div2, button);
+            append(div3, t13);
+            if (if_block1)
+                if_block1.m(div3, null);
+            append(div4, t14);
+            mount_component(modalfooter, div4, null);
             current = true;
             if (!mounted) {
                 dispose = [
                     listen(button, "click", /*click_handler*/ ctx[12]),
-                    listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[6])))
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[7])))
                 ];
                 mounted = true;
             }
         },
         p: function (ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
-            var closebutton_changes = {};
-            if (dirty & /*closeModal*/ 2)
-                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
-            closebutton.$set(closebutton_changes);
-            if (dirty & /*$app*/ 32) {
-                each_value_1 = /*$app*/ ctx[5].customFields;
+            if (!ctx[2] || !ctx[2].hideCloseButton) {
+                if (if_block0) {
+                    if_block0.p(ctx, dirty);
+                    if (dirty & /*params*/ 4) {
+                        transition_in(if_block0, 1);
+                    }
+                }
+                else {
+                    if_block0 = create_if_block_2$6(ctx);
+                    if_block0.c();
+                    transition_in(if_block0, 1);
+                    if_block0.m(div4, t0);
+                }
+            }
+            else if (if_block0) {
+                group_outros();
+                transition_out(if_block0, 1, 1, function () {
+                    if_block0 = null;
+                });
+                check_outros();
+            }
+            if (dirty & /*$app*/ 64) {
+                each_value_1 = /*$app*/ ctx[6].customFields;
                 var i = void 0;
                 for (i = 0; i < each_value_1.length; i += 1) {
                     var child_ctx = get_each_context_1(ctx, each_value_1, i);
@@ -3371,42 +3607,42 @@ function create_fragment$q(ctx) {
                 each_blocks.length = each_value_1.length;
             }
             var emailinput_changes = {};
-            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 8) {
+            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 16) {
                 updating_emailInputValid = true;
-                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[3];
+                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[4];
                 add_flush_callback(function () { return updating_emailInputValid = false; });
             }
             emailinput.$set(emailinput_changes);
             var passwordinput_changes = {};
-            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 16) {
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
                 updating_passwordInputValid = true;
-                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[4];
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
                 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];
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
             submitbutton.$set(submitbutton_changes);
-            if ( /*$app*/ctx[5].authProviders.length > 0) {
-                if (if_block) {
-                    if_block.p(ctx, dirty);
+            if ( /*$app*/ctx[6].authProviders.length > 0) {
+                if (if_block1) {
+                    if_block1.p(ctx, dirty);
                 }
                 else {
-                    if_block = create_if_block$d(ctx);
-                    if_block.c();
-                    if_block.m(div1, null);
+                    if_block1 = create_if_block$d(ctx);
+                    if_block1.c();
+                    if_block1.m(div3, null);
                 }
             }
-            else if (if_block) {
-                if_block.d(1);
-                if_block = null;
+            else if (if_block1) {
+                if_block1.d(1);
+                if_block1 = null;
             }
         },
         i: function (local) {
             if (current)
                 return;
-            transition_in(closebutton.$$.fragment, local);
+            transition_in(if_block0);
             transition_in(figureelement.$$.fragment, local);
             transition_in(emailinput.$$.fragment, local);
             transition_in(passwordinput.$$.fragment, local);
@@ -3415,7 +3651,7 @@ function create_fragment$q(ctx) {
             current = true;
         },
         o: function (local) {
-            transition_out(closebutton.$$.fragment, local);
+            transition_out(if_block0);
             transition_out(figureelement.$$.fragment, local);
             transition_out(emailinput.$$.fragment, local);
             transition_out(passwordinput.$$.fragment, local);
@@ -3425,24 +3661,39 @@ function create_fragment$q(ctx) {
         },
         d: function (detaching) {
             if (detaching)
-                detach(div2);
-            destroy_component(closebutton);
+                detach(div4);
+            if (if_block0)
+                if_block0.d();
             destroy_component(figureelement);
             destroy_each(each_blocks, detaching);
             destroy_component(emailinput);
             destroy_component(passwordinput);
             destroy_component(submitbutton);
-            if (if_block)
-                if_block.d();
+            if (if_block1)
+                if_block1.d();
             destroy_component(modalfooter);
             mounted = false;
             run_all(dispose);
         }
     };
 }
+var hcaptchaSitekey = "838711f9-0e30-48e9-89e6-8f1ec4b79705";
+function executeCaptcha() {
+    return __awaiter(this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, window.hcaptcha.execute({ async: true })];
+                case 1:
+                    response = (_a.sent()).response;
+                    return [2 /*return*/, response];
+            }
+        });
+    });
+}
 function instance$h($$self, $$props, $$invalidate) {
     var $app;
-    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(5, $app = $$value); });
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessSignup = $$props.onSuccessSignup;
@@ -3450,15 +3701,42 @@ function instance$h($$self, $$props, $$invalidate) {
     var showLoader = false;
     var emailInputValid = false;
     var passwordInputValid = false;
+    var captchaRequired = $app.captchaRequired;
+    var hcaptchaWidgetID;
+    function renderCaptcha() {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!captchaRequired) return [3 /*break*/, 2];
+                        return [4 /*yield*/, window.$memberstackDom._captchaReady];
+                    case 1:
+                        _a.sent();
+                        hcaptchaWidgetID = window.hcaptcha.render('hcaptcha', { sitekey: hcaptchaSitekey, theme: 'light' });
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    renderCaptcha();
+    function getCaptcha() {
+        return window.hcaptcha.getResponse(hcaptchaWidgetID);
+    }
+    function resetCaptcha() {
+        if (captchaRequired && window.hcaptcha) {
+            window.hcaptcha.reset(hcaptchaWidgetID);
+        }
+    }
     function submitSignup(e) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, passwordInput, customFields, customFieldInputs, plans, data, err_3;
+            var emailInput, passwordInput, customFields, customFieldInputs, captchaToken, err_3, plans, data, err_4;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
                         emailInput = e.target.querySelector("[type=email]");
-                        passwordInput = e.target.querySelector("[type=password]");
+                        passwordInput = e.target.querySelector("[data-ms-internal-password]");
                         customFields = {};
                         customFieldInputs = Array.from(e.target.querySelectorAll("[data-ms-custom-field]"));
                         customFieldInputs.map(function (input) {
@@ -3466,10 +3744,32 @@ function instance$h($$self, $$props, $$invalidate) {
                         }).length;
                         if (!emailInputValid || !passwordInputValid)
                             return [2 /*return*/];
-                        $$invalidate(2, showLoader = true);
-                        _b.label = 1;
+                        $$invalidate(3, showLoader = true);
+                        // honey pot to prevent spam
+                        if (e.target.querySelector("[name=Rey]").value) {
+                            e.target.reset();
+                            $$invalidate(3, showLoader = false);
+                            return [2 /*return*/];
+                        }
+                        if (!captchaRequired) return [3 /*break*/, 5];
+                        return [4 /*yield*/, window.$memberstackDom._captchaReady];
                     case 1:
-                        _b.trys.push([1, 3, , 4]);
+                        _b.sent();
+                        captchaToken = getCaptcha();
+                        if (!!captchaToken) return [3 /*break*/, 5];
+                        _b.label = 2;
+                    case 2:
+                        _b.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, executeCaptcha()];
+                    case 3:
+                        captchaToken = _b.sent();
+                        return [3 /*break*/, 5];
+                    case 4:
+                        err_3 = _b.sent();
+                        $$invalidate(3, showLoader = false);
+                        return [2 /*return*/];
+                    case 5:
+                        _b.trys.push([5, 7, , 8]);
                         plans = (((_a = params === null || params === void 0 ? void 0 : params.signup) === null || _a === void 0 ? void 0 : _a.plans) || []).map(function (plan) {
                             return { planId: plan };
                         });
@@ -3477,26 +3777,28 @@ function instance$h($$self, $$props, $$invalidate) {
                                 email: emailInput.value,
                                 password: passwordInput.value,
                                 plans: plans,
-                                customFields: customFields
+                                customFields: customFields,
+                                captchaToken: captchaToken
                             }, { includeContentGroups: true })];
-                    case 2:
+                    case 6:
                         data = (_b.sent()).data;
                         onSuccessSignup({ type: "SIGNUP", data: data });
-                        $$invalidate(2, showLoader = false);
-                        return [3 /*break*/, 4];
-                    case 3:
-                        err_3 = _b.sent();
-                        $$invalidate(2, showLoader = false);
-                        window.$memberstackDom._showMessage(err_3.message, true);
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                        $$invalidate(3, showLoader = false);
+                        return [3 /*break*/, 8];
+                    case 7:
+                        err_4 = _b.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_4.message, true);
+                        resetCaptcha();
+                        return [3 /*break*/, 8];
+                    case 8: return [2 /*return*/];
                 }
             });
         });
     }
     function submitSignupWithProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_4;
+            var data, err_5;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3507,9 +3809,9 @@ function instance$h($$self, $$props, $$invalidate) {
                         onSuccessSignup({ type: "SIGNUP", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_4 = _a.sent();
-                        $$invalidate(2, showLoader = false);
-                        window.$memberstackDom._showMessage(err_4.message, true);
+                        err_5 = _a.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_5.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -3518,11 +3820,11 @@ function instance$h($$self, $$props, $$invalidate) {
     }
     function emailinput_emailInputValid_binding(value) {
         emailInputValid = value;
-        $$invalidate(3, emailInputValid);
+        $$invalidate(4, emailInputValid);
     }
     function passwordinput_passwordInputValid_binding(value) {
         passwordInputValid = value;
-        $$invalidate(4, passwordInputValid);
+        $$invalidate(5, passwordInputValid);
     }
     var click_handler = function () { return $$invalidate(0, display = "login"); };
     var click_handler_1 = function (provider) { return submitSignupWithProvider(provider.provider); };
@@ -3532,13 +3834,14 @@ function instance$h($$self, $$props, $$invalidate) {
         if ('display' in $$props)
             $$invalidate(0, display = $$props.display);
         if ('onSuccessSignup' in $$props)
-            $$invalidate(8, onSuccessSignup = $$props.onSuccessSignup);
+            $$invalidate(9, onSuccessSignup = $$props.onSuccessSignup);
         if ('params' in $$props)
-            $$invalidate(9, params = $$props.params);
+            $$invalidate(2, params = $$props.params);
     };
     return [
         display,
         closeModal,
+        params,
         showLoader,
         emailInputValid,
         passwordInputValid,
@@ -3546,7 +3849,6 @@ function instance$h($$self, $$props, $$invalidate) {
         submitSignup,
         submitSignupWithProvider,
         onSuccessSignup,
-        params,
         emailinput_emailInputValid_binding,
         passwordinput_passwordInputValid_binding,
         click_handler,
@@ -3560,9 +3862,9 @@ var SignupModal = /** @class */ (function (_super) {
         init(_this, options, instance$h, create_fragment$q, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessSignup: 8,
-            params: 9
-        });
+            onSuccessSignup: 9,
+            params: 2
+        }, add_css$1);
         return _this;
     }
     return SignupModal;
@@ -3610,48 +3912,43 @@ function create_fragment$o(ctx) {
     var button;
     var backicon;
     var t0;
-    var closebutton;
-    var t1;
     var div3;
     var figureelement;
-    var t2;
+    var t1;
     var h2;
-    var t4;
+    var t3;
     var p;
-    var t6;
+    var t5;
     var form;
     var emailinput;
     var updating_emailInputValid;
-    var t7;
+    var t6;
     var submitbutton;
-    var t8;
+    var t7;
     var div2;
     var div1;
-    var t10;
+    var t9;
     var modalfooter;
     var current;
     var mounted;
     var dispose;
     backicon = new BackIcon({});
-    closebutton = new CloseButton({
-        props: { closeModal: /*closeModal*/ ctx[1] }
-    });
     figureelement = new FigureElement({});
     function emailinput_emailInputValid_binding(value) {
         /*emailinput_emailInputValid_binding*/ ctx[7](value);
     }
     var emailinput_props = {
-        placeholder: /*text*/ ctx[4]["reset_email_placeholder"]
+        placeholder: /*text*/ ctx[3]["reset_email_placeholder"]
     };
-    if ( /*emailInputValid*/ctx[2] !== void 0) {
-        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[2];
+    if ( /*emailInputValid*/ctx[1] !== void 0) {
+        emailinput_props.emailInputValid = /*emailInputValid*/ ctx[1];
     }
     emailinput = new EmailInput({ props: emailinput_props });
     binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
     submitbutton = new SubmitButton({
         props: {
-            buttonText: /*text*/ ctx[4]["reset"] || "Send Link",
-            isLoading: /*showLoader*/ ctx[3]
+            buttonText: /*text*/ ctx[3]["reset"] || "Send Link",
+            isLoading: /*showLoader*/ ctx[2]
         }
     });
     modalfooter = new ModalFooter({});
@@ -3662,26 +3959,24 @@ function create_fragment$o(ctx) {
             button = element("button");
             create_component(backicon.$$.fragment);
             t0 = space();
-            create_component(closebutton.$$.fragment);
-            t1 = space();
             div3 = element("div");
             create_component(figureelement.$$.fragment);
-            t2 = space();
+            t1 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[4]["reset_your_password"] || "Reset your password");
-            t4 = space();
+            h2.textContent = "".concat(/*text*/ ctx[3]["reset_your_password"] || "Reset your password");
+            t3 = space();
             p = element("p");
-            p.textContent = "" + (ctx[4]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
-            t6 = space();
+            p.textContent = "".concat(/*text*/ ctx[3]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
+            t5 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
-            t7 = space();
+            t6 = space();
             create_component(submitbutton.$$.fragment);
-            t8 = space();
+            t7 = space();
             div2 = element("div");
             div1 = element("div");
-            div1.textContent = "" + (ctx[4]["reset_already_have_code"] || "I already have a code");
-            t10 = space();
+            div1.textContent = "".concat(/*text*/ ctx[3]["reset_already_have_code"] || "I already have a code");
+            t9 = space();
             create_component(modalfooter.$$.fragment);
             attr(div0, "data-cy", "back-btn");
             attr(div0, "class", "ms-modal__back");
@@ -3703,57 +3998,50 @@ function create_fragment$o(ctx) {
             append(div0, button);
             mount_component(backicon, button, null);
             append(div4, t0);
-            mount_component(closebutton, div4, null);
-            append(div4, t1);
             append(div4, div3);
             mount_component(figureelement, div3, null);
-            append(div3, t2);
+            append(div3, t1);
             append(div3, h2);
-            append(div3, t4);
+            append(div3, t3);
             append(div3, p);
-            append(div3, t6);
+            append(div3, t5);
             append(div3, form);
             mount_component(emailinput, form, null);
-            append(form, t7);
+            append(form, t6);
             mount_component(submitbutton, form, null);
-            append(form, t8);
+            append(form, t7);
             append(form, div2);
             append(div2, div1);
-            append(div4, t10);
+            append(div4, t9);
             mount_component(modalfooter, div4, null);
             current = true;
             if (!mounted) {
                 dispose = [
                     listen(button, "click", /*click_handler*/ ctx[6]),
                     listen(div1, "click", /*click_handler_1*/ ctx[8]),
-                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordReset*/ ctx[5])))
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordReset*/ ctx[4])))
                 ];
                 mounted = true;
             }
         },
         p: function (ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
-            var closebutton_changes = {};
-            if (dirty & /*closeModal*/ 2)
-                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
-            closebutton.$set(closebutton_changes);
             var emailinput_changes = {};
-            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 4) {
+            if (!updating_emailInputValid && dirty & /*emailInputValid*/ 2) {
                 updating_emailInputValid = true;
-                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[2];
+                emailinput_changes.emailInputValid = /*emailInputValid*/ ctx[1];
                 add_flush_callback(function () { return updating_emailInputValid = false; });
             }
             emailinput.$set(emailinput_changes);
             var submitbutton_changes = {};
-            if (dirty & /*showLoader*/ 8)
-                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            if (dirty & /*showLoader*/ 4)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
             submitbutton.$set(submitbutton_changes);
         },
         i: function (local) {
             if (current)
                 return;
             transition_in(backicon.$$.fragment, local);
-            transition_in(closebutton.$$.fragment, local);
             transition_in(figureelement.$$.fragment, local);
             transition_in(emailinput.$$.fragment, local);
             transition_in(submitbutton.$$.fragment, local);
@@ -3762,7 +4050,6 @@ function create_fragment$o(ctx) {
         },
         o: function (local) {
             transition_out(backicon.$$.fragment, local);
-            transition_out(closebutton.$$.fragment, local);
             transition_out(figureelement.$$.fragment, local);
             transition_out(emailinput.$$.fragment, local);
             transition_out(submitbutton.$$.fragment, local);
@@ -3773,7 +4060,6 @@ function create_fragment$o(ctx) {
             if (detaching)
                 detach(div4);
             destroy_component(backicon);
-            destroy_component(closebutton);
             destroy_component(figureelement);
             destroy_component(emailinput);
             destroy_component(submitbutton);
@@ -3793,14 +4079,14 @@ function instance$g($$self, $$props, $$invalidate) {
     var showLoader = false;
     function submitPasswordReset(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, err_5;
+            var emailInput, err_6;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         emailInput = e.target[0];
                         if (!emailInputValid)
                             return [2 /*return*/];
-                        $$invalidate(3, showLoader = true);
+                        $$invalidate(2, showLoader = true);
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
@@ -3810,11 +4096,11 @@ function instance$g($$self, $$props, $$invalidate) {
                         $$invalidate(0, display = "reset_password");
                         return [3 /*break*/, 4];
                     case 3:
-                        err_5 = _a.sent();
-                        console.log(err_5);
-                        $$invalidate(3, showLoader = false);
-                        if (err_5.message) {
-                            window.$memberstackDom._showMessage(err_5.message, false);
+                        err_6 = _a.sent();
+                        console.log(err_6);
+                        $$invalidate(2, showLoader = false);
+                        if (err_6.message) {
+                            window.$memberstackDom._showMessage(err_6.message, false);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -3825,22 +4111,22 @@ function instance$g($$self, $$props, $$invalidate) {
     var click_handler = function () { return $$invalidate(0, display = "login"); };
     function emailinput_emailInputValid_binding(value) {
         emailInputValid = value;
-        $$invalidate(2, emailInputValid);
+        $$invalidate(1, emailInputValid);
     }
     var click_handler_1 = function () { return $$invalidate(0, display = "reset_password"); };
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
-            $$invalidate(1, closeModal = $$props.closeModal);
+            $$invalidate(5, closeModal = $$props.closeModal);
         if ('display' in $$props)
             $$invalidate(0, display = $$props.display);
     };
     return [
         display,
-        closeModal,
         emailInputValid,
         showLoader,
         text,
         submitPasswordReset,
+        closeModal,
         click_handler,
         emailinput_emailInputValid_binding,
         click_handler_1
@@ -3850,7 +4136,7 @@ var PassResetModal = /** @class */ (function (_super) {
     __extends(PassResetModal, _super);
     function PassResetModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$g, create_fragment$o, safe_not_equal, { closeModal: 1, display: 0 });
+        init(_this, options, instance$g, create_fragment$o, safe_not_equal, { closeModal: 5, display: 0 });
         return _this;
     }
     return PassResetModal;
@@ -3959,12 +4245,12 @@ function create_fragment$n(ctx) {
             create_component(figureelement.$$.fragment);
             t2 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[5]["reset_your_password"] || "Reset your password");
+            h2.textContent = "".concat(/*text*/ ctx[5]["reset_your_password"] || "Reset your password");
             t4 = space();
             form = element("form");
             div1 = element("div");
             label = element("label");
-            label.textContent = "" + (ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
+            label.textContent = "".concat(/*text*/ ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
             t6 = space();
             fieldset = element("fieldset");
             fieldset.innerHTML = "<input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\"/>";
@@ -4115,7 +4401,7 @@ function instance$f($$self, $$props, $$invalidate) {
     var tokenInputValid = true;
     var passwordInputValid = true;
     onMount(function () {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -4135,7 +4421,7 @@ function instance$f($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -4152,7 +4438,7 @@ function instance$f($$self, $$props, $$invalidate) {
     };
     function submitPasswordToken(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var passwordInput, isValid, token, err_6;
+            var passwordInput, isValid, token, message, err_7;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -4160,7 +4446,7 @@ function instance$f($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
+                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -4173,18 +4459,18 @@ function instance$f($$self, $$props, $$invalidate) {
                         $$invalidate(2, showLoader = true);
                         return [4 /*yield*/, window.$memberstackDom.resetMemberPassword({ token: token, newPassword: passwordInput.value })];
                     case 2:
-                        _a.sent();
-                        window.$memberstackDom._showMessage("Password successfully reset", false);
+                        message = (_a.sent())._internalUseOnly.message;
+                        window.$memberstackDom._showMessage(message, false);
                         onSuccessPasswordReset({ type: "PASSWORD_RESET", data: {} });
                         $$invalidate(2, showLoader = false);
                         $$invalidate(0, display = "reset_password_success");
                         return [3 /*break*/, 4];
                     case 3:
-                        err_6 = _a.sent();
+                        err_7 = _a.sent();
                         $$invalidate(2, showLoader = false);
-                        console.log(err_6);
-                        if (err_6.message) {
-                            window.$memberstackDom._showMessage(err_6.message, true);
+                        console.log(err_7);
+                        if (err_7.message) {
+                            window.$memberstackDom._showMessage(err_7.message, true);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -4766,7 +5052,7 @@ function instance$d($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
+            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -4776,20 +5062,20 @@ function instance$d($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_7;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, data, message, err_8;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        _a.trys.push([0, 2, , 3]);
+                        _b.trys.push([0, 2, , 3]);
                         return [4 /*yield*/, window.$memberstackDom.logout()];
                     case 1:
-                        data = (_a.sent()).data;
-                        window.$memberstackDom._showMessage("Logout successful", false);
+                        _a = _b.sent(), data = _a.data, message = _a._internalUseOnly.message;
+                        window.$memberstackDom._showMessage(message, false);
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_7 = _a.sent();
-                        window.$memberstackDom._showMessage(err_7.message, true);
+                        err_8 = _b.sent();
+                        window.$memberstackDom._showMessage(err_8.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -5364,7 +5650,7 @@ function create_each_block$3(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -5630,7 +5916,7 @@ function instance$b($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_8;
+            var message, err_9;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -5642,13 +5928,13 @@ function instance$b($$self, $$props, $$invalidate) {
                         _a.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, window.$memberstackDom.updateMemberAuth({ email: emailValue })];
                     case 2:
-                        _a.sent();
-                        window.$memberstackDom._showMessage("Email successfully changed", false);
+                        message = (_a.sent())._internalUseOnly.message;
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_8 = _a.sent();
-                        window.$memberstackDom._showMessage(err_8.message, true);
+                        err_9 = _a.sent();
+                        window.$memberstackDom._showMessage(err_9.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -5658,24 +5944,24 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_9;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, data, message, err_10;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         $$invalidate(8, profileLoader = true);
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
+                        _b.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, window.$memberstackDom.disconnectProvider({ provider: provider })];
                     case 2:
-                        data = (_a.sent()).data;
+                        _a = _b.sent(), data = _a.data, message = _a._internalUseOnly.message;
                         $$invalidate(1, member = __assign(__assign({}, member), { auth: __assign(__assign({}, member.auth), { providers: data.providers }) }));
-                        window.$memberstackDom._showMessage("Provider successfully disconnected", false);
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_9 = _a.sent();
-                        window.$memberstackDom._showMessage(err_9.message, true);
+                        err_10 = _b.sent();
+                        window.$memberstackDom._showMessage(err_10.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -5685,7 +5971,7 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_10;
+            var data, err_11;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -5697,11 +5983,11 @@ function instance$b($$self, $$props, $$invalidate) {
                     case 2:
                         data = (_a.sent()).data;
                         $$invalidate(1, member = __assign(__assign({}, member), { auth: __assign(__assign({}, member.auth), { providers: data.providers }) }));
-                        window.$memberstackDom._showMessage("You have successfully connected your account.", false);
+                        window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_10 = _a.sent();
-                        window.$memberstackDom._showMessage(err_10.message, true);
+                        err_11 = _a.sent();
+                        window.$memberstackDom._showMessage(err_11.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -5781,7 +6067,7 @@ function create_else_block$3(ctx) {
         }
     };
 }
-// (63:4) {#if !member.auth.hasPassword}
+// (66:4) {#if !member.auth.hasPassword}
 function create_if_block_1$6(ctx) {
     var t;
     return {
@@ -5797,7 +6083,7 @@ function create_if_block_1$6(ctx) {
         }
     };
 }
-// (71:2) {#if member.auth.hasPassword}
+// (74:2) {#if member.auth.hasPassword}
 function create_if_block$8(ctx) {
     var passwordinput;
     var updating_passwordValue;
@@ -6102,7 +6388,7 @@ function instance$a($$self, $$props, $$invalidate) {
     var confirmPasswordValid = false;
     function submitPasswordChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_11;
+            var message, msg, msg, err_12;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -6110,37 +6396,40 @@ function instance$a($$self, $$props, $$invalidate) {
                             return [2 /*return*/];
                         if (!member.auth.hasPassword && !newPasswordValid && !confirmPasswordValid)
                             return [2 /*return*/];
-                        if (newPasswordValue !== confirmPasswordValue) {
-                            window.$memberstackDom._showMessage("New password and confirm password do not match", true);
-                            return [2 /*return*/];
-                        }
+                        // if (newPasswordValue !== confirmPasswordValue) {
+                        //   window.$memberstackDom._showMessage("New password and confirm password do not match", true);
+                        //   return;
+                        // }
                         $$invalidate(9, profileLoader = true);
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 6, , 7]);
+                        message = void 0;
                         if (!member.auth.hasPassword) return [3 /*break*/, 3];
                         return [4 /*yield*/, window.$memberstackDom.updateMemberAuth({
                                 oldPassword: currentPasswordValue,
                                 newPassword: newPasswordValue
                             })];
                     case 2:
-                        _a.sent();
+                        msg = (_a.sent())._internalUseOnly.message;
+                        message = msg;
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, window.$memberstackDom.setPassword({ password: newPasswordValue })];
                     case 4:
-                        _a.sent();
+                        msg = (_a.sent())._internalUseOnly.message;
                         $$invalidate(1, member.auth.hasPassword = true, member);
+                        message = msg;
                         _a.label = 5;
                     case 5:
-                        window.$memberstackDom._showMessage("Password successfully changed", false);
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(2, currentPasswordValue = "");
                         $$invalidate(3, newPasswordValue = "");
                         $$invalidate(4, confirmPasswordValue = "");
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_11 = _a.sent();
-                        window.$memberstackDom._showMessage(err_11.message, true);
+                        err_12 = _a.sent();
+                        window.$memberstackDom._showMessage(err_12.message, true);
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -6221,7 +6510,7 @@ function fade(node, _a) {
         delay: delay,
         duration: duration,
         easing: easing,
-        css: function (t) { return "opacity: " + t * o; }
+        css: function (t) { return "opacity: ".concat(t * o); }
     };
 }
 /* src/components/ProfileLoader.svelte generated by Svelte v3.48.0 */
@@ -6686,7 +6975,7 @@ function create_each_block$2(ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[6].apply(/*func*/ ctx, __spread([/*memberPlan*/ ctx[8]], args));
+        return /*func*/ ctx[6].apply(/*func*/ ctx, __spreadArray([/*memberPlan*/ ctx[8]], __read(args), false));
     }
     function func_1() {
         return /*func_1*/ ctx[7](/*memberPlan*/ ctx[8]);
@@ -6910,7 +7199,7 @@ function instance$7($$self, $$props, $$invalidate) {
     }
     function removeFreePlan(planId) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_12;
+            var err_13;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -6924,9 +7213,9 @@ function instance$7($$self, $$props, $$invalidate) {
                         $$invalidate(0, member.planConnections = member.planConnections.filter(function (plan) { return plan.planId !== planId; }), member);
                         return [3 /*break*/, 5];
                     case 3:
-                        err_12 = _a.sent();
-                        console.log(err_12);
-                        window.$memberstackDom._showMessage(err_12.message, true);
+                        err_13 = _a.sent();
+                        console.log(err_13);
+                        window.$memberstackDom._showMessage(err_13.message, true);
                         return [3 /*break*/, 5];
                     case 4:
                         $$invalidate(5, profileLoader = false);
@@ -7947,7 +8236,7 @@ function instance$5($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
+            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -7957,20 +8246,20 @@ function instance$5($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_13;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, data, message, err_14;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        _a.trys.push([0, 2, , 3]);
+                        _b.trys.push([0, 2, , 3]);
                         return [4 /*yield*/, window.$memberstackDom.logout()];
                     case 1:
-                        data = (_a.sent()).data;
-                        window.$memberstackDom._showMessage("Logout successful", false);
+                        _a = _b.sent(), data = _a.data, message = _a._internalUseOnly.message;
+                        window.$memberstackDom._showMessage(message, false);
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_13 = _a.sent();
-                        window.$memberstackDom._showMessage(err_13.message, true);
+                        err_14 = _b.sent();
+                        window.$memberstackDom._showMessage(err_14.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -8506,7 +8795,7 @@ function create_each_block(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -8754,7 +9043,7 @@ function instance$3($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_14;
+            var message, err_15;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -8766,13 +9055,13 @@ function instance$3($$self, $$props, $$invalidate) {
                         _a.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, window.$memberstackDom.updateMemberAuth({ email: emailValue })];
                     case 2:
-                        _a.sent();
-                        window.$memberstackDom._showMessage("Email successfully changed", false);
+                        message = (_a.sent())._internalUseOnly.message;
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_14 = _a.sent();
-                        window.$memberstackDom._showMessage(err_14.message, true);
+                        err_15 = _a.sent();
+                        window.$memberstackDom._showMessage(err_15.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -8782,24 +9071,24 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_15;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, data, message, err_16;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         $$invalidate(8, profileLoader = true);
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
+                        _b.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, window.$memberstackDom.disconnectProvider({ provider: provider })];
                     case 2:
-                        data = (_a.sent()).data;
+                        _a = _b.sent(), data = _a.data, message = _a._internalUseOnly.message;
                         $$invalidate(1, member = __assign(__assign({}, member), { auth: __assign(__assign({}, member.auth), { providers: data.providers }) }));
-                        window.$memberstackDom._showMessage("Provider successfully disconnected", false);
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_15 = _a.sent();
-                        window.$memberstackDom._showMessage(err_15.message, true);
+                        err_16 = _b.sent();
+                        window.$memberstackDom._showMessage(err_16.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -8809,7 +9098,7 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_16;
+            var data, err_17;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -8821,11 +9110,11 @@ function instance$3($$self, $$props, $$invalidate) {
                     case 2:
                         data = (_a.sent()).data;
                         $$invalidate(1, member = __assign(__assign({}, member), { auth: __assign(__assign({}, member.auth), { providers: data.providers }) }));
-                        window.$memberstackDom._showMessage("You have successfully connected your account.", false);
+                        window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_16 = _a.sent();
-                        window.$memberstackDom._showMessage(err_16.message, true);
+                        err_17 = _a.sent();
+                        window.$memberstackDom._showMessage(err_17.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -9142,7 +9431,7 @@ function instance$2($$self, $$props, $$invalidate) {
     var confirmPasswordValid = false;
     function submitPasswordChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_17;
+            var message, msg, msg, err_18;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -9150,37 +9439,40 @@ function instance$2($$self, $$props, $$invalidate) {
                             return [2 /*return*/];
                         if (!member.auth.hasPassword && !newPasswordValid && !confirmPasswordValid)
                             return [2 /*return*/];
-                        if (newPasswordValue !== confirmPasswordValue) {
-                            window.$memberstackDom._showMessage("New password and confirm password do not match", true);
-                            return [2 /*return*/];
-                        }
+                        // if (newPasswordValue !== confirmPasswordValue) {
+                        //   window.$memberstackDom._showMessage("New password and confirm password do not match", true);
+                        //   return;
+                        // }
                         $$invalidate(8, profileLoader = true);
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 6, , 7]);
+                        message = void 0;
                         if (!member.auth.hasPassword) return [3 /*break*/, 3];
                         return [4 /*yield*/, window.$memberstackDom.updateMemberAuth({
                                 oldPassword: currentPasswordValue,
                                 newPassword: newPasswordValue
                             })];
                     case 2:
-                        _a.sent();
+                        msg = (_a.sent())._internalUseOnly.message;
+                        message = msg;
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, window.$memberstackDom.setPassword({ password: newPasswordValue })];
                     case 4:
-                        _a.sent();
+                        msg = (_a.sent())._internalUseOnly.message;
                         $$invalidate(0, member.auth.hasPassword = true, member);
+                        message = msg;
                         _a.label = 5;
                     case 5:
-                        window.$memberstackDom._showMessage("Password successfully changed", false);
+                        window.$memberstackDom._showMessage(message, false);
                         $$invalidate(1, currentPasswordValue = "");
                         $$invalidate(2, newPasswordValue = "");
                         $$invalidate(3, confirmPasswordValue = "");
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_17 = _a.sent();
-                        window.$memberstackDom._showMessage(err_17.message, true);
+                        err_18 = _a.sent();
+                        window.$memberstackDom._showMessage(err_18.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -10052,9 +10344,9 @@ var MobileProfileModal = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    append_styles(target, "svelte-bbv5du", "@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\");.svelte-bbv5du{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-bbv5du{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;padding:5vh 5vw}.--hide{display:none}.--flex-h-center{display:flex;align-items:center}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.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__profile-back--mobile{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__profile-back--mobile button{appearance:none;padding:0;outline:none;height:11px;width:7px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__profile-back--mobile button:hover{color:#0a0a0a}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__header--mobile{display:flex;padding:42px 42px 16px 42px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.ms-modal__header--center{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.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;height:55vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__content--mobile{padding:12px;flex-grow:1;height:42vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__mobile-profile-nav{display:flex;flex-direction:column;align-content:center;align-items:stretch;flex-wrap:nowrap}.ms-modal__mobile-profile-nav button{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:12px;width:100%;margin-bottom:10px}.ms-modal__figure{margin:8px auto;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure--mobile{margin:0px 0px 8px 0px}.ms-modal__figure img, .ms-modal__figure svg{width:auto;height:100%;max-height:42px;text-align:center;object-fit:cover;color:transparent}.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:700}.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-modal__regular-button{color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__regular-button svg{height:16px;margin-left:6px}.ms-modal__regular-button--left-icon svg{margin-right:6px;margin-left:0px}.ms-modal__regular-button--right-icon svg{margin-left:6px;margin-right:0px}.ms-modal__regular-button--margin-right{margin-right:12px}.ms-modal__text-button{color:#fff;background-color:transparent;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__card{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0px 2px 2px rgba(0,0,0,0.04);padding:12px;display:flex;flex-direction:row;margin-bottom:12px;border:1px solid rgb(221, 221, 221);border-radius:10px;box-sizing:border-box;width:100%;cursor:default;background:rgb(255, 255, 255);align-items:center;justify-content:space-between}.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:24px;font-weight:700;text-align:left}.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:#0A0A0A;opacity:0.8}.ms-form__button--text:hover{background-color:transparent}.ms-form__button--top-spacing{margin-top:10px}#msFormLoader path{fill:#fff}a.ms-form__link, div.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8;cursor:pointer}.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__save-button:disabled{background:#80a1fc;color:#fff;cursor:default}.ms-modal__save-button--large{padding:12px;font-weight:700;font-size:14px;line-height:16px;width:100%}.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__outline-button--mobile{width:100%}.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-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:6px;font-weight:700;font-size:16px;line-height:28px;color:#0A0A0A;background:none;border:1px solid #C9C9C9;cursor:pointer;margin-bottom:8px}.ms-modal__social-button img{height:16px;margin-right:8px}.ms-modal__social-button[disabled]{background:#F6F6F6}.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;margin-right:5.5px}");
+    append_styles(target, "svelte-3agguo", "@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\");.svelte-3agguo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-3agguo{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;padding:5vh 5vw}.--hide{display:none}.--flex-h-center{display:flex;align-items:center}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.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\n      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__profile-back--mobile{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__profile-back--mobile button{appearance:none;padding:0;outline:none;height:11px;width:7px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__profile-back--mobile button:hover{color:#0a0a0a}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__header--mobile{display:flex;padding:42px 42px 16px 42px;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.ms-modal__header--center{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.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;height:55vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__content--mobile{padding:12px;flex-grow:1;height:42vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__mobile-profile-nav{display:flex;flex-direction:column;align-content:center;align-items:stretch;flex-wrap:nowrap}.ms-modal__mobile-profile-nav button{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:nowrap;justify-content:space-between;padding:12px;width:100%;margin-bottom:10px}.ms-modal__figure{margin:8px auto;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure--mobile{margin:0px 0px 8px 0px}.ms-modal__figure img, .ms-modal__figure svg{width:auto;height:100%;max-height:42px;text-align:center;object-fit:cover;color:transparent}.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:700}.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-modal__regular-button{color:#fff;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__regular-button svg{height:16px;margin-left:6px}.ms-modal__regular-button--left-icon svg{margin-right:6px;margin-left:0px}.ms-modal__regular-button--right-icon svg{margin-left:6px;margin-right:0px}.ms-modal__regular-button--margin-right{margin-right:12px}.ms-modal__text-button{color:#fff;background-color:transparent;padding:8px;border-radius:4px;border:none;font-weight:700;font-size:14px;line-height:16px;cursor:pointer;display:flex;align-items:center}.ms-modal__card{box-shadow:0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000,\n      0px 2px 2px rgba(0, 0, 0, 0.04);padding:12px;display:flex;flex-direction:row;margin-bottom:12px;border:1px solid rgb(221, 221, 221);border-radius:10px;box-sizing:border-box;width:100%;cursor:default;background:rgb(255, 255, 255);align-items:center;justify-content:space-between}.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:24px;font-weight:700;text-align:left}.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:#0a0a0a;opacity:0.8}.ms-form__button--text:hover{background-color:transparent}.ms-form__button--top-spacing{margin-top:10px}#msFormLoader path{fill:#fff}a.ms-form__link, div.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8;cursor:pointer}.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__save-button:disabled{background:#80a1fc;color:#fff;cursor:default}.ms-modal__save-button--large{padding:12px;font-weight:700;font-size:14px;line-height:16px;width:100%}.ms-modal__outline-button{display:block !important;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{display:inline !important;height:15px;margin-right:6px}.ms-modal__outline-button--mobile{width:100%}.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{display:inline !important;height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962ff}.ms-modal__profile-option--active{color:#2962ff}.ms-modal__social-button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:6px;font-weight:700;font-size:16px;line-height:28px;color:#0a0a0a;background:none;border:1px solid #c9c9c9;cursor:pointer;margin-bottom:8px}.ms-modal__social-button img{height:16px;margin-right:8px}.ms-modal__social-button[disabled]{background:#f6f6f6}.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;margin-right:5.5px}");
 }
-// (91:36) 
+// (108:34) 
 function create_if_block_6(ctx) {
     var mediaquery;
     var current;
@@ -10066,11 +10358,11 @@ function create_if_block_6(ctx) {
                     create_default_slot,
                     function (_a) {
                         var matches = _a.matches;
-                        return ({ 21: matches });
+                        return ({ 22: matches });
                     },
                     function (_a) {
                         var matches = _a.matches;
-                        return matches ? 2097152 : 0;
+                        return matches ? 4194304 : 0;
                     }
                 ]
             },
@@ -10087,7 +10379,7 @@ function create_if_block_6(ctx) {
         },
         p: function (ctx, dirty) {
             var mediaquery_changes = {};
-            if (dirty & /*$$scope, onSuccess, member, display, matches*/ 6291469) {
+            if (dirty & /*$$scope, onSuccess, member, display, matches*/ 12582925) {
                 mediaquery_changes.$$scope = { dirty: dirty, ctx: ctx };
             }
             mediaquery.$set(mediaquery_changes);
@@ -10107,13 +10399,13 @@ function create_if_block_6(ctx) {
         }
     };
 }
-// (89:51) 
+// (106:49) 
 function create_if_block_5(ctx) {
     var passwordsuccessmodal;
     var updating_display;
     var current;
     function passwordsuccessmodal_display_binding(value) {
-        /*passwordsuccessmodal_display_binding*/ ctx[14](value);
+        /*passwordsuccessmodal_display_binding*/ ctx[15](value);
     }
     var passwordsuccessmodal_props = { closeModal: /*closeModal*/ ctx[5] };
     if ( /*display*/ctx[0] !== void 0) {
@@ -10153,13 +10445,13 @@ function create_if_block_5(ctx) {
         }
     };
 }
-// (87:43) 
+// (100:41) 
 function create_if_block_4(ctx) {
     var passwordtokenmodal;
     var updating_display;
     var current;
     function passwordtokenmodal_display_binding(value) {
-        /*passwordtokenmodal_display_binding*/ ctx[13](value);
+        /*passwordtokenmodal_display_binding*/ ctx[14](value);
     }
     var passwordtokenmodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10204,13 +10496,13 @@ function create_if_block_4(ctx) {
         }
     };
 }
-// (85:44) 
+// (98:42) 
 function create_if_block_3(ctx) {
     var passwordresetmodal;
     var updating_display;
     var current;
     function passwordresetmodal_display_binding(value) {
-        /*passwordresetmodal_display_binding*/ ctx[12](value);
+        /*passwordresetmodal_display_binding*/ ctx[13](value);
     }
     var passwordresetmodal_props = { closeModal: /*closeModal*/ ctx[5] };
     if ( /*display*/ctx[0] !== void 0) {
@@ -10250,17 +10542,17 @@ function create_if_block_3(ctx) {
         }
     };
 }
-// (83:35) 
+// (91:33) 
 function create_if_block_2(ctx) {
     var signupmodal;
     var updating_display;
     var updating_params;
     var current;
     function signupmodal_display_binding(value) {
-        /*signupmodal_display_binding*/ ctx[10](value);
+        /*signupmodal_display_binding*/ ctx[11](value);
     }
     function signupmodal_params_binding(value) {
-        /*signupmodal_params_binding*/ ctx[11](value);
+        /*signupmodal_params_binding*/ ctx[12](value);
     }
     var signupmodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10314,17 +10606,17 @@ function create_if_block_2(ctx) {
         }
     };
 }
-// (81:4) {#if display === "login"}
+// (84:32) 
 function create_if_block_1(ctx) {
     var loginmodal;
     var updating_display;
     var updating_params;
     var current;
     function loginmodal_display_binding(value) {
-        /*loginmodal_display_binding*/ ctx[8](value);
+        /*loginmodal_display_binding*/ ctx[9](value);
     }
     function loginmodal_params_binding(value) {
-        /*loginmodal_params_binding*/ ctx[9](value);
+        /*loginmodal_params_binding*/ ctx[10](value);
     }
     var loginmodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10378,7 +10670,7 @@ function create_if_block_1(ctx) {
         }
     };
 }
-// (78:2) {#if showLoader}
+// (82:2) {#if showLoader}
 function create_if_block(ctx) {
     var loader;
     var current;
@@ -10407,13 +10699,13 @@ function create_if_block(ctx) {
         }
     };
 }
-// (95:8) {:else}
+// (117:6) {:else}
 function create_else_block(ctx) {
     var profilemodal;
     var updating_display;
     var current;
     function profilemodal_display_binding(value) {
-        /*profilemodal_display_binding*/ ctx[16](value);
+        /*profilemodal_display_binding*/ ctx[17](value);
     }
     var profilemodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10461,13 +10753,13 @@ function create_else_block(ctx) {
         }
     };
 }
-// (93:8) {#if matches}
+// (110:6) {#if matches}
 function create_if_block_7(ctx) {
     var mobileprofilemodal;
     var updating_display;
     var current;
     function mobileprofilemodal_display_binding(value) {
-        /*mobileprofilemodal_display_binding*/ ctx[15](value);
+        /*mobileprofilemodal_display_binding*/ ctx[16](value);
     }
     var mobileprofilemodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10515,7 +10807,7 @@ function create_if_block_7(ctx) {
         }
     };
 }
-// (92:6) <MediaQuery query="(max-width: 520px)" let:matches>
+// (109:4) <MediaQuery query="(max-width: 520px)" let:matches>
 function create_default_slot(ctx) {
     var current_block_type_index;
     var if_block;
@@ -10524,7 +10816,7 @@ function create_default_slot(ctx) {
     var if_block_creators = [create_if_block_7, create_else_block];
     var if_blocks = [];
     function select_block_type_1(ctx, dirty) {
-        if ( /*matches*/ctx[21])
+        if ( /*matches*/ctx[22])
             return 0;
         return 1;
     }
@@ -10586,6 +10878,8 @@ function create_fragment(ctx) {
     var current_block_type_index;
     var if_block;
     var current;
+    var mounted;
+    var dispose;
     var if_block_creators = [
         create_if_block,
         create_if_block_1,
@@ -10622,7 +10916,7 @@ function create_fragment(ctx) {
             if (if_block)
                 if_block.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-bbv5du");
+            attr(main, "class", "svelte-3agguo");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);
@@ -10630,6 +10924,10 @@ function create_fragment(ctx) {
                 if_blocks[current_block_type_index].m(main, null);
             }
             current = true;
+            if (!mounted) {
+                dispose = listen(main, "click", /*closeModalOutside*/ ctx[6]);
+                mounted = true;
+            }
         },
         p: function (ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
@@ -10681,13 +10979,15 @@ function create_fragment(ctx) {
             if (~current_block_type_index) {
                 if_blocks[current_block_type_index].d();
             }
+            mounted = false;
+            dispose();
         }
     };
 }
 function instance($$self, $$props, $$invalidate) {
     var _this = this;
     var showLoader;
-    var _a = $$props.display, display = _a === void 0 ? "login" : _a; // or "signup", "forgot_password", "reset_password", "reset_password_success", and "profile"
+    var _a = $$props.display, display = _a === void 0 ? "login" : _a;
     var onSuccess = $$props.onSuccess;
     var params = $$props.params;
     var appLoading = true;
@@ -10699,10 +10999,15 @@ function instance($$self, $$props, $$invalidate) {
     }
     function closeModal() {
         // hacky way to remove all components prior to removing overlay
-        $$invalidate(6, appLoading = true);
+        $$invalidate(7, appLoading = true);
         onSuccess({ type: "CLOSED" });
         document.querySelector("#msOverlay").remove();
     }
+    function closeModalOutside(e) {
+        if (e.target.id === "msOverlay") {
+            closeModal();
+        }
+    }
     var getApp = function () { return __awaiter(_this, void 0, void 0, function () {
         var data;
         return __generator(this, function (_a) {
@@ -10730,7 +11035,7 @@ function instance($$self, $$props, $$invalidate) {
                         _a.sent();
                         _a.label = 3;
                     case 3:
-                        $$invalidate(6, appLoading = false);
+                        $$invalidate(7, appLoading = false);
                         $$invalidate(4, showLoader = false);
                         return [2 /*return*/];
                 }
@@ -10744,7 +11049,7 @@ function instance($$self, $$props, $$invalidate) {
                 case 0: return [4 /*yield*/, window.$memberstackDom.getCurrentMember()];
                 case 1:
                     data = (_a.sent()).data;
-                    $$invalidate(7, memberLoading = false);
+                    $$invalidate(8, memberLoading = false);
                     $$invalidate(3, member = data);
                     if (display === "profile" && !data) {
                         closeModal();
@@ -10805,7 +11110,7 @@ function instance($$self, $$props, $$invalidate) {
             $$invalidate(1, params = $$props.params);
     };
     $$self.$$.update = function () {
-        if ($$self.$$.dirty & /*appLoading, memberLoading*/ 192) {
+        if ($$self.$$.dirty & /*appLoading, memberLoading*/ 384) {
             $$invalidate(4, showLoader = appLoading || memberLoading);
         }
     };
@@ -10816,6 +11121,7 @@ function instance($$self, $$props, $$invalidate) {
         member,
         showLoader,
         closeModal,
+        closeModalOutside,
         appLoading,
         memberLoading,
         loginmodal_display_binding,