@memberstack/dom 1.9.10 → 1.9.12

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

@@ -962,6 +962,13 @@ var AppStore = writable({
             lightMode: {},
         }
     },
+    authProviders: [],
+    additionalAuthMethods: {
+        passwordless: {
+            enabled: false,
+            isDefault: false
+        }
+    }
 });
 var TextStore = writable({
     text: {
@@ -987,7 +994,7 @@ var TextStore = writable({
 /* src/components/MediaQuery.svelte generated by Svelte v3.48.0 */
 var get_default_slot_changes = function (dirty) { return ({ matches: dirty & /*matches*/ 1 }); };
 var get_default_slot_context = function (ctx) { return ({ matches: /*matches*/ ctx[0] }); };
-function create_fragment$G(ctx) {
+function create_fragment$I(ctx) {
     var current;
     var default_slot_template = /*#slots*/ ctx[4].default;
     var default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], get_default_slot_context);
@@ -1029,7 +1036,7 @@ function create_fragment$G(ctx) {
         }
     };
 }
-function instance$p($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
     var _a = $$props.$$slots, slots = _a === void 0 ? {} : _a, $$scope = $$props.$$scope;
     var query = $$props.query;
     var mql;
@@ -1075,13 +1082,13 @@ var MediaQuery = /** @class */ (function (_super) {
     __extends(MediaQuery, _super);
     function MediaQuery(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$p, create_fragment$G, safe_not_equal, { query: 1 });
+        init(_this, options, instance$q, create_fragment$I, safe_not_equal, { query: 1 });
         return _this;
     }
     return MediaQuery;
 }(SvelteComponent));
 /* src/icons/LoadingIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$F(ctx) {
+function create_fragment$H(ctx) {
     var svg;
     var path;
     var animateTransform;
@@ -1126,13 +1133,13 @@ var LoadingIcon = /** @class */ (function (_super) {
     __extends(LoadingIcon, _super);
     function LoadingIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$F, safe_not_equal, {});
+        init(_this, options, null, create_fragment$H, safe_not_equal, {});
         return _this;
     }
     return LoadingIcon;
 }(SvelteComponent));
 /* src/components/Loader.svelte generated by Svelte v3.48.0 */
-function create_fragment$E(ctx) {
+function create_fragment$G(ctx) {
     var div;
     var loadingicon;
     var current;
@@ -1170,13 +1177,13 @@ var Loader = /** @class */ (function (_super) {
     __extends(Loader, _super);
     function Loader(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$E, safe_not_equal, {});
+        init(_this, options, null, create_fragment$G, safe_not_equal, {});
         return _this;
     }
     return Loader;
 }(SvelteComponent));
 /* src/icons/CloseIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$D(ctx) {
+function create_fragment$F(ctx) {
     var svg;
     var path;
     return {
@@ -1208,13 +1215,13 @@ var CloseIcon = /** @class */ (function (_super) {
     __extends(CloseIcon, _super);
     function CloseIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$D, safe_not_equal, {});
+        init(_this, options, null, create_fragment$F, safe_not_equal, {});
         return _this;
     }
     return CloseIcon;
 }(SvelteComponent));
 /* src/components/CloseButton.svelte generated by Svelte v3.48.0 */
-function create_fragment$C(ctx) {
+function create_fragment$E(ctx) {
     var div;
     var button;
     var closeicon;
@@ -1265,7 +1272,7 @@ function create_fragment$C(ctx) {
         }
     };
 }
-function instance$o($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
     var closeModal = $$props.closeModal;
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
@@ -1277,13 +1284,13 @@ var CloseButton = /** @class */ (function (_super) {
     __extends(CloseButton, _super);
     function CloseButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$o, create_fragment$C, safe_not_equal, { closeModal: 0 });
+        init(_this, options, instance$p, create_fragment$E, safe_not_equal, { closeModal: 0 });
         return _this;
     }
     return CloseButton;
 }(SvelteComponent));
 /* src/icons/MemberstackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$B(ctx) {
+function create_fragment$D(ctx) {
     var svg;
     var path0;
     var path1;
@@ -1337,13 +1344,13 @@ var MemberstackIcon = /** @class */ (function (_super) {
     __extends(MemberstackIcon, _super);
     function MemberstackIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$B, safe_not_equal, {});
+        init(_this, options, null, create_fragment$D, safe_not_equal, {});
         return _this;
     }
     return MemberstackIcon;
 }(SvelteComponent));
 /* src/components/FigureElement.svelte generated by Svelte v3.48.0 */
-function create_else_block$7(ctx) {
+function create_else_block$a(ctx) {
     var memberstackicon;
     var current;
     memberstackicon = new MemberstackIcon({});
@@ -1372,7 +1379,7 @@ function create_else_block$7(ctx) {
     };
 }
 // (13:2) {#if app.branding.logo}
-function create_if_block$j(ctx) {
+function create_if_block$k(ctx) {
     var img;
     var img_src_value;
     var img_alt_value;
@@ -1403,12 +1410,12 @@ function create_if_block$j(ctx) {
         }
     };
 }
-function create_fragment$A(ctx) {
+function create_fragment$C(ctx) {
     var figure;
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$j, create_else_block$7];
+    var if_block_creators = [create_if_block$k, create_else_block$a];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if ( /*app*/ctx[0].branding.logo)
@@ -1470,7 +1477,7 @@ function create_fragment$A(ctx) {
         }
     };
 }
-function instance$n($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
     var app = {};
     AppStore.subscribe(function (data) {
         $$invalidate(0, app = data);
@@ -1481,13 +1488,13 @@ var FigureElement = /** @class */ (function (_super) {
     __extends(FigureElement, _super);
     function FigureElement(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$n, create_fragment$A, safe_not_equal, {});
+        init(_this, options, instance$o, create_fragment$C, safe_not_equal, {});
         return _this;
     }
     return FigureElement;
 }(SvelteComponent));
 /* src/components/SubmitButton.svelte generated by Svelte v3.48.0 */
-function create_else_block$6(ctx) {
+function create_else_block$9(ctx) {
     var button;
     var loadingicon;
     var current;
@@ -1529,7 +1536,7 @@ function create_else_block$6(ctx) {
     };
 }
 // (15:2) {#if !isLoading}
-function create_if_block$i(ctx) {
+function create_if_block$j(ctx) {
     var button;
     var t;
     return {
@@ -1559,12 +1566,12 @@ function create_if_block$i(ctx) {
         }
     };
 }
-function create_fragment$z(ctx) {
+function create_fragment$B(ctx) {
     var div;
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$i, create_else_block$6];
+    var if_block_creators = [create_if_block$j, create_else_block$9];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[1])
@@ -1625,7 +1632,7 @@ function create_fragment$z(ctx) {
         }
     };
 }
-function instance$m($$self, $$props, $$invalidate) {
+function instance$n($$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;
@@ -1646,13 +1653,13 @@ var SubmitButton = /** @class */ (function (_super) {
     __extends(SubmitButton, _super);
     function SubmitButton(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$m, create_fragment$z, safe_not_equal, { buttonText: 0, isLoading: 1 });
+        init(_this, options, instance$n, create_fragment$B, safe_not_equal, { buttonText: 0, isLoading: 1 });
         return _this;
     }
     return SubmitButton;
 }(SvelteComponent));
 /* src/icons/ErrorIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$y(ctx) {
+function create_fragment$A(ctx) {
     var svg;
     var path;
     return {
@@ -1682,13 +1689,13 @@ var ErrorIcon = /** @class */ (function (_super) {
     __extends(ErrorIcon, _super);
     function ErrorIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$y, safe_not_equal, {});
+        init(_this, options, null, create_fragment$A, safe_not_equal, {});
         return _this;
     }
     return ErrorIcon;
 }(SvelteComponent));
 /* src/components/EmailInput.svelte generated by Svelte v3.48.0 */
-function create_if_block$h(ctx) {
+function create_if_block$i(ctx) {
     var div;
     var erroricon;
     var t0;
@@ -1728,7 +1735,7 @@ function create_if_block$h(ctx) {
         }
     };
 }
-function create_fragment$x(ctx) {
+function create_fragment$z(ctx) {
     var div;
     var label;
     var t1;
@@ -1737,7 +1744,7 @@ function create_fragment$x(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block = /*inputError*/ ctx[2] && create_if_block$h(ctx);
+    var if_block = /*inputError*/ ctx[2] && create_if_block$i(ctx);
     return {
         c: function () {
             div = element("div");
@@ -1791,7 +1798,7 @@ function create_fragment$x(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block$h(ctx);
+                    if_block = create_if_block$i(ctx);
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(div, null);
@@ -1825,7 +1832,7 @@ function create_fragment$x(ctx) {
         }
     };
 }
-function instance$l($$self, $$props, $$invalidate) {
+function instance$m($$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;
@@ -1874,7 +1881,7 @@ var EmailInput = /** @class */ (function (_super) {
     __extends(EmailInput, _super);
     function EmailInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$l, create_fragment$x, safe_not_equal, {
+        init(_this, options, instance$m, create_fragment$z, safe_not_equal, {
             emailInputValid: 6,
             emailValue: 0,
             placeholder: 1
@@ -1884,7 +1891,7 @@ var EmailInput = /** @class */ (function (_super) {
     return EmailInput;
 }(SvelteComponent));
 /* src/icons/EyeIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$w(ctx) {
+function create_fragment$y(ctx) {
     var svg;
     var path;
     return {
@@ -1915,13 +1922,13 @@ var EyeIcon = /** @class */ (function (_super) {
     __extends(EyeIcon, _super);
     function EyeIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$w, safe_not_equal, {});
+        init(_this, options, null, create_fragment$y, safe_not_equal, {});
         return _this;
     }
     return EyeIcon;
 }(SvelteComponent));
 /* src/icons/EyeSlashIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$v(ctx) {
+function create_fragment$x(ctx) {
     var svg;
     var path;
     return {
@@ -1952,13 +1959,13 @@ var EyeSlashIcon = /** @class */ (function (_super) {
     __extends(EyeSlashIcon, _super);
     function EyeSlashIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$v, safe_not_equal, {});
+        init(_this, options, null, create_fragment$x, safe_not_equal, {});
         return _this;
     }
     return EyeSlashIcon;
 }(SvelteComponent));
 /* src/components/PasswordInput.svelte generated by Svelte v3.48.0 */
-function create_if_block_2$8(ctx) {
+function create_if_block_2$9(ctx) {
     var div;
     var button;
     var mounted;
@@ -1992,7 +1999,7 @@ function create_if_block_2$8(ctx) {
     };
 }
 // (60:6) {:else}
-function create_else_block$5(ctx) {
+function create_else_block$8(ctx) {
     var eyeslashicon;
     var current;
     eyeslashicon = new EyeSlashIcon({});
@@ -2020,7 +2027,7 @@ function create_else_block$5(ctx) {
     };
 }
 // (58:6) {#if !passwordVisible}
-function create_if_block_1$b(ctx) {
+function create_if_block_1$c(ctx) {
     var eyeicon;
     var current;
     eyeicon = new EyeIcon({});
@@ -2048,7 +2055,7 @@ function create_if_block_1$b(ctx) {
     };
 }
 // (65:2) {#if inputError}
-function create_if_block$g(ctx) {
+function create_if_block$h(ctx) {
     var div;
     var erroricon;
     var t0;
@@ -2088,7 +2095,7 @@ function create_if_block$g(ctx) {
         }
     };
 }
-function create_fragment$u(ctx) {
+function create_fragment$w(ctx) {
     var div3;
     var div0;
     var label;
@@ -2106,8 +2113,8 @@ function create_fragment$u(ctx) {
     var current;
     var mounted;
     var dispose;
-    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_block0 = /*showForgotPasswordLabel*/ ctx[2] && create_if_block_2$9(ctx);
+    var if_block_creators = [create_if_block_1$c, create_else_block$8];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[5])
@@ -2116,7 +2123,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$g(ctx);
+    var if_block2 = /*inputError*/ ctx[6] && create_if_block$h(ctx);
     return {
         c: function () {
             div3 = element("div");
@@ -2187,7 +2194,7 @@ function create_fragment$u(ctx) {
                     if_block0.p(ctx, dirty);
                 }
                 else {
-                    if_block0 = create_if_block_2$8(ctx);
+                    if_block0 = create_if_block_2$9(ctx);
                     if_block0.c();
                     if_block0.m(div0, null);
                 }
@@ -2229,7 +2236,7 @@ function create_fragment$u(ctx) {
                     }
                 }
                 else {
-                    if_block2 = create_if_block$g(ctx);
+                    if_block2 = create_if_block$h(ctx);
                     if_block2.c();
                     transition_in(if_block2, 1);
                     if_block2.m(div3, null);
@@ -2268,7 +2275,7 @@ function create_fragment$u(ctx) {
         }
     };
 }
-function instance$k($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
     var type;
     var $textStore;
     component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(15, $textStore = $$value); });
@@ -2341,7 +2348,7 @@ var PasswordInput = /** @class */ (function (_super) {
     __extends(PasswordInput, _super);
     function PasswordInput(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$k, create_fragment$u, safe_not_equal, {
+        init(_this, options, instance$l, create_fragment$w, safe_not_equal, {
             showForgotPasswordLabel: 2,
             passwordInputValid: 13,
             passwordLabel: 3,
@@ -2354,7 +2361,7 @@ var PasswordInput = /** @class */ (function (_super) {
     return PasswordInput;
 }(SvelteComponent));
 /* src/icons/SecuredIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$t(ctx) {
+function create_fragment$v(ctx) {
     var svg;
     var path;
     return {
@@ -2385,13 +2392,13 @@ var SecuredIcon = /** @class */ (function (_super) {
     __extends(SecuredIcon, _super);
     function SecuredIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$t, safe_not_equal, {});
+        init(_this, options, null, create_fragment$v, safe_not_equal, {});
         return _this;
     }
     return SecuredIcon;
 }(SvelteComponent));
 /* src/components/ModalFooter.svelte generated by Svelte v3.48.0 */
-function create_if_block$f(ctx) {
+function create_if_block$g(ctx) {
     var div;
     var a;
     var securedicon;
@@ -2432,10 +2439,10 @@ function create_if_block$f(ctx) {
         }
     };
 }
-function create_fragment$s(ctx) {
+function create_fragment$u(ctx) {
     var if_block_anchor;
     var current;
-    var if_block = !ctx[0].isPaid && create_if_block$f();
+    var if_block = !ctx[0].isPaid && create_if_block$g();
     return {
         c: function () {
             if (if_block)
@@ -2457,7 +2464,7 @@ function create_fragment$s(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block$f();
+                    if_block = create_if_block$g();
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2489,7 +2496,7 @@ function create_fragment$s(ctx) {
         }
     };
 }
-function instance$j($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
     var $app;
     component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(0, $app = $$value); });
     return [$app];
@@ -2498,19 +2505,92 @@ var ModalFooter = /** @class */ (function (_super) {
     __extends(ModalFooter, _super);
     function ModalFooter(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$j, create_fragment$s, safe_not_equal, {});
+        init(_this, options, instance$k, create_fragment$u, safe_not_equal, {});
         return _this;
     }
     return ModalFooter;
 }(SvelteComponent));
+/* src/icons/EmailIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$t(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "d", "M19,4H5A3,3,0,0,0,2,7V17a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4ZM5,6H19a1,1,0,0,1,1,1l-8,4.88L4,7A1,1,0,0,1,5,6ZM20,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V9.28l7.48,4.57a1,1,0,0,0,1,0L20,9.28Z");
+            attr(svg, "class", "ms-email");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+            attr(svg, "viewBox", "0 0 24 24");
+            attr(svg, "fill", "currentColor");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, path);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var EmailIcon = /** @class */ (function (_super) {
+    __extends(EmailIcon, _super);
+    function EmailIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$t, safe_not_equal, {});
+        return _this;
+    }
+    return EmailIcon;
+}(SvelteComponent));
+var PasswordlessStore = writable({
+    passwordlessModalType: "",
+    passwordlessEmail: "",
+    passwordlessMode: false,
+    passwordlessCustomFields: [],
+    passwordlessPlans: [],
+});
+var setPasswordlessModalType = function (type) {
+    PasswordlessStore.update(function (store) {
+        store.passwordlessModalType = type;
+        return store;
+    });
+};
+var setPasswordlessEmail = function (email) {
+    PasswordlessStore.update(function (store) {
+        store.passwordlessEmail = email;
+        return store;
+    });
+};
+var setPasswordlessCustomFields = function (customFields) {
+    PasswordlessStore.update(function (store) {
+        store.passwordlessCustomFields = customFields;
+        return store;
+    });
+};
+var setPasswordlessPlans = function (plans) {
+    PasswordlessStore.update(function (store) {
+        store.passwordlessPlans = plans;
+        return store;
+    });
+};
+var setPasswordlessMode = function (mode) {
+    PasswordlessStore.update(function (store) {
+        store.passwordlessMode = mode;
+        return store;
+    });
+};
 /* 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[19] = list[i];
+    child_ctx[22] = list[i];
     return child_ctx;
 }
-// (73:2) {#if !params || !params.hideCloseButton}
-function create_if_block_3$3(ctx) {
+// (111:2) {#if !params || !params.hideCloseButton}
+function create_if_block_6$3(ctx) {
     var closebutton;
     var current;
     closebutton = new CloseButton({
@@ -2545,8 +2625,132 @@ function create_if_block_3$3(ctx) {
         }
     };
 }
-// (89:32) 
-function create_if_block_2$7(ctx) {
+// (145:6) {:else}
+function create_else_block_1$4(ctx) {
+    var submitbutton;
+    var current;
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: /*text*/ ctx[8]["login_with_email"] || "Continue with Email",
+            isLoading: /*showLoader*/ ctx[3]
+        }
+    });
+    return {
+        c: function () {
+            create_component(submitbutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(submitbutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(submitbutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(submitbutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(submitbutton, detaching);
+        }
+    };
+}
+// (132:6) {#if !$PasswordlessStore.passwordlessMode}
+function create_if_block_5$3(ctx) {
+    var passwordinput;
+    var updating_passwordInputValid;
+    var updating_display;
+    var t;
+    var submitbutton;
+    var current;
+    function passwordinput_passwordInputValid_binding(value) {
+        /*passwordinput_passwordInputValid_binding*/ ctx[14](value);
+    }
+    function passwordinput_display_binding(value) {
+        /*passwordinput_display_binding*/ ctx[15](value);
+    }
+    var passwordinput_props = {
+        passwordPlaceholder: /*text*/ ctx[8]["login_password_placeholder"],
+        "||": true,
+        showForgotPasswordLabel: true
+    };
+    if ( /*passwordInputValid*/ctx[5] !== void 0) {
+        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[5];
+    }
+    if ( /*display*/ctx[0] !== void 0) {
+        passwordinput_props.display = /*display*/ ctx[0];
+    }
+    passwordinput = new PasswordInput({ props: passwordinput_props });
+    binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
+    binding_callbacks.push(function () { return bind(passwordinput, 'display', passwordinput_display_binding); });
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: /*text*/ ctx[8]["login"] || "Log in",
+            isLoading: /*showLoader*/ ctx[3],
+            "data-cy": "submit-button"
+        }
+    });
+    return {
+        c: function () {
+            create_component(passwordinput.$$.fragment);
+            t = space();
+            create_component(submitbutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordinput, target, anchor);
+            insert(target, t, anchor);
+            mount_component(submitbutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordinput_changes = {};
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
+                updating_passwordInputValid = true;
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
+                add_flush_callback(function () { return updating_passwordInputValid = false; });
+            }
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                passwordinput_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            passwordinput.$set(passwordinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordinput, detaching);
+            if (detaching)
+                detach(t);
+            destroy_component(submitbutton, detaching);
+        }
+    };
+}
+// (163:32) 
+function create_if_block_4$4(ctx) {
     var div;
     var button;
     var mounted;
@@ -2555,7 +2759,7 @@ function create_if_block_2$7(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "".concat(/*text*/ ctx[7]["dont_have_an_account"] || "Don't have an account?");
+            button.textContent = "".concat(/*text*/ ctx[8]["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");
@@ -2564,7 +2768,7 @@ function create_if_block_2$7(ctx) {
             insert(target, div, anchor);
             append(div, button);
             if (!mounted) {
-                dispose = listen(button, "click", /*click_handler_1*/ ctx[16]);
+                dispose = listen(button, "click", /*click_handler_1*/ ctx[17]);
                 mounted = true;
             }
         },
@@ -2577,8 +2781,8 @@ function create_if_block_2$7(ctx) {
         }
     };
 }
-// (85:6) {#if params && params.signup && params.signup.plans}
-function create_if_block_1$a(ctx) {
+// (153:6) {#if params && params.signup && params.signup.plans}
+function create_if_block_3$4(ctx) {
     var div;
     var button;
     var mounted;
@@ -2587,7 +2791,7 @@ function create_if_block_1$a(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "".concat(/*text*/ ctx[7]["dont_have_an_account"] || "Don't have an account?");
+            button.textContent = "".concat(/*text*/ ctx[8]["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");
@@ -2596,7 +2800,7 @@ function create_if_block_1$a(ctx) {
             insert(target, div, anchor);
             append(div, button);
             if (!mounted) {
-                dispose = listen(button, "click", /*click_handler*/ ctx[15]);
+                dispose = listen(button, "click", /*click_handler*/ ctx[16]);
                 mounted = true;
             }
         },
@@ -2609,8 +2813,8 @@ function create_if_block_1$a(ctx) {
         }
     };
 }
-// (96:4) {#if $app.authProviders.length > 0}
-function create_if_block$e(ctx) {
+// (176:4) {#if $app.authProviders.length > 0 || $app.additionalAuthMethods.passwordless.enabled === true}
+function create_if_block$f(ctx) {
     var div4;
     var div3;
     var div0;
@@ -2619,7 +2823,10 @@ function create_if_block$e(ctx) {
     var t2;
     var div2;
     var t3;
-    var each_value = /*$app*/ ctx[6].authProviders;
+    var t4;
+    var current;
+    var if_block = /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$b(ctx);
+    var each_value = /*$app*/ ctx[7].authProviders;
     var each_blocks = [];
     for (var i = 0; i < each_value.length; i += 1) {
         each_blocks[i] = create_each_block$6(get_each_context$6(ctx, each_value, i));
@@ -2631,10 +2838,13 @@ function create_if_block$e(ctx) {
             div0 = element("div");
             t0 = space();
             div1 = element("div");
-            div1.textContent = "".concat(/*text*/ ctx[7]["or"] || "or");
+            div1.textContent = "".concat(/*text*/ ctx[8]["or"] || "or");
             t2 = space();
             div2 = element("div");
             t3 = space();
+            if (if_block)
+                if_block.c();
+            t4 = space();
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].c();
             }
@@ -2653,13 +2863,38 @@ function create_if_block$e(ctx) {
             append(div3, t2);
             append(div3, div2);
             append(div4, t3);
+            if (if_block)
+                if_block.m(div4, null);
+            append(div4, t4);
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].m(div4, null);
             }
+            current = true;
         },
         p: function (ctx, dirty) {
-            if (dirty & /*submitLoginWithProvider, $app, text*/ 1216) {
-                each_value = /*$app*/ ctx[6].authProviders;
+            if ( /*$app*/ctx[7].additionalAuthMethods.passwordless.enabled === true) {
+                if (if_block) {
+                    if_block.p(ctx, dirty);
+                    if (dirty & /*$app*/ 128) {
+                        transition_in(if_block, 1);
+                    }
+                }
+                else {
+                    if_block = create_if_block_1$b(ctx);
+                    if_block.c();
+                    transition_in(if_block, 1);
+                    if_block.m(div4, t4);
+                }
+            }
+            else if (if_block) {
+                group_outros();
+                transition_out(if_block, 1, 1, function () {
+                    if_block = null;
+                });
+                check_outros();
+            }
+            if (dirty & /*submitLoginWithProvider, $app, text*/ 2432) {
+                each_value = /*$app*/ ctx[7].authProviders;
                 var i = void 0;
                 for (i = 0; i < each_value.length; i += 1) {
                     var child_ctx = get_each_context$6(ctx, each_value, i);
@@ -2678,15 +2913,180 @@ function create_if_block$e(ctx) {
                 each_blocks.length = each_value.length;
             }
         },
+        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 (detaching)
                 detach(div4);
+            if (if_block)
+                if_block.d();
             destroy_each(each_blocks, detaching);
         }
     };
 }
-// (103:8) {#each $app.authProviders as provider}
-function create_each_block$6(ctx) {
+// (186:8) {#if $app.additionalAuthMethods.passwordless.enabled === true}
+function create_if_block_1$b(ctx) {
+    var div;
+    var current_block_type_index;
+    var if_block;
+    var current;
+    var if_block_creators = [create_if_block_2$8, create_else_block$7];
+    var if_blocks = [];
+    function select_block_type_2(ctx, dirty) {
+        if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
+            return 0;
+        return 1;
+    }
+    current_block_type_index = select_block_type_2(ctx);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    return {
+        c: function () {
+            div = element("div");
+            if_block.c();
+            attr(div, "class", "ms-modal__social-buttons");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            if_blocks[current_block_type_index].m(div, null);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type_2(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
+            }
+            else {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block = if_blocks[current_block_type_index];
+                if (!if_block) {
+                    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block.c();
+                }
+                else {
+                    if_block.p(ctx, dirty);
+                }
+                transition_in(if_block, 1);
+                if_block.m(div, null);
+            }
+        },
+        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 (detaching)
+                detach(div);
+            if_blocks[current_block_type_index].d();
+        }
+    };
+}
+// (201:12) {:else}
+function create_else_block$7(ctx) {
+    var button;
+    var span;
+    var mounted;
+    var dispose;
+    return {
+        c: function () {
+            button = element("button");
+            span = element("span");
+            span.textContent = "".concat(/*text*/ ctx[8]["login_with_password"] || "Log in with Password");
+            attr(button, "class", "ms-modal__social-button");
+            attr(button, "data-cy", "continue-with-password");
+            attr(button, "type", "button");
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            append(button, span);
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_3*/ ctx[19]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (188:12) {#if $PasswordlessStore.passwordlessMode === false}
+function create_if_block_2$8(ctx) {
+    var button;
+    var emailicon;
+    var t0;
+    var span;
+    var current;
+    var mounted;
+    var dispose;
+    emailicon = new EmailIcon({});
+    return {
+        c: function () {
+            button = element("button");
+            create_component(emailicon.$$.fragment);
+            t0 = space();
+            span = element("span");
+            span.textContent = "".concat(/*text*/ ctx[8]["login_with_email"] || "Continue with Email");
+            attr(button, "class", "ms-modal__social-button");
+            attr(button, "data-cy", "continue-with-email");
+            attr(button, "type", "button");
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            mount_component(emailicon, button, null);
+            append(button, t0);
+            append(button, span);
+            current = true;
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_2*/ ctx[18]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(emailicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(emailicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            destroy_component(emailicon);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (217:8) {#each $app.authProviders as provider}
+function create_each_block$6(ctx) {
     var div;
     var button;
     var img;
@@ -2694,16 +3094,16 @@ function create_each_block$6(ctx) {
     var img_alt_value;
     var t0;
     var span;
-    var t1_value = ( /*text*/ctx[7]["continue_with"] || "Continue with") + "";
+    var t1_value = ( /*text*/ctx[8]["continue_with"] || "Continue with") + "";
     var t1;
     var t2;
-    var t3_value = /*provider*/ ctx[19].name + "";
+    var t3_value = /*provider*/ ctx[22].name + "";
     var t3;
     var t4;
     var mounted;
     var dispose;
-    function click_handler_2() {
-        return /*click_handler_2*/ ctx[17](/*provider*/ ctx[19]);
+    function click_handler_4() {
+        return /*click_handler_4*/ ctx[20](/*provider*/ ctx[22]);
     }
     return {
         c: function () {
@@ -2716,9 +3116,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[19].icon))
+            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[22].icon))
                 attr(img, "src", img_src_value);
-            attr(img, "alt", img_alt_value = /*provider*/ ctx[19].name);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[22].name);
             attr(button, "class", "ms-modal__social-button");
             attr(button, "type", "button");
             attr(div, "class", "ms-modal__social-buttons");
@@ -2734,19 +3134,19 @@ function create_each_block$6(ctx) {
             append(span, t3);
             append(div, t4);
             if (!mounted) {
-                dispose = listen(button, "click", click_handler_2);
+                dispose = listen(button, "click", click_handler_4);
                 mounted = true;
             }
         },
         p: function (new_ctx, dirty) {
             ctx = new_ctx;
-            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon)) {
+            if (dirty & /*$app*/ 128 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[22].icon)) {
                 attr(img, "src", img_src_value);
             }
-            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
+            if (dirty & /*$app*/ 128 && img_alt_value !== (img_alt_value = /*provider*/ ctx[22].name)) {
                 attr(img, "alt", img_alt_value);
             }
-            if (dirty & /*$app*/ 64 && t3_value !== (t3_value = /*provider*/ ctx[19].name + ""))
+            if (dirty & /*$app*/ 128 && t3_value !== (t3_value = /*provider*/ ctx[22].name + ""))
                 set_data(t3, t3_value);
         },
         d: function (detaching) {
@@ -2757,7 +3157,7 @@ function create_each_block$6(ctx) {
         }
     };
 }
-function create_fragment$r(ctx) {
+function create_fragment$s(ctx) {
     var div1;
     var t0;
     var div0;
@@ -2769,66 +3169,46 @@ function create_fragment$r(ctx) {
     var emailinput;
     var updating_emailInputValid;
     var t4;
-    var passwordinput;
-    var updating_passwordInputValid;
-    var updating_display;
+    var current_block_type_index;
+    var if_block1;
     var t5;
-    var submitbutton;
     var t6;
     var t7;
-    var t8;
     var modalfooter;
     var current;
     var mounted;
     var dispose;
-    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_3$3(ctx);
+    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_6$3(ctx);
     figureelement = new FigureElement({});
     function emailinput_emailInputValid_binding(value) {
-        /*emailinput_emailInputValid_binding*/ ctx[12](value);
+        /*emailinput_emailInputValid_binding*/ ctx[13](value);
     }
     var emailinput_props = {
-        placeholder: /*text*/ ctx[7]["login_email_placeholder"]
+        placeholder: /*text*/ ctx[8]["login_email_placeholder"]
     };
     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); });
-    function passwordinput_passwordInputValid_binding(value) {
-        /*passwordinput_passwordInputValid_binding*/ ctx[13](value);
-    }
-    function passwordinput_display_binding(value) {
-        /*passwordinput_display_binding*/ ctx[14](value);
-    }
-    var passwordinput_props = {
-        passwordPlaceholder: /*text*/ ctx[7]["login_password_placeholder"],
-        "||": true,
-        showForgotPasswordLabel: true
-    };
-    if ( /*passwordInputValid*/ctx[5] !== void 0) {
-        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[5];
-    }
-    if ( /*display*/ctx[0] !== void 0) {
-        passwordinput_props.display = /*display*/ ctx[0];
-    }
-    passwordinput = new PasswordInput({ props: passwordinput_props });
-    binding_callbacks.push(function () { return bind(passwordinput, 'passwordInputValid', passwordinput_passwordInputValid_binding); });
-    binding_callbacks.push(function () { return bind(passwordinput, 'display', passwordinput_display_binding); });
-    submitbutton = new SubmitButton({
-        props: {
-            buttonText: /*text*/ ctx[7]["login"] || "Log in",
-            isLoading: /*showLoader*/ ctx[3]
-        }
-    });
+    var if_block_creators = [create_if_block_5$3, create_else_block_1$4];
+    var if_blocks = [];
     function select_block_type(ctx, dirty) {
+        if (!ctx[6].passwordlessMode)
+            return 0;
+        return 1;
+    }
+    current_block_type_index = select_block_type(ctx);
+    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    function select_block_type_1(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;
+            return create_if_block_3$4;
+        if ( /*signupButtonURL*/ctx[9])
+            return create_if_block_4$4;
     }
-    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);
+    var current_block_type = select_block_type_1(ctx);
+    var if_block2 = current_block_type && current_block_type(ctx);
+    var if_block3 = ( /*$app*/ctx[7].authProviders.length > 0 || /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$f(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
@@ -2840,21 +3220,19 @@ function create_fragment$r(ctx) {
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "".concat(/*text*/ ctx[7]["login_to_your_account"] || "Login to your account");
+            h2.textContent = "".concat(/*text*/ ctx[8]["login_to_your_account"] || "Login to your account");
             t3 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
             t4 = space();
-            create_component(passwordinput.$$.fragment);
+            if_block1.c();
             t5 = space();
-            create_component(submitbutton.$$.fragment);
-            t6 = space();
-            if (if_block1)
-                if_block1.c();
-            t7 = space();
             if (if_block2)
                 if_block2.c();
-            t8 = space();
+            t6 = space();
+            if (if_block3)
+                if_block3.c();
+            t7 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
             attr(form, "class", "ms-form");
@@ -2878,20 +3256,18 @@ function create_fragment$r(ctx) {
             append(div0, form);
             mount_component(emailinput, form, null);
             append(form, t4);
-            mount_component(passwordinput, form, null);
+            if_blocks[current_block_type_index].m(form, null);
             append(form, t5);
-            mount_component(submitbutton, form, null);
-            append(form, t6);
-            if (if_block1)
-                if_block1.m(form, null);
-            append(div0, t7);
             if (if_block2)
-                if_block2.m(div0, null);
-            append(div1, t8);
+                if_block2.m(form, null);
+            append(div0, t6);
+            if (if_block3)
+                if_block3.m(div0, null);
+            append(div1, t7);
             mount_component(modalfooter, div1, null);
             current = true;
             if (!mounted) {
-                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[9])));
+                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[10])));
                 mounted = true;
             }
         },
@@ -2905,7 +3281,7 @@ function create_fragment$r(ctx) {
                     }
                 }
                 else {
-                    if_block0 = create_if_block_3$3(ctx);
+                    if_block0 = create_if_block_6$3(ctx);
                     if_block0.c();
                     transition_in(if_block0, 1);
                     if_block0.m(div1, t0);
@@ -2925,47 +3301,60 @@ function create_fragment$r(ctx) {
                 add_flush_callback(function () { return updating_emailInputValid = false; });
             }
             emailinput.$set(emailinput_changes);
-            var passwordinput_changes = {};
-            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
-                updating_passwordInputValid = true;
-                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
-                add_flush_callback(function () { return updating_passwordInputValid = false; });
-            }
-            if (!updating_display && dirty & /*display*/ 1) {
-                updating_display = true;
-                passwordinput_changes.display = /*display*/ ctx[0];
-                add_flush_callback(function () { return updating_display = false; });
-            }
-            passwordinput.$set(passwordinput_changes);
-            var submitbutton_changes = {};
-            if (dirty & /*showLoader*/ 8)
-                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
-            submitbutton.$set(submitbutton_changes);
-            if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block1) {
-                if_block1.p(ctx, dirty);
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
             }
             else {
-                if (if_block1)
-                    if_block1.d(1);
-                if_block1 = current_block_type && current_block_type(ctx);
-                if (if_block1) {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block1 = if_blocks[current_block_type_index];
+                if (!if_block1) {
+                    if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
                     if_block1.c();
-                    if_block1.m(form, null);
                 }
+                else {
+                    if_block1.p(ctx, dirty);
+                }
+                transition_in(if_block1, 1);
+                if_block1.m(form, t5);
             }
-            if ( /*$app*/ctx[6].authProviders.length > 0) {
+            if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block2) {
+                if_block2.p(ctx, dirty);
+            }
+            else {
+                if (if_block2)
+                    if_block2.d(1);
+                if_block2 = current_block_type && current_block_type(ctx);
                 if (if_block2) {
-                    if_block2.p(ctx, dirty);
+                    if_block2.c();
+                    if_block2.m(form, null);
+                }
+            }
+            if ( /*$app*/ctx[7].authProviders.length > 0 || /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true) {
+                if (if_block3) {
+                    if_block3.p(ctx, dirty);
+                    if (dirty & /*$app*/ 128) {
+                        transition_in(if_block3, 1);
+                    }
                 }
                 else {
-                    if_block2 = create_if_block$e(ctx);
-                    if_block2.c();
-                    if_block2.m(div0, null);
+                    if_block3 = create_if_block$f(ctx);
+                    if_block3.c();
+                    transition_in(if_block3, 1);
+                    if_block3.m(div0, null);
                 }
             }
-            else if (if_block2) {
-                if_block2.d(1);
-                if_block2 = null;
+            else if (if_block3) {
+                group_outros();
+                transition_out(if_block3, 1, 1, function () {
+                    if_block3 = null;
+                });
+                check_outros();
             }
         },
         i: function (local) {
@@ -2974,8 +3363,8 @@ function create_fragment$r(ctx) {
             transition_in(if_block0);
             transition_in(figureelement.$$.fragment, local);
             transition_in(emailinput.$$.fragment, local);
-            transition_in(passwordinput.$$.fragment, local);
-            transition_in(submitbutton.$$.fragment, local);
+            transition_in(if_block1);
+            transition_in(if_block3);
             transition_in(modalfooter.$$.fragment, local);
             current = true;
         },
@@ -2983,8 +3372,8 @@ function create_fragment$r(ctx) {
             transition_out(if_block0);
             transition_out(figureelement.$$.fragment, local);
             transition_out(emailinput.$$.fragment, local);
-            transition_out(passwordinput.$$.fragment, local);
-            transition_out(submitbutton.$$.fragment, local);
+            transition_out(if_block1);
+            transition_out(if_block3);
             transition_out(modalfooter.$$.fragment, local);
             current = false;
         },
@@ -2995,24 +3384,25 @@ function create_fragment$r(ctx) {
                 if_block0.d();
             destroy_component(figureelement);
             destroy_component(emailinput);
-            destroy_component(passwordinput);
-            destroy_component(submitbutton);
-            if (if_block1) {
-                if_block1.d();
-            }
-            if (if_block2)
+            if_blocks[current_block_type_index].d();
+            if (if_block2) {
                 if_block2.d();
+            }
+            if (if_block3)
+                if_block3.d();
             destroy_component(modalfooter);
             mounted = false;
             dispose();
         }
     };
 }
-function instance$i($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
+    var $PasswordlessStore;
     var $app;
     var $textStore;
-    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
-    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(18, $textStore = $$value); });
+    component_subscribe($$self, PasswordlessStore, function ($$value) { return $$invalidate(6, $PasswordlessStore = $$value); });
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(7, $app = $$value); });
+    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(21, $textStore = $$value); });
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessLogin = $$props.onSuccessLogin;
@@ -3021,15 +3411,19 @@ function instance$i($$self, $$props, $$invalidate) {
     var showLoader = false;
     var emailInputValid = false;
     var passwordInputValid = false;
+    if ($app.additionalAuthMethods.passwordless.isDefault === true) {
+        setPasswordlessMode(true);
+    }
     var signupButtonURL = Boolean(window.ssoUI) && $app.ssoSignupButtonURL;
     function submitLogin(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, passwordInput, data, err_1;
+            var emailInput, passwordInput, data, err_1, err_2;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         emailInput = e.target.querySelector("[name=eml]");
                         passwordInput = e.target.querySelector("[name=psw]");
+                        if (!($PasswordlessStore.passwordlessMode !== true)) return [3 /*break*/, 5];
                         if (!emailInputValid || !passwordInputValid)
                             return [2 /*return*/];
                         $$invalidate(3, showLoader = true);
@@ -3050,14 +3444,37 @@ function instance$i($$self, $$props, $$invalidate) {
                         $$invalidate(3, showLoader = false);
                         window.$memberstackDom._showMessage(err_1.message, true);
                         return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                    case 4: return [3 /*break*/, 9];
+                    case 5:
+                        if (!emailInputValid)
+                            return [2 /*return*/];
+                        $$invalidate(3, showLoader = true);
+                        _a.label = 6;
+                    case 6:
+                        _a.trys.push([6, 8, , 9]);
+                        return [4 /*yield*/, window.$memberstackDom.sendMemberLoginPasswordlessEmail({ email: emailInput.value })];
+                    case 7:
+                        _a.sent();
+                        // let the passwordlessTokenModal know its accessed from the login modal
+                        setPasswordlessModalType("login");
+                        setPasswordlessEmail(emailInput.value);
+                        // show the PasswordlessTokenModal
+                        $$invalidate(0, display = "passwordless_token");
+                        $$invalidate(3, showLoader = false);
+                        return [3 /*break*/, 9];
+                    case 8:
+                        err_2 = _a.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_2.message, true);
+                        return [3 /*break*/, 9];
+                    case 9: return [2 /*return*/];
                 }
             });
         });
     }
     function submitLoginWithProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_2;
+            var data, err_3;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3068,9 +3485,9 @@ function instance$i($$self, $$props, $$invalidate) {
                         onSuccessLogin({ type: "LOGIN", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_2 = _a.sent();
+                        err_3 = _a.sent();
                         $$invalidate(3, showLoader = false);
-                        window.$memberstackDom._showMessage(err_2.message, true);
+                        window.$memberstackDom._showMessage(err_3.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -3091,14 +3508,16 @@ function instance$i($$self, $$props, $$invalidate) {
     }
     var click_handler = function () { return $$invalidate(0, display = "signup"); };
     var click_handler_1 = function () { return window.location.href = signupButtonURL; };
-    var click_handler_2 = function (provider) { return submitLoginWithProvider(provider.provider); };
+    var click_handler_2 = function () { return setPasswordlessMode(true); };
+    var click_handler_3 = function () { return setPasswordlessMode(false); };
+    var click_handler_4 = 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(11, onSuccessLogin = $$props.onSuccessLogin);
+            $$invalidate(12, onSuccessLogin = $$props.onSuccessLogin);
         if ('params' in $$props)
             $$invalidate(2, params = $$props.params);
     };
@@ -3109,6 +3528,7 @@ function instance$i($$self, $$props, $$invalidate) {
         showLoader,
         emailInputValid,
         passwordInputValid,
+        $PasswordlessStore,
         $app,
         text,
         signupButtonURL,
@@ -3120,17 +3540,19 @@ function instance$i($$self, $$props, $$invalidate) {
         passwordinput_display_binding,
         click_handler,
         click_handler_1,
-        click_handler_2
+        click_handler_2,
+        click_handler_3,
+        click_handler_4
     ];
 }
 var LoginModal = /** @class */ (function (_super) {
     __extends(LoginModal, _super);
     function LoginModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$i, create_fragment$r, safe_not_equal, {
+        init(_this, options, instance$j, create_fragment$s, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessLogin: 11,
+            onSuccessLogin: 12,
             params: 2
         });
         return _this;
@@ -3143,17 +3565,17 @@ function add_css$1(target) {
 }
 function get_each_context$5(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[19] = list[i];
+    child_ctx[24] = list[i];
     return child_ctx;
 }
 function get_each_context_1(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[22] = list[i];
-    child_ctx[24] = i;
+    child_ctx[27] = list[i];
+    child_ctx[29] = i;
     return child_ctx;
 }
-// (142:2) {#if !params || !params.hideCloseButton}
-function create_if_block_2$6(ctx) {
+// (193:2) {#if !params || !params.hideCloseButton}
+function create_if_block_6$2(ctx) {
     var closebutton;
     var current;
     closebutton = new CloseButton({
@@ -3188,12 +3610,12 @@ function create_if_block_2$6(ctx) {
         }
     };
 }
-// (153:6) {#if customField.hidden !== true}
-function create_if_block_1$9(ctx) {
+// (209:8) {#if customField.hidden !== true}
+function create_if_block_5$2(ctx) {
     var div1;
     var div0;
     var label;
-    var t0_value = /*customField*/ ctx[22].label + "";
+    var t0_value = /*customField*/ ctx[27].label + "";
     var t0;
     var label_for_value;
     var t1;
@@ -3209,12 +3631,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[22].key);
+            attr(label, "for", label_for_value = /*customField*/ ctx[27].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[22].label);
-            attr(input, "name", input_name_value = /*customField*/ ctx[22].key);
+            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[27].label);
+            attr(input, "name", input_name_value = /*customField*/ ctx[27].key);
             attr(div0, "class", "ms-form__group");
             attr(div1, "class", "ms-modal__custom-field-container");
         },
@@ -3227,15 +3649,15 @@ function create_if_block_1$9(ctx) {
             append(div0, input);
         },
         p: function (ctx, dirty) {
-            if (dirty & /*$app*/ 64 && t0_value !== (t0_value = /*customField*/ ctx[22].label + ""))
+            if (dirty & /*$app*/ 128 && t0_value !== (t0_value = /*customField*/ ctx[27].label + ""))
                 set_data(t0, t0_value);
-            if (dirty & /*$app*/ 64 && label_for_value !== (label_for_value = /*customField*/ ctx[22].key)) {
+            if (dirty & /*$app*/ 128 && label_for_value !== (label_for_value = /*customField*/ ctx[27].key)) {
                 attr(label, "for", label_for_value);
             }
-            if (dirty & /*$app*/ 64 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[22].label)) {
+            if (dirty & /*$app*/ 128 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[27].label)) {
                 attr(input, "placeholder", input_placeholder_value);
             }
-            if (dirty & /*$app*/ 64 && input_name_value !== (input_name_value = /*customField*/ ctx[22].key)) {
+            if (dirty & /*$app*/ 128 && input_name_value !== (input_name_value = /*customField*/ ctx[27].key)) {
                 attr(input, "name", input_name_value);
             }
         },
@@ -3245,10 +3667,10 @@ function create_if_block_1$9(ctx) {
         }
     };
 }
-// (152:6) {#each $app.customFields as customField, i}
+// (208:6) {#each $app.customFields as customField, i}
 function create_each_block_1(ctx) {
     var if_block_anchor;
-    var if_block = /*customField*/ ctx[22].hidden !== true && create_if_block_1$9(ctx);
+    var if_block = /*customField*/ ctx[27].hidden !== true && create_if_block_5$2(ctx);
     return {
         c: function () {
             if (if_block)
@@ -3261,12 +3683,12 @@ function create_each_block_1(ctx) {
             insert(target, if_block_anchor, anchor);
         },
         p: function (ctx, dirty) {
-            if ( /*customField*/ctx[22].hidden !== true) {
+            if ( /*customField*/ctx[27].hidden !== true) {
                 if (if_block) {
                     if_block.p(ctx, dirty);
                 }
                 else {
-                    if_block = create_if_block_1$9(ctx);
+                    if_block = create_if_block_5$2(ctx);
                     if_block.c();
                     if_block.m(if_block_anchor.parentNode, if_block_anchor);
                 }
@@ -3284,12 +3706,139 @@ function create_each_block_1(ctx) {
         }
     };
 }
-// (180:4) {#if $app.authProviders.length > 0}
-function create_if_block$d(ctx) {
+// (237:6) {#if $PasswordlessStore.passwordlessMode === false}
+function create_if_block_4$3(ctx) {
+    var passwordinput;
+    var updating_passwordInputValid;
+    var current;
+    function passwordinput_passwordInputValid_binding(value) {
+        /*passwordinput_passwordInputValid_binding*/ ctx[13](value);
+    }
+    var passwordinput_props = {};
+    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); });
+    return {
+        c: function () {
+            create_component(passwordinput.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordinput, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordinput_changes = {};
+            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
+                updating_passwordInputValid = true;
+                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
+                add_flush_callback(function () { return updating_passwordInputValid = false; });
+            }
+            passwordinput.$set(passwordinput_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordinput.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordinput.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordinput, detaching);
+        }
+    };
+}
+// (243:6) {:else}
+function create_else_block_1$3(ctx) {
+    var submitbutton;
+    var current;
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Continue with Email",
+            isLoading: /*showLoader*/ ctx[3]
+        }
+    });
+    return {
+        c: function () {
+            create_component(submitbutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(submitbutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(submitbutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(submitbutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(submitbutton, detaching);
+        }
+    };
+}
+// (241:6) {#if $PasswordlessStore.passwordlessMode === false}
+function create_if_block_3$3(ctx) {
+    var submitbutton;
+    var current;
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: "Sign up",
+            isLoading: /*showLoader*/ ctx[3]
+        }
+    });
+    return {
+        c: function () {
+            create_component(submitbutton.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(submitbutton, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 8)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(submitbutton.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(submitbutton.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(submitbutton, detaching);
+        }
+    };
+}
+// (259:4) {#if $app.authProviders.length > 0 || $app.additionalAuthMethods.passwordless.enabled === true}
+function create_if_block$e(ctx) {
     var div4;
     var div3;
     var t3;
-    var each_value = /*$app*/ ctx[6].authProviders;
+    var t4;
+    var current;
+    var if_block = /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$a(ctx);
+    var each_value = /*$app*/ ctx[7].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));
@@ -3300,6 +3849,9 @@ function create_if_block$d(ctx) {
             div3 = element("div");
             div3.innerHTML = "<div class=\"ms-modal__divider-line\"></div> \n          <div class=\"ms-modal__divider-text\">or</div> \n          <div class=\"ms-modal__divider-line\"></div>";
             t3 = space();
+            if (if_block)
+                if_block.c();
+            t4 = space();
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].c();
             }
@@ -3310,13 +3862,38 @@ function create_if_block$d(ctx) {
             insert(target, div4, anchor);
             append(div4, div3);
             append(div4, t3);
+            if (if_block)
+                if_block.m(div4, null);
+            append(div4, t4);
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].m(div4, null);
             }
+            current = true;
         },
         p: function (ctx, dirty) {
-            if (dirty & /*submitSignupWithProvider, $app*/ 320) {
-                each_value = /*$app*/ ctx[6].authProviders;
+            if ( /*$app*/ctx[7].additionalAuthMethods.passwordless.enabled === true) {
+                if (if_block) {
+                    if_block.p(ctx, dirty);
+                    if (dirty & /*$app*/ 128) {
+                        transition_in(if_block, 1);
+                    }
+                }
+                else {
+                    if_block = create_if_block_1$a(ctx);
+                    if_block.c();
+                    transition_in(if_block, 1);
+                    if_block.m(div4, t4);
+                }
+            }
+            else if (if_block) {
+                group_outros();
+                transition_out(if_block, 1, 1, function () {
+                    if_block = null;
+                });
+                check_outros();
+            }
+            if (dirty & /*submitSignupWithProvider, $app*/ 1152) {
+                each_value = /*$app*/ ctx[7].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);
@@ -3335,82 +3912,247 @@ function create_if_block$d(ctx) {
                 each_blocks.length = each_value.length;
             }
         },
+        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 (detaching)
                 detach(div4);
+            if (if_block)
+                if_block.d();
             destroy_each(each_blocks, detaching);
         }
     };
 }
-// (187:8) {#each $app.authProviders as provider}
-function create_each_block$5(ctx) {
+// (267:8) {#if $app.additionalAuthMethods.passwordless.enabled === true}
+function create_if_block_1$a(ctx) {
     var div;
-    var button;
-    var img;
-    var img_src_value;
-    var img_alt_value;
-    var t0;
-    var span;
-    var t1;
-    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[19]);
+    var current_block_type_index;
+    var if_block;
+    var current;
+    var if_block_creators = [create_if_block_2$7, create_else_block$6];
+    var if_blocks = [];
+    function select_block_type_1(ctx, dirty) {
+        if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
+            return 0;
+        return 1;
     }
+    current_block_type_index = select_block_type_1(ctx);
+    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
     return {
         c: function () {
             div = element("div");
-            button = element("button");
-            img = element("img");
-            t0 = space();
-            span = element("span");
-            t1 = text("Continue with ");
-            t2 = text(t2_value);
-            t3 = space();
-            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[19].name);
-            attr(button, "class", "ms-modal__social-button");
-            attr(button, "type", "button");
+            if_block.c();
             attr(div, "class", "ms-modal__social-buttons");
         },
         m: function (target, anchor) {
             insert(target, div, anchor);
-            append(div, button);
-            append(button, img);
-            append(button, t0);
-            append(button, span);
-            append(span, t1);
-            append(span, t2);
-            append(div, t3);
-            if (!mounted) {
-                dispose = listen(button, "click", click_handler_1);
-                mounted = true;
-            }
+            if_blocks[current_block_type_index].m(div, null);
+            current = true;
         },
-        p: function (new_ctx, dirty) {
-            ctx = new_ctx;
-            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[19].icon)) {
-                attr(img, "src", img_src_value);
+        p: function (ctx, dirty) {
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type_1(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
             }
-            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[19].name)) {
-                attr(img, "alt", img_alt_value);
+            else {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block = if_blocks[current_block_type_index];
+                if (!if_block) {
+                    if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block.c();
+                }
+                else {
+                    if_block.p(ctx, dirty);
+                }
+                transition_in(if_block, 1);
+                if_block.m(div, null);
             }
-            if (dirty & /*$app*/ 64 && t2_value !== (t2_value = /*provider*/ ctx[19].name + ""))
-                set_data(t2, t2_value);
         },
-        d: function (detaching) {
+        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 (detaching)
                 detach(div);
+            if_blocks[current_block_type_index].d();
+        }
+    };
+}
+// (282:12) {:else}
+function create_else_block$6(ctx) {
+    var button;
+    var span;
+    var mounted;
+    var dispose;
+    return {
+        c: function () {
+            button = element("button");
+            span = element("span");
+            span.textContent = "".concat(/*text*/ ctx[8]["signup_with_password"] || "Signup with Password");
+            attr(button, "class", "ms-modal__social-button");
+            attr(button, "data-cy", "continue-with-password");
+            attr(button, "type", "button");
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            append(button, span);
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_2*/ ctx[16]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
             mounted = false;
             dispose();
         }
     };
 }
-function create_fragment$q(ctx) {
+// (269:12) {#if $PasswordlessStore.passwordlessMode === false}
+function create_if_block_2$7(ctx) {
+    var button;
+    var emailicon;
+    var t0;
+    var span;
+    var current;
+    var mounted;
+    var dispose;
+    emailicon = new EmailIcon({});
+    return {
+        c: function () {
+            button = element("button");
+            create_component(emailicon.$$.fragment);
+            t0 = space();
+            span = element("span");
+            span.textContent = "".concat(/*text*/ ctx[8]["continue_with_email"] || "Continue with Email");
+            attr(button, "class", "ms-modal__social-button");
+            attr(button, "data-cy", "continue-with-email");
+            attr(button, "type", "button");
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            mount_component(emailicon, button, null);
+            append(button, t0);
+            append(button, span);
+            current = true;
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_1*/ ctx[15]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(emailicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(emailicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            destroy_component(emailicon);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (298:8) {#each $app.authProviders as provider}
+function create_each_block$5(ctx) {
+    var div;
+    var button;
+    var img;
+    var img_src_value;
+    var img_alt_value;
+    var t0;
+    var span;
+    var t1;
+    var t2_value = /*provider*/ ctx[24].name + "";
+    var t2;
+    var t3;
+    var mounted;
+    var dispose;
+    function click_handler_3() {
+        return /*click_handler_3*/ ctx[17](/*provider*/ ctx[24]);
+    }
+    return {
+        c: function () {
+            div = element("div");
+            button = element("button");
+            img = element("img");
+            t0 = space();
+            span = element("span");
+            t1 = text("Continue with ");
+            t2 = text(t2_value);
+            t3 = space();
+            if (!src_url_equal(img.src, img_src_value = /*provider*/ ctx[24].icon))
+                attr(img, "src", img_src_value);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[24].name);
+            attr(button, "class", "ms-modal__social-button");
+            attr(button, "type", "button");
+            attr(div, "class", "ms-modal__social-buttons");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            append(div, button);
+            append(button, img);
+            append(button, t0);
+            append(button, span);
+            append(span, t1);
+            append(span, t2);
+            append(div, t3);
+            if (!mounted) {
+                dispose = listen(button, "click", click_handler_3);
+                mounted = true;
+            }
+        },
+        p: function (new_ctx, dirty) {
+            ctx = new_ctx;
+            if (dirty & /*$app*/ 128 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[24].icon)) {
+                attr(img, "src", img_src_value);
+            }
+            if (dirty & /*$app*/ 128 && img_alt_value !== (img_alt_value = /*provider*/ ctx[24].name)) {
+                attr(img, "alt", img_alt_value);
+            }
+            if (dirty & /*$app*/ 128 && t2_value !== (t2_value = /*provider*/ ctx[24].name + ""))
+                set_data(t2, t2_value);
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+function create_fragment$r(ctx) {
     var div4;
     var t0;
     var div3;
@@ -3425,12 +4167,11 @@ function create_fragment$q(ctx) {
     var t5;
     var div0;
     var t8;
-    var passwordinput;
-    var updating_passwordInputValid;
     var t9;
     var div1;
     var t10;
-    var submitbutton;
+    var current_block_type_index;
+    var if_block2;
     var t11;
     var div2;
     var button;
@@ -3440,15 +4181,15 @@ function create_fragment$q(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_2$6(ctx);
+    var if_block0 = (!ctx[2] || !ctx[2].hideCloseButton) && create_if_block_6$2(ctx);
     figureelement = new FigureElement({});
-    var each_value_1 = /*$app*/ ctx[6].customFields;
+    var each_value_1 = /*$app*/ ctx[7].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));
     }
     function emailinput_emailInputValid_binding(value) {
-        /*emailinput_emailInputValid_binding*/ ctx[10](value);
+        /*emailinput_emailInputValid_binding*/ ctx[12](value);
     }
     var emailinput_props = {};
     if ( /*emailInputValid*/ctx[4] !== void 0) {
@@ -3456,22 +4197,17 @@ function create_fragment$q(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[11](value);
-    }
-    var passwordinput_props = {};
-    if ( /*passwordInputValid*/ctx[5] !== void 0) {
-        passwordinput_props.passwordInputValid = /*passwordInputValid*/ ctx[5];
+    var if_block1 = /*$PasswordlessStore*/ ctx[6].passwordlessMode === false && create_if_block_4$3(ctx);
+    var if_block_creators = [create_if_block_3$3, create_else_block_1$3];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
+            return 0;
+        return 1;
     }
-    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[3]
-        }
-    });
-    var if_block1 = /*$app*/ ctx[6].authProviders.length > 0 && create_if_block$d(ctx);
+    current_block_type_index = select_block_type(ctx);
+    if_block2 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    var if_block3 = ( /*$app*/ctx[7].authProviders.length > 0 || /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$e(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
@@ -3495,18 +4231,19 @@ function create_fragment$q(ctx) {
             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);
+            if (if_block1)
+                if_block1.c();
             t9 = space();
             div1 = element("div");
             t10 = space();
-            create_component(submitbutton.$$.fragment);
+            if_block2.c();
             t11 = space();
             div2 = element("div");
             button = element("button");
             button.textContent = "Already have an account?";
             t13 = space();
-            if (if_block1)
-                if_block1.c();
+            if (if_block3)
+                if_block3.c();
             t14 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
@@ -3542,24 +4279,25 @@ function create_fragment$q(ctx) {
             append(form, t5);
             append(form, div0);
             append(form, t8);
-            mount_component(passwordinput, form, null);
+            if (if_block1)
+                if_block1.m(form, null);
             append(form, t9);
             append(form, div1);
             append(form, t10);
-            mount_component(submitbutton, form, null);
+            if_blocks[current_block_type_index].m(form, null);
             append(form, t11);
             append(form, div2);
             append(div2, button);
             append(div3, t13);
-            if (if_block1)
-                if_block1.m(div3, null);
+            if (if_block3)
+                if_block3.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[7])))
+                    listen(button, "click", /*click_handler*/ ctx[14]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[9])))
                 ];
                 mounted = true;
             }
@@ -3574,7 +4312,7 @@ function create_fragment$q(ctx) {
                     }
                 }
                 else {
-                    if_block0 = create_if_block_2$6(ctx);
+                    if_block0 = create_if_block_6$2(ctx);
                     if_block0.c();
                     transition_in(if_block0, 1);
                     if_block0.m(div4, t0);
@@ -3587,8 +4325,8 @@ function create_fragment$q(ctx) {
                 });
                 check_outros();
             }
-            if (dirty & /*$app*/ 64) {
-                each_value_1 = /*$app*/ ctx[6].customFields;
+            if (dirty & /*$app*/ 128) {
+                each_value_1 = /*$app*/ ctx[7].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);
@@ -3613,30 +4351,69 @@ function create_fragment$q(ctx) {
                 add_flush_callback(function () { return updating_emailInputValid = false; });
             }
             emailinput.$set(emailinput_changes);
-            var passwordinput_changes = {};
-            if (!updating_passwordInputValid && dirty & /*passwordInputValid*/ 32) {
-                updating_passwordInputValid = true;
-                passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[5];
-                add_flush_callback(function () { return updating_passwordInputValid = false; });
-            }
-            passwordinput.$set(passwordinput_changes);
-            var submitbutton_changes = {};
-            if (dirty & /*showLoader*/ 8)
-                submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
-            submitbutton.$set(submitbutton_changes);
-            if ( /*$app*/ctx[6].authProviders.length > 0) {
+            if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false) {
                 if (if_block1) {
                     if_block1.p(ctx, dirty);
+                    if (dirty & /*$PasswordlessStore*/ 64) {
+                        transition_in(if_block1, 1);
+                    }
                 }
                 else {
-                    if_block1 = create_if_block$d(ctx);
+                    if_block1 = create_if_block_4$3(ctx);
                     if_block1.c();
-                    if_block1.m(div3, null);
+                    transition_in(if_block1, 1);
+                    if_block1.m(form, t9);
                 }
             }
             else if (if_block1) {
-                if_block1.d(1);
-                if_block1 = null;
+                group_outros();
+                transition_out(if_block1, 1, 1, function () {
+                    if_block1 = null;
+                });
+                check_outros();
+            }
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
+            }
+            else {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block2 = if_blocks[current_block_type_index];
+                if (!if_block2) {
+                    if_block2 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block2.c();
+                }
+                else {
+                    if_block2.p(ctx, dirty);
+                }
+                transition_in(if_block2, 1);
+                if_block2.m(form, t11);
+            }
+            if ( /*$app*/ctx[7].authProviders.length > 0 || /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true) {
+                if (if_block3) {
+                    if_block3.p(ctx, dirty);
+                    if (dirty & /*$app*/ 128) {
+                        transition_in(if_block3, 1);
+                    }
+                }
+                else {
+                    if_block3 = create_if_block$e(ctx);
+                    if_block3.c();
+                    transition_in(if_block3, 1);
+                    if_block3.m(div3, null);
+                }
+            }
+            else if (if_block3) {
+                group_outros();
+                transition_out(if_block3, 1, 1, function () {
+                    if_block3 = null;
+                });
+                check_outros();
             }
         },
         i: function (local) {
@@ -3645,8 +4422,9 @@ function create_fragment$q(ctx) {
             transition_in(if_block0);
             transition_in(figureelement.$$.fragment, local);
             transition_in(emailinput.$$.fragment, local);
-            transition_in(passwordinput.$$.fragment, local);
-            transition_in(submitbutton.$$.fragment, local);
+            transition_in(if_block1);
+            transition_in(if_block2);
+            transition_in(if_block3);
             transition_in(modalfooter.$$.fragment, local);
             current = true;
         },
@@ -3654,8 +4432,9 @@ function create_fragment$q(ctx) {
             transition_out(if_block0);
             transition_out(figureelement.$$.fragment, local);
             transition_out(emailinput.$$.fragment, local);
-            transition_out(passwordinput.$$.fragment, local);
-            transition_out(submitbutton.$$.fragment, local);
+            transition_out(if_block1);
+            transition_out(if_block2);
+            transition_out(if_block3);
             transition_out(modalfooter.$$.fragment, local);
             current = false;
         },
@@ -3667,10 +4446,11 @@ function create_fragment$q(ctx) {
             destroy_component(figureelement);
             destroy_each(each_blocks, detaching);
             destroy_component(emailinput);
-            destroy_component(passwordinput);
-            destroy_component(submitbutton);
             if (if_block1)
                 if_block1.d();
+            if_blocks[current_block_type_index].d();
+            if (if_block3)
+                if_block3.d();
             destroy_component(modalfooter);
             mounted = false;
             run_all(dispose);
@@ -3691,13 +4471,21 @@ function executeCaptcha() {
         });
     });
 }
-function instance$h($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
+    var $PasswordlessStore;
     var $app;
-    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
+    var $textStore;
+    component_subscribe($$self, PasswordlessStore, function ($$value) { return $$invalidate(6, $PasswordlessStore = $$value); });
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(7, $app = $$value); });
+    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(19, $textStore = $$value); });
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessSignup = $$props.onSuccessSignup;
     var params = $$props.params;
+    if ($app.additionalAuthMethods.passwordless.isDefault === true) {
+        setPasswordlessMode(true);
+    }
+    var text = $textStore.text;
     var showLoader = false;
     var emailInputValid = false;
     var passwordInputValid = false;
@@ -3712,7 +4500,7 @@ function instance$h($$self, $$props, $$invalidate) {
                         return [4 /*yield*/, window.$memberstackDom._captchaReady];
                     case 1:
                         _a.sent();
-                        hcaptchaWidgetID = window.hcaptcha.render('hcaptcha', { sitekey: hcaptchaSitekey, theme: 'light' });
+                        hcaptchaWidgetID = window.hcaptcha.render("hcaptcha", { sitekey: hcaptchaSitekey, theme: "light" });
                         _a.label = 2;
                     case 2: return [2 /*return*/];
                 }
@@ -3729,11 +4517,11 @@ function instance$h($$self, $$props, $$invalidate) {
         }
     }
     function submitSignup(e) {
-        var _a;
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, passwordInput, customFields, customFieldInputs, captchaToken, err_3, plans, data, err_4;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var emailInput, passwordInput, customFields, customFieldInputs, captchaToken, err_4, plans, data, err_5, err_6;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         emailInput = e.target.querySelector("[type=email]");
                         passwordInput = e.target.querySelector("[data-ms-internal-password]");
@@ -3742,8 +4530,14 @@ function instance$h($$self, $$props, $$invalidate) {
                         customFieldInputs.map(function (input) {
                             customFields[input.getAttribute("name")] = input.value;
                         }).length;
-                        if (!emailInputValid || !passwordInputValid)
-                            return [2 /*return*/];
+                        if ($PasswordlessStore.passwordlessMode !== true) {
+                            if (!emailInputValid || !passwordInputValid)
+                                return [2 /*return*/];
+                        }
+                        else {
+                            if (!emailInputValid)
+                                return [2 /*return*/];
+                        }
                         $$invalidate(3, showLoader = true);
                         // honey pot to prevent spam
                         if (e.target.querySelector("[name=Rey]").value) {
@@ -3754,22 +4548,25 @@ function instance$h($$self, $$props, $$invalidate) {
                         if (!captchaRequired) return [3 /*break*/, 5];
                         return [4 /*yield*/, window.$memberstackDom._captchaReady];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         captchaToken = getCaptcha();
                         if (!!captchaToken) return [3 /*break*/, 5];
-                        _b.label = 2;
+                        _c.label = 2;
                     case 2:
-                        _b.trys.push([2, 4, , 5]);
+                        _c.trys.push([2, 4, , 5]);
                         return [4 /*yield*/, executeCaptcha()];
                     case 3:
-                        captchaToken = _b.sent();
+                        captchaToken = _c.sent();
                         return [3 /*break*/, 5];
                     case 4:
-                        err_3 = _b.sent();
+                        err_4 = _c.sent();
                         $$invalidate(3, showLoader = false);
                         return [2 /*return*/];
                     case 5:
-                        _b.trys.push([5, 7, , 8]);
+                        if (!($PasswordlessStore.passwordlessMode !== true)) return [3 /*break*/, 10];
+                        _c.label = 6;
+                    case 6:
+                        _c.trys.push([6, 8, , 9]);
                         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 };
                         });
@@ -3780,25 +4577,46 @@ function instance$h($$self, $$props, $$invalidate) {
                                 customFields: customFields,
                                 captchaToken: captchaToken
                             }, { includeContentGroups: true })];
-                    case 6:
-                        data = (_b.sent()).data;
+                    case 7:
+                        data = (_c.sent()).data;
                         onSuccessSignup({ type: "SIGNUP", data: data });
                         $$invalidate(3, showLoader = false);
-                        return [3 /*break*/, 8];
-                    case 7:
-                        err_4 = _b.sent();
+                        return [3 /*break*/, 9];
+                    case 8:
+                        err_5 = _c.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_5.message, true);
+                        resetCaptcha();
+                        return [3 /*break*/, 9];
+                    case 9: return [3 /*break*/, 13];
+                    case 10:
+                        _c.trys.push([10, 12, , 13]);
+                        return [4 /*yield*/, window.$memberstackDom.sendMemberSignupPasswordlessEmail({ email: emailInput.value })];
+                    case 11:
+                        _c.sent();
+                        // let the passwordlessTokenModal know its accessed from the signup modal
+                        setPasswordlessModalType("signup");
+                        setPasswordlessEmail(emailInput.value);
+                        setPasswordlessPlans(((_b = params === null || params === void 0 ? void 0 : params.signup) === null || _b === void 0 ? void 0 : _b.plans) || []);
+                        setPasswordlessCustomFields(customFields);
+                        // show the PasswordlessTokenModal
+                        $$invalidate(0, display = "passwordless_token");
+                        $$invalidate(3, showLoader = false);
+                        return [3 /*break*/, 13];
+                    case 12:
+                        err_6 = _c.sent();
                         $$invalidate(3, showLoader = false);
-                        window.$memberstackDom._showMessage(err_4.message, true);
+                        window.$memberstackDom._showMessage(err_6.message, true);
                         resetCaptcha();
-                        return [3 /*break*/, 8];
-                    case 8: return [2 /*return*/];
+                        return [3 /*break*/, 13];
+                    case 13: return [2 /*return*/];
                 }
             });
         });
     }
     function submitSignupWithProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_5;
+            var data, err_7;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3809,9 +4627,9 @@ function instance$h($$self, $$props, $$invalidate) {
                         onSuccessSignup({ type: "SIGNUP", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_5 = _a.sent();
+                        err_7 = _a.sent();
                         $$invalidate(3, showLoader = false);
-                        window.$memberstackDom._showMessage(err_5.message, true);
+                        window.$memberstackDom._showMessage(err_7.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -3827,14 +4645,16 @@ function instance$h($$self, $$props, $$invalidate) {
         $$invalidate(5, passwordInputValid);
     }
     var click_handler = function () { return $$invalidate(0, display = "login"); };
-    var click_handler_1 = function (provider) { return submitSignupWithProvider(provider.provider); };
+    var click_handler_1 = function () { return setPasswordlessMode(true); };
+    var click_handler_2 = function () { return setPasswordlessMode(false); };
+    var click_handler_3 = function (provider) { return submitSignupWithProvider(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 ('onSuccessSignup' in $$props)
-            $$invalidate(9, onSuccessSignup = $$props.onSuccessSignup);
+            $$invalidate(11, onSuccessSignup = $$props.onSuccessSignup);
         if ('params' in $$props)
             $$invalidate(2, params = $$props.params);
     };
@@ -3845,24 +4665,28 @@ function instance$h($$self, $$props, $$invalidate) {
         showLoader,
         emailInputValid,
         passwordInputValid,
+        $PasswordlessStore,
         $app,
+        text,
         submitSignup,
         submitSignupWithProvider,
         onSuccessSignup,
         emailinput_emailInputValid_binding,
         passwordinput_passwordInputValid_binding,
         click_handler,
-        click_handler_1
+        click_handler_1,
+        click_handler_2,
+        click_handler_3
     ];
 }
 var SignupModal = /** @class */ (function (_super) {
     __extends(SignupModal, _super);
     function SignupModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$h, create_fragment$q, safe_not_equal, {
+        init(_this, options, instance$i, create_fragment$r, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessSignup: 9,
+            onSuccessSignup: 11,
             params: 2
         }, add_css$1);
         return _this;
@@ -3870,7 +4694,7 @@ var SignupModal = /** @class */ (function (_super) {
     return SignupModal;
 }(SvelteComponent));
 /* src/icons/BackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$p(ctx) {
+function create_fragment$q(ctx) {
     var svg;
     var path;
     return {
@@ -3900,13 +4724,13 @@ var BackIcon = /** @class */ (function (_super) {
     __extends(BackIcon, _super);
     function BackIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$p, safe_not_equal, {});
+        init(_this, options, null, create_fragment$q, safe_not_equal, {});
         return _this;
     }
     return BackIcon;
 }(SvelteComponent));
 /* src/modals/PassResetModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$o(ctx) {
+function create_fragment$p(ctx) {
     var div4;
     var div0;
     var button;
@@ -4069,7 +4893,7 @@ function create_fragment$o(ctx) {
         }
     };
 }
-function instance$g($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
     var $textStore;
     component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(9, $textStore = $$value); });
     var text = $textStore.text;
@@ -4079,7 +4903,7 @@ function instance$g($$self, $$props, $$invalidate) {
     var showLoader = false;
     function submitPasswordReset(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, err_6;
+            var emailInput, err_8;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -4096,11 +4920,11 @@ function instance$g($$self, $$props, $$invalidate) {
                         $$invalidate(0, display = "reset_password");
                         return [3 /*break*/, 4];
                     case 3:
-                        err_6 = _a.sent();
-                        console.log(err_6);
+                        err_8 = _a.sent();
+                        console.log(err_8);
                         $$invalidate(2, showLoader = false);
-                        if (err_6.message) {
-                            window.$memberstackDom._showMessage(err_6.message, false);
+                        if (err_8.message) {
+                            window.$memberstackDom._showMessage(err_8.message, false);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -4136,13 +4960,13 @@ 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: 5, display: 0 });
+        init(_this, options, instance$h, create_fragment$p, safe_not_equal, { closeModal: 5, display: 0 });
         return _this;
     }
     return PassResetModal;
 }(SvelteComponent));
 /* src/modals/PassTokenModal.svelte generated by Svelte v3.48.0 */
-function create_if_block$c(ctx) {
+function create_if_block$d(ctx) {
     var div;
     var erroricon;
     var t;
@@ -4178,7 +5002,7 @@ function create_if_block$c(ctx) {
         }
     };
 }
-function create_fragment$n(ctx) {
+function create_fragment$o(ctx) {
     var div3;
     var div0;
     var button;
@@ -4212,7 +5036,7 @@ function create_fragment$n(ctx) {
         props: { closeModal: /*closeModal*/ ctx[1] }
     });
     figureelement = new FigureElement({});
-    var if_block = !ctx[3] && create_if_block$c();
+    var if_block = !ctx[3] && create_if_block$d();
     function passwordinput_passwordInputValid_binding(value) {
         /*passwordinput_passwordInputValid_binding*/ ctx[9](value);
     }
@@ -4327,7 +5151,7 @@ function create_fragment$n(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block$c();
+                    if_block = create_if_block$d();
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(div1, null);
@@ -4346,7 +5170,636 @@ function create_fragment$n(ctx) {
                 passwordinput_changes.passwordInputValid = /*passwordInputValid*/ ctx[4];
                 add_flush_callback(function () { return updating_passwordInputValid = false; });
             }
-            passwordinput.$set(passwordinput_changes);
+            passwordinput.$set(passwordinput_changes);
+            var submitbutton_changes = {};
+            if (dirty & /*showLoader*/ 4)
+                submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
+            submitbutton.$set(submitbutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(if_block);
+            transition_in(passwordinput.$$.fragment, local);
+            transition_in(submitbutton.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(if_block);
+            transition_out(passwordinput.$$.fragment, local);
+            transition_out(submitbutton.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div3);
+            destroy_component(backicon);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            if (if_block)
+                if_block.d();
+            destroy_component(passwordinput);
+            destroy_component(submitbutton);
+            destroy_component(modalfooter);
+            mounted = false;
+            run_all(dispose);
+        }
+    };
+}
+function instance$g($$self, $$props, $$invalidate) {
+    var $textStore;
+    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(10, $textStore = $$value); });
+    var text = $textStore.text;
+    var closeModal = $$props.closeModal;
+    var display = $$props.display;
+    var onSuccessPasswordReset = $$props.onSuccessPasswordReset;
+    var showLoader = false;
+    var tokenInputValid = true;
+    var passwordInputValid = true;
+    onMount(function () {
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        tokenElements.forEach(function (ele, index) {
+            ele.addEventListener("keydown", function (e) {
+                if (e.keyCode === 8 && e.target.value === "")
+                    tokenElements[Math.max(0, index - 1)].focus();
+            });
+            ele.addEventListener("input", function (e) {
+                var _a = __read(e.target.value), first = _a[0], rest = _a.slice(1);
+                e.target.value = first !== null && first !== void 0 ? first : "";
+                var lastInputBox = index === tokenElements.length - 1;
+                var insertedContent = first !== undefined;
+                if (insertedContent && !lastInputBox) {
+                    tokenElements[index + 1].focus();
+                    tokenElements[index + 1].value = rest.join("");
+                    tokenElements[index + 1].dispatchEvent(new Event("input"));
+                }
+            });
+        });
+    });
+    var validateFields = function (e) {
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
+        var hasEmpty = tokenElements.some(function (el) {
+            if (!el.value) {
+                return true;
+            }
+            return false;
+        });
+        if (hasEmpty) {
+            $$invalidate(3, tokenInputValid = false);
+        }
+        else {
+            $$invalidate(3, tokenInputValid = true);
+        }
+        return !hasEmpty;
+    };
+    function submitPasswordToken(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var passwordInput, isValid, token, message, err_9;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        passwordInput = e.target[7];
+                        isValid = validateFields();
+                        if (!isValid)
+                            return [2 /*return*/];
+                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
+                            var name = _a.name;
+                            return name;
+                        }).map(function (_a) {
+                            var value = _a.value;
+                            return value;
+                        }).join("");
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        $$invalidate(2, showLoader = true);
+                        return [4 /*yield*/, window.$memberstackDom.resetMemberPassword({ token: token, newPassword: passwordInput.value })];
+                    case 2:
+                        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_9 = _a.sent();
+                        $$invalidate(2, showLoader = false);
+                        console.log(err_9);
+                        if (err_9.message) {
+                            window.$memberstackDom._showMessage(err_9.message, true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var click_handler = function () { return $$invalidate(0, display = "forgot_password"); };
+    function passwordinput_passwordInputValid_binding(value) {
+        passwordInputValid = value;
+        $$invalidate(4, passwordInputValid);
+    }
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(1, closeModal = $$props.closeModal);
+        if ('display' in $$props)
+            $$invalidate(0, display = $$props.display);
+        if ('onSuccessPasswordReset' in $$props)
+            $$invalidate(7, onSuccessPasswordReset = $$props.onSuccessPasswordReset);
+    };
+    return [
+        display,
+        closeModal,
+        showLoader,
+        tokenInputValid,
+        passwordInputValid,
+        text,
+        submitPasswordToken,
+        onSuccessPasswordReset,
+        click_handler,
+        passwordinput_passwordInputValid_binding
+    ];
+}
+var PassTokenModal = /** @class */ (function (_super) {
+    __extends(PassTokenModal, _super);
+    function PassTokenModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$g, create_fragment$o, safe_not_equal, {
+            closeModal: 1,
+            display: 0,
+            onSuccessPasswordReset: 7
+        });
+        return _this;
+    }
+    return PassTokenModal;
+}(SvelteComponent));
+/* src/modals/PassSuccessModal.svelte generated by Svelte v3.48.0 */
+function create_fragment$n(ctx) {
+    var div2;
+    var div0;
+    var t0;
+    var closebutton;
+    var t1;
+    var div1;
+    var figureelement;
+    var t2;
+    var h2;
+    var t4;
+    var p;
+    var t7;
+    var modalfooter;
+    var current;
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[0] }
+    });
+    figureelement = new FigureElement({});
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div2 = element("div");
+            div0 = element("div");
+            t0 = space();
+            create_component(closebutton.$$.fragment);
+            t1 = space();
+            div1 = element("div");
+            create_component(figureelement.$$.fragment);
+            t2 = space();
+            h2 = element("h2");
+            h2.textContent = "Success!";
+            t4 = space();
+            p = element("p");
+            p.innerHTML = "Your password has been reset. <br/>\n      Please login with your new credentials.";
+            t7 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(div0, "data-cy", "back-btn");
+            attr(div0, "class", "ms-modal__back");
+            attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
+            attr(p, "class", "ms-modal__text");
+            attr(div1, "class", "ms-modal__content");
+            attr(div2, "class", "ms-modal");
+            attr(div2, "id", "PasswordSuccessModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div2, anchor);
+            append(div2, div0);
+            append(div2, t0);
+            mount_component(closebutton, div2, null);
+            append(div2, t1);
+            append(div2, div1);
+            mount_component(figureelement, div1, null);
+            append(div1, t2);
+            append(div1, h2);
+            append(div1, t4);
+            append(div1, p);
+            append(div2, t7);
+            mount_component(modalfooter, div2, null);
+            current = true;
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 1)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[0];
+            closebutton.$set(closebutton_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(closebutton.$$.fragment, local);
+            transition_in(figureelement.$$.fragment, local);
+            transition_in(modalfooter.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(closebutton.$$.fragment, local);
+            transition_out(figureelement.$$.fragment, local);
+            transition_out(modalfooter.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div2);
+            destroy_component(closebutton);
+            destroy_component(figureelement);
+            destroy_component(modalfooter);
+        }
+    };
+}
+function instance$f($$self, $$props, $$invalidate) {
+    var closeModal = $$props.closeModal;
+    $$self.$$set = function ($$props) {
+        if ('closeModal' in $$props)
+            $$invalidate(0, closeModal = $$props.closeModal);
+    };
+    return [closeModal];
+}
+var PassSuccessModal = /** @class */ (function (_super) {
+    __extends(PassSuccessModal, _super);
+    function PassSuccessModal(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, instance$f, create_fragment$n, safe_not_equal, { closeModal: 0 });
+        return _this;
+    }
+    return PassSuccessModal;
+}(SvelteComponent));
+/* src/modals/PasswordlessTokenModal.svelte generated by Svelte v3.48.0 */
+function create_else_block_1$2(ctx) {
+    var button;
+    var backicon;
+    var current;
+    var mounted;
+    var dispose;
+    backicon = new BackIcon({});
+    return {
+        c: function () {
+            button = element("button");
+            create_component(backicon.$$.fragment);
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            mount_component(backicon, button, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler_1*/ ctx[10]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            destroy_component(backicon);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (140:4) {#if $PasswordlessStore.passwordlessModalType === "login"}
+function create_if_block_2$6(ctx) {
+    var button;
+    var backicon;
+    var current;
+    var mounted;
+    var dispose;
+    backicon = new BackIcon({});
+    return {
+        c: function () {
+            button = element("button");
+            create_component(backicon.$$.fragment);
+        },
+        m: function (target, anchor) {
+            insert(target, button, anchor);
+            mount_component(backicon, button, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(button, "click", /*click_handler*/ ctx[9]);
+                mounted = true;
+            }
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(backicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(backicon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(button);
+            destroy_component(backicon);
+            mounted = false;
+            dispose();
+        }
+    };
+}
+// (159:4) {:else}
+function create_else_block$5(ctx) {
+    var h2;
+    return {
+        c: function () {
+            h2 = element("h2");
+            h2.textContent = "".concat(/*text*/ ctx[5]["passwordless_token_heading"] || "Create an account");
+            attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
+        },
+        m: function (target, anchor) {
+            insert(target, h2, anchor);
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(h2);
+        }
+    };
+}
+// (155:4) {#if $PasswordlessStore.passwordlessModalType === "login"}
+function create_if_block_1$9(ctx) {
+    var h2;
+    return {
+        c: function () {
+            h2 = element("h2");
+            h2.textContent = "".concat(/*text*/ ctx[5]["login_to_your_account"] || "Login to your account");
+            attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
+        },
+        m: function (target, anchor) {
+            insert(target, h2, anchor);
+        },
+        p: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(h2);
+        }
+    };
+}
+// (212:8) {#if !tokenInputValid}
+function create_if_block$c(ctx) {
+    var div;
+    var erroricon;
+    var t;
+    var current;
+    erroricon = new ErrorIcon({});
+    return {
+        c: function () {
+            div = element("div");
+            create_component(erroricon.$$.fragment);
+            t = text(" Please enter a valid code");
+            attr(div, "class", "ms-form__error");
+        },
+        m: function (target, anchor) {
+            insert(target, div, anchor);
+            mount_component(erroricon, div, null);
+            append(div, t);
+            current = true;
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(erroricon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(erroricon.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            destroy_component(erroricon);
+        }
+    };
+}
+function create_fragment$m(ctx) {
+    var div3;
+    var div0;
+    var current_block_type_index;
+    var if_block0;
+    var t0;
+    var closebutton;
+    var t1;
+    var div2;
+    var figureelement;
+    var t2;
+    var t3;
+    var p;
+    var t5;
+    var form;
+    var div1;
+    var label;
+    var t7;
+    var fieldset;
+    var t13;
+    var t14;
+    var submitbutton;
+    var t15;
+    var modalfooter;
+    var current;
+    var mounted;
+    var dispose;
+    var if_block_creators = [create_if_block_2$6, create_else_block_1$2];
+    var if_blocks = [];
+    function select_block_type(ctx, dirty) {
+        if ( /*$PasswordlessStore*/ctx[4].passwordlessModalType === "login")
+            return 0;
+        return 1;
+    }
+    current_block_type_index = select_block_type(ctx);
+    if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+    closebutton = new CloseButton({
+        props: { closeModal: /*closeModal*/ ctx[1] }
+    });
+    figureelement = new FigureElement({});
+    function select_block_type_1(ctx, dirty) {
+        if ( /*$PasswordlessStore*/ctx[4].passwordlessModalType === "login")
+            return create_if_block_1$9;
+        return create_else_block$5;
+    }
+    var current_block_type = select_block_type_1(ctx);
+    var if_block1 = current_block_type(ctx);
+    var if_block2 = !ctx[3] && create_if_block$c();
+    submitbutton = new SubmitButton({
+        props: {
+            buttonText: /*text*/ ctx[5]["login_verify_email"] || "Verify Email",
+            isLoading: /*showLoader*/ ctx[2]
+        }
+    });
+    modalfooter = new ModalFooter({});
+    return {
+        c: function () {
+            div3 = element("div");
+            div0 = element("div");
+            if_block0.c();
+            t0 = space();
+            create_component(closebutton.$$.fragment);
+            t1 = space();
+            div2 = element("div");
+            create_component(figureelement.$$.fragment);
+            t2 = space();
+            if_block1.c();
+            t3 = space();
+            p = element("p");
+            p.textContent = "".concat(/*text*/ ctx[5]["login_passwordless_instructions"] || "Enter the verification code sent to your email address");
+            t5 = space();
+            form = element("form");
+            div1 = element("div");
+            label = element("label");
+            label.textContent = "".concat(/*text*/ ctx[5]["login_verification_code"] || "Verification Code");
+            t7 = 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\"/>";
+            t13 = space();
+            if (if_block2)
+                if_block2.c();
+            t14 = space();
+            create_component(submitbutton.$$.fragment);
+            t15 = space();
+            create_component(modalfooter.$$.fragment);
+            attr(div0, "class", "ms-modal__back");
+            attr(p, "class", "ms-modal__text");
+            attr(label, "class", "ms-form__label");
+            attr(label, "for", "token-fieldset");
+            attr(fieldset, "class", "ms-form__fieldset");
+            attr(fieldset, "name", "token-fieldset");
+            attr(div1, "class", "ms-form__group");
+            attr(form, "class", "ms-form");
+            attr(form, "action", "");
+            attr(form, "method", "post");
+            attr(form, "autocomplete", "off");
+            attr(div2, "class", "ms-modal__content");
+            attr(div3, "class", "ms-modal");
+            attr(div3, "id", "PasswordlessTokenModal");
+        },
+        m: function (target, anchor) {
+            insert(target, div3, anchor);
+            append(div3, div0);
+            if_blocks[current_block_type_index].m(div0, null);
+            append(div3, t0);
+            mount_component(closebutton, div3, null);
+            append(div3, t1);
+            append(div3, div2);
+            mount_component(figureelement, div2, null);
+            append(div2, t2);
+            if_block1.m(div2, null);
+            append(div2, t3);
+            append(div2, p);
+            append(div2, t5);
+            append(div2, form);
+            append(form, div1);
+            append(div1, label);
+            append(div1, t7);
+            append(div1, fieldset);
+            append(div1, t13);
+            if (if_block2)
+                if_block2.m(div1, null);
+            append(form, t14);
+            mount_component(submitbutton, form, null);
+            append(div3, t15);
+            mount_component(modalfooter, div3, null);
+            current = true;
+            if (!mounted) {
+                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitPasswordlessToken*/ ctx[6])));
+                mounted = true;
+            }
+        },
+        p: function (ctx, _a) {
+            var _b = __read(_a, 1), dirty = _b[0];
+            var previous_block_index = current_block_type_index;
+            current_block_type_index = select_block_type(ctx);
+            if (current_block_type_index === previous_block_index) {
+                if_blocks[current_block_type_index].p(ctx, dirty);
+            }
+            else {
+                group_outros();
+                transition_out(if_blocks[previous_block_index], 1, 1, function () {
+                    if_blocks[previous_block_index] = null;
+                });
+                check_outros();
+                if_block0 = if_blocks[current_block_type_index];
+                if (!if_block0) {
+                    if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+                    if_block0.c();
+                }
+                else {
+                    if_block0.p(ctx, dirty);
+                }
+                transition_in(if_block0, 1);
+                if_block0.m(div0, null);
+            }
+            var closebutton_changes = {};
+            if (dirty & /*closeModal*/ 2)
+                closebutton_changes.closeModal = /*closeModal*/ ctx[1];
+            closebutton.$set(closebutton_changes);
+            if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block1) {
+                if_block1.p(ctx, dirty);
+            }
+            else {
+                if_block1.d(1);
+                if_block1 = current_block_type(ctx);
+                if (if_block1) {
+                    if_block1.c();
+                    if_block1.m(div2, t3);
+                }
+            }
+            if (!ctx[3]) {
+                if (if_block2) {
+                    if (dirty & /*tokenInputValid*/ 8) {
+                        transition_in(if_block2, 1);
+                    }
+                }
+                else {
+                    if_block2 = create_if_block$c();
+                    if_block2.c();
+                    transition_in(if_block2, 1);
+                    if_block2.m(div1, null);
+                }
+            }
+            else if (if_block2) {
+                group_outros();
+                transition_out(if_block2, 1, 1, function () {
+                    if_block2 = null;
+                });
+                check_outros();
+            }
             var submitbutton_changes = {};
             if (dirty & /*showLoader*/ 4)
                 submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
@@ -4355,21 +5808,19 @@ function create_fragment$n(ctx) {
         i: function (local) {
             if (current)
                 return;
-            transition_in(backicon.$$.fragment, local);
+            transition_in(if_block0);
             transition_in(closebutton.$$.fragment, local);
             transition_in(figureelement.$$.fragment, local);
-            transition_in(if_block);
-            transition_in(passwordinput.$$.fragment, local);
+            transition_in(if_block2);
             transition_in(submitbutton.$$.fragment, local);
             transition_in(modalfooter.$$.fragment, local);
             current = true;
         },
         o: function (local) {
-            transition_out(backicon.$$.fragment, local);
+            transition_out(if_block0);
             transition_out(closebutton.$$.fragment, local);
             transition_out(figureelement.$$.fragment, local);
-            transition_out(if_block);
-            transition_out(passwordinput.$$.fragment, local);
+            transition_out(if_block2);
             transition_out(submitbutton.$$.fragment, local);
             transition_out(modalfooter.$$.fragment, local);
             current = false;
@@ -4377,29 +5828,31 @@ function create_fragment$n(ctx) {
         d: function (detaching) {
             if (detaching)
                 detach(div3);
-            destroy_component(backicon);
+            if_blocks[current_block_type_index].d();
             destroy_component(closebutton);
             destroy_component(figureelement);
-            if (if_block)
-                if_block.d();
-            destroy_component(passwordinput);
+            if_block1.d();
+            if (if_block2)
+                if_block2.d();
             destroy_component(submitbutton);
             destroy_component(modalfooter);
             mounted = false;
-            run_all(dispose);
+            dispose();
         }
     };
 }
-function instance$f($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
+    var $PasswordlessStore;
     var $textStore;
-    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(10, $textStore = $$value); });
+    component_subscribe($$self, PasswordlessStore, function ($$value) { return $$invalidate(4, $PasswordlessStore = $$value); });
+    component_subscribe($$self, TextStore, function ($$value) { return $$invalidate(11, $textStore = $$value); });
     var text = $textStore.text;
     var closeModal = $$props.closeModal;
     var display = $$props.display;
-    var onSuccessPasswordReset = $$props.onSuccessPasswordReset;
+    var onSuccessPasswordlessToken = $$props.onSuccessPasswordlessToken;
+    var onSuccess = $$props.onSuccess;
     var showLoader = false;
     var tokenInputValid = true;
-    var passwordInputValid = true;
     onMount(function () {
         var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         tokenElements.forEach(function (ele, index) {
@@ -4436,13 +5889,13 @@ function instance$f($$self, $$props, $$invalidate) {
         }
         return !hasEmpty;
     };
-    function submitPasswordToken(e) {
+    function submitPasswordlessToken(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var passwordInput, isValid, token, message, err_7;
+            var isValid, token, data, plans, data, err_10;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        passwordInput = e.target[7];
+                        e.target[7];
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
@@ -4455,176 +5908,86 @@ function instance$f($$self, $$props, $$invalidate) {
                         }).join("");
                         _a.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
+                        _a.trys.push([1, 6, , 7]);
                         $$invalidate(2, showLoader = true);
-                        return [4 /*yield*/, window.$memberstackDom.resetMemberPassword({ token: token, newPassword: passwordInput.value })];
+                        if (!($PasswordlessStore.passwordlessModalType === "login")) return [3 /*break*/, 3];
+                        return [4 /*yield*/, window.$memberstackDom.loginMemberPasswordless({
+                                token: token,
+                                email: $PasswordlessStore.passwordlessEmail
+                            }, { includeContentGroups: true })];
                     case 2:
-                        message = (_a.sent())._internalUseOnly.message;
-                        window.$memberstackDom._showMessage(message, false);
-                        onSuccessPasswordReset({ type: "PASSWORD_RESET", data: {} });
+                        data = (_a.sent()).data;
+                        onSuccess({ type: "LOGIN", data: data });
                         $$invalidate(2, showLoader = false);
-                        $$invalidate(0, display = "reset_password_success");
-                        return [3 /*break*/, 4];
+                        return [3 /*break*/, 5];
                     case 3:
-                        err_7 = _a.sent();
+                        plans = ($PasswordlessStore.passwordlessPlans || []).map(function (plan) {
+                            return { planId: plan };
+                        });
+                        return [4 /*yield*/, window.$memberstackDom.signupMemberPasswordless({
+                                passwordlessToken: token,
+                                email: $PasswordlessStore.passwordlessEmail,
+                                plans: plans,
+                                customFields: $PasswordlessStore.passwordlessCustomFields
+                            }, { includeContentGroups: true })];
+                    case 4:
+                        data = (_a.sent()).data;
+                        onSuccess({ type: "SIGNUP", data: data });
+                        $$invalidate(2, showLoader = false);
+                        _a.label = 5;
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        err_10 = _a.sent();
                         $$invalidate(2, showLoader = false);
-                        console.log(err_7);
-                        if (err_7.message) {
-                            window.$memberstackDom._showMessage(err_7.message, true);
+                        console.log(err_10);
+                        if (err_10.message) {
+                            window.$memberstackDom._showMessage(err_10.message, true);
                         }
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                        return [3 /*break*/, 7];
+                    case 7: return [2 /*return*/];
                 }
             });
         });
     }
-    var click_handler = function () { return $$invalidate(0, display = "forgot_password"); };
-    function passwordinput_passwordInputValid_binding(value) {
-        passwordInputValid = value;
-        $$invalidate(4, passwordInputValid);
-    }
+    var click_handler = function () { return $$invalidate(0, display = "login"); };
+    var click_handler_1 = function () { return $$invalidate(0, display = "signup"); };
     $$self.$$set = function ($$props) {
         if ('closeModal' in $$props)
             $$invalidate(1, closeModal = $$props.closeModal);
         if ('display' in $$props)
             $$invalidate(0, display = $$props.display);
-        if ('onSuccessPasswordReset' in $$props)
-            $$invalidate(7, onSuccessPasswordReset = $$props.onSuccessPasswordReset);
+        if ('onSuccessPasswordlessToken' in $$props)
+            $$invalidate(7, onSuccessPasswordlessToken = $$props.onSuccessPasswordlessToken);
+        if ('onSuccess' in $$props)
+            $$invalidate(8, onSuccess = $$props.onSuccess);
     };
     return [
         display,
         closeModal,
         showLoader,
         tokenInputValid,
-        passwordInputValid,
+        $PasswordlessStore,
         text,
-        submitPasswordToken,
-        onSuccessPasswordReset,
+        submitPasswordlessToken,
+        onSuccessPasswordlessToken,
+        onSuccess,
         click_handler,
-        passwordinput_passwordInputValid_binding
+        click_handler_1
     ];
 }
-var PassTokenModal = /** @class */ (function (_super) {
-    __extends(PassTokenModal, _super);
-    function PassTokenModal(options) {
+var PasswordlessTokenModal = /** @class */ (function (_super) {
+    __extends(PasswordlessTokenModal, _super);
+    function PasswordlessTokenModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$f, create_fragment$n, safe_not_equal, {
+        init(_this, options, instance$e, create_fragment$m, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessPasswordReset: 7
+            onSuccessPasswordlessToken: 7,
+            onSuccess: 8
         });
         return _this;
     }
-    return PassTokenModal;
-}(SvelteComponent));
-/* src/modals/PassSuccessModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$m(ctx) {
-    var div2;
-    var div0;
-    var t0;
-    var closebutton;
-    var t1;
-    var div1;
-    var figureelement;
-    var t2;
-    var h2;
-    var t4;
-    var p;
-    var t7;
-    var modalfooter;
-    var current;
-    closebutton = new CloseButton({
-        props: { closeModal: /*closeModal*/ ctx[0] }
-    });
-    figureelement = new FigureElement({});
-    modalfooter = new ModalFooter({});
-    return {
-        c: function () {
-            div2 = element("div");
-            div0 = element("div");
-            t0 = space();
-            create_component(closebutton.$$.fragment);
-            t1 = space();
-            div1 = element("div");
-            create_component(figureelement.$$.fragment);
-            t2 = space();
-            h2 = element("h2");
-            h2.textContent = "Success!";
-            t4 = space();
-            p = element("p");
-            p.innerHTML = "Your password has been reset. <br/>\n      Please login with your new credentials.";
-            t7 = space();
-            create_component(modalfooter.$$.fragment);
-            attr(div0, "data-cy", "back-btn");
-            attr(div0, "class", "ms-modal__back");
-            attr(h2, "class", "ms-modal__title ms-modal__title--sub-text");
-            attr(p, "class", "ms-modal__text");
-            attr(div1, "class", "ms-modal__content");
-            attr(div2, "class", "ms-modal");
-            attr(div2, "id", "PasswordSuccessModal");
-        },
-        m: function (target, anchor) {
-            insert(target, div2, anchor);
-            append(div2, div0);
-            append(div2, t0);
-            mount_component(closebutton, div2, null);
-            append(div2, t1);
-            append(div2, div1);
-            mount_component(figureelement, div1, null);
-            append(div1, t2);
-            append(div1, h2);
-            append(div1, t4);
-            append(div1, p);
-            append(div2, t7);
-            mount_component(modalfooter, div2, null);
-            current = true;
-        },
-        p: function (ctx, _a) {
-            var _b = __read(_a, 1), dirty = _b[0];
-            var closebutton_changes = {};
-            if (dirty & /*closeModal*/ 1)
-                closebutton_changes.closeModal = /*closeModal*/ ctx[0];
-            closebutton.$set(closebutton_changes);
-        },
-        i: function (local) {
-            if (current)
-                return;
-            transition_in(closebutton.$$.fragment, local);
-            transition_in(figureelement.$$.fragment, local);
-            transition_in(modalfooter.$$.fragment, local);
-            current = true;
-        },
-        o: function (local) {
-            transition_out(closebutton.$$.fragment, local);
-            transition_out(figureelement.$$.fragment, local);
-            transition_out(modalfooter.$$.fragment, local);
-            current = false;
-        },
-        d: function (detaching) {
-            if (detaching)
-                detach(div2);
-            destroy_component(closebutton);
-            destroy_component(figureelement);
-            destroy_component(modalfooter);
-        }
-    };
-}
-function instance$e($$self, $$props, $$invalidate) {
-    var closeModal = $$props.closeModal;
-    $$self.$$set = function ($$props) {
-        if ('closeModal' in $$props)
-            $$invalidate(0, closeModal = $$props.closeModal);
-    };
-    return [closeModal];
-}
-var PassSuccessModal = /** @class */ (function (_super) {
-    __extends(PassSuccessModal, _super);
-    function PassSuccessModal(options) {
-        var _this = _super.call(this) || this;
-        init(_this, options, instance$e, create_fragment$m, safe_not_equal, { closeModal: 0 });
-        return _this;
-    }
-    return PassSuccessModal;
+    return PasswordlessTokenModal;
 }(SvelteComponent));
 /* src/icons/ProfileIcon.svelte generated by Svelte v3.48.0 */
 function create_fragment$l(ctx) {
@@ -5062,7 +6425,7 @@ function instance$d($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_8;
+            var _a, data, message, err_11;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -5074,8 +6437,8 @@ function instance$d($$self, $$props, $$invalidate) {
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_8 = _b.sent();
-                        window.$memberstackDom._showMessage(err_8.message, true);
+                        err_11 = _b.sent();
+                        window.$memberstackDom._showMessage(err_11.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -5916,7 +7279,7 @@ function instance$b($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, err_9;
+            var message, err_12;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -5933,8 +7296,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_9 = _a.sent();
-                        window.$memberstackDom._showMessage(err_9.message, true);
+                        err_12 = _a.sent();
+                        window.$memberstackDom._showMessage(err_12.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -5944,7 +7307,7 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_10;
+            var _a, data, message, err_13;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -5960,8 +7323,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_10 = _b.sent();
-                        window.$memberstackDom._showMessage(err_10.message, true);
+                        err_13 = _b.sent();
+                        window.$memberstackDom._showMessage(err_13.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -5971,7 +7334,7 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_11;
+            var data, err_14;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -5986,8 +7349,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_11 = _a.sent();
-                        window.$memberstackDom._showMessage(err_11.message, true);
+                        err_14 = _a.sent();
+                        window.$memberstackDom._showMessage(err_14.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -6388,7 +7751,7 @@ function instance$a($$self, $$props, $$invalidate) {
     var confirmPasswordValid = false;
     function submitPasswordChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, msg, msg, err_12;
+            var message, msg, msg, err_15;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -6428,8 +7791,8 @@ function instance$a($$self, $$props, $$invalidate) {
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_12 = _a.sent();
-                        window.$memberstackDom._showMessage(err_12.message, true);
+                        err_15 = _a.sent();
+                        window.$memberstackDom._showMessage(err_15.message, true);
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -7199,7 +8562,7 @@ function instance$7($$self, $$props, $$invalidate) {
     }
     function removeFreePlan(planId) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_13;
+            var err_16;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -7213,9 +8576,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_13 = _a.sent();
-                        console.log(err_13);
-                        window.$memberstackDom._showMessage(err_13.message, true);
+                        err_16 = _a.sent();
+                        console.log(err_16);
+                        window.$memberstackDom._showMessage(err_16.message, true);
                         return [3 /*break*/, 5];
                     case 4:
                         $$invalidate(5, profileLoader = false);
@@ -8246,7 +9609,7 @@ function instance$5($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_14;
+            var _a, data, message, err_17;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -8258,8 +9621,8 @@ function instance$5($$self, $$props, $$invalidate) {
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_14 = _b.sent();
-                        window.$memberstackDom._showMessage(err_14.message, true);
+                        err_17 = _b.sent();
+                        window.$memberstackDom._showMessage(err_17.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -9043,7 +10406,7 @@ function instance$3($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, err_15;
+            var message, err_18;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -9060,8 +10423,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_15 = _a.sent();
-                        window.$memberstackDom._showMessage(err_15.message, true);
+                        err_18 = _a.sent();
+                        window.$memberstackDom._showMessage(err_18.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -9071,7 +10434,7 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_16;
+            var _a, data, message, err_19;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -9087,8 +10450,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_16 = _b.sent();
-                        window.$memberstackDom._showMessage(err_16.message, true);
+                        err_19 = _b.sent();
+                        window.$memberstackDom._showMessage(err_19.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -9098,7 +10461,7 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_17;
+            var data, err_20;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -9113,8 +10476,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_17 = _a.sent();
-                        window.$memberstackDom._showMessage(err_17.message, true);
+                        err_20 = _a.sent();
+                        window.$memberstackDom._showMessage(err_20.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -9431,7 +10794,7 @@ function instance$2($$self, $$props, $$invalidate) {
     var confirmPasswordValid = false;
     function submitPasswordChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, msg, msg, err_18;
+            var message, msg, msg, err_21;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -9471,8 +10834,8 @@ function instance$2($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_18 = _a.sent();
-                        window.$memberstackDom._showMessage(err_18.message, true);
+                        err_21 = _a.sent();
+                        window.$memberstackDom._showMessage(err_21.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -10344,10 +11707,10 @@ var MobileProfileModal = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    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}");
+    append_styles(target, "svelte-12czw1s", "@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-12czw1s{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-12czw1s{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, .ms-modal__social-button svg{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}");
 }
-// (108:34) 
-function create_if_block_6(ctx) {
+// (99:36) 
+function create_if_block_7(ctx) {
     var mediaquery;
     var current;
     mediaquery = new MediaQuery({
@@ -10358,11 +11721,11 @@ function create_if_block_6(ctx) {
                     create_default_slot,
                     function (_a) {
                         var matches = _a.matches;
-                        return ({ 22: matches });
+                        return ({ 24: matches });
                     },
                     function (_a) {
                         var matches = _a.matches;
-                        return matches ? 4194304 : 0;
+                        return matches ? 16777216 : 0;
                     }
                 ]
             },
@@ -10379,7 +11742,7 @@ function create_if_block_6(ctx) {
         },
         p: function (ctx, dirty) {
             var mediaquery_changes = {};
-            if (dirty & /*$$scope, onSuccess, member, display, matches*/ 12582925) {
+            if (dirty & /*$$scope, onSuccess, member, display, matches*/ 50331661) {
                 mediaquery_changes.$$scope = { dirty: dirty, ctx: ctx };
             }
             mediaquery.$set(mediaquery_changes);
@@ -10399,7 +11762,71 @@ function create_if_block_6(ctx) {
         }
     };
 }
-// (106:49) 
+// (97:47) 
+function create_if_block_6(ctx) {
+    var passwordlesstokenmodal;
+    var updating_display;
+    var updating_params;
+    var current;
+    function passwordlesstokenmodal_display_binding(value) {
+        /*passwordlesstokenmodal_display_binding*/ ctx[16](value);
+    }
+    function passwordlesstokenmodal_params_binding(value) {
+        /*passwordlesstokenmodal_params_binding*/ ctx[17](value);
+    }
+    var passwordlesstokenmodal_props = {
+        closeModal: /*closeModal*/ ctx[5],
+        onSuccess: /*onSuccess*/ ctx[2]
+    };
+    if ( /*display*/ctx[0] !== void 0) {
+        passwordlesstokenmodal_props.display = /*display*/ ctx[0];
+    }
+    if ( /*params*/ctx[1] !== void 0) {
+        passwordlesstokenmodal_props.params = /*params*/ ctx[1];
+    }
+    passwordlesstokenmodal = new PasswordlessTokenModal({ props: passwordlesstokenmodal_props });
+    binding_callbacks.push(function () { return bind(passwordlesstokenmodal, 'display', passwordlesstokenmodal_display_binding); });
+    binding_callbacks.push(function () { return bind(passwordlesstokenmodal, 'params', passwordlesstokenmodal_params_binding); });
+    return {
+        c: function () {
+            create_component(passwordlesstokenmodal.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(passwordlesstokenmodal, target, anchor);
+            current = true;
+        },
+        p: function (ctx, dirty) {
+            var passwordlesstokenmodal_changes = {};
+            if (dirty & /*onSuccess*/ 4)
+                passwordlesstokenmodal_changes.onSuccess = /*onSuccess*/ ctx[2];
+            if (!updating_display && dirty & /*display*/ 1) {
+                updating_display = true;
+                passwordlesstokenmodal_changes.display = /*display*/ ctx[0];
+                add_flush_callback(function () { return updating_display = false; });
+            }
+            if (!updating_params && dirty & /*params*/ 2) {
+                updating_params = true;
+                passwordlesstokenmodal_changes.params = /*params*/ ctx[1];
+                add_flush_callback(function () { return updating_params = false; });
+            }
+            passwordlesstokenmodal.$set(passwordlesstokenmodal_changes);
+        },
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(passwordlesstokenmodal.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(passwordlesstokenmodal.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(passwordlesstokenmodal, detaching);
+        }
+    };
+}
+// (95:51) 
 function create_if_block_5(ctx) {
     var passwordsuccessmodal;
     var updating_display;
@@ -10445,7 +11872,7 @@ function create_if_block_5(ctx) {
         }
     };
 }
-// (100:41) 
+// (93:43) 
 function create_if_block_4(ctx) {
     var passwordtokenmodal;
     var updating_display;
@@ -10496,7 +11923,7 @@ function create_if_block_4(ctx) {
         }
     };
 }
-// (98:42) 
+// (91:44) 
 function create_if_block_3(ctx) {
     var passwordresetmodal;
     var updating_display;
@@ -10542,7 +11969,7 @@ function create_if_block_3(ctx) {
         }
     };
 }
-// (91:33) 
+// (89:35) 
 function create_if_block_2(ctx) {
     var signupmodal;
     var updating_display;
@@ -10606,7 +12033,7 @@ function create_if_block_2(ctx) {
         }
     };
 }
-// (84:32) 
+// (87:4) {#if display === "login"}
 function create_if_block_1(ctx) {
     var loginmodal;
     var updating_display;
@@ -10670,7 +12097,7 @@ function create_if_block_1(ctx) {
         }
     };
 }
-// (82:2) {#if showLoader}
+// (84:2) {#if showLoader}
 function create_if_block(ctx) {
     var loader;
     var current;
@@ -10699,13 +12126,13 @@ function create_if_block(ctx) {
         }
     };
 }
-// (117:6) {:else}
+// (103:8) {:else}
 function create_else_block(ctx) {
     var profilemodal;
     var updating_display;
     var current;
     function profilemodal_display_binding(value) {
-        /*profilemodal_display_binding*/ ctx[17](value);
+        /*profilemodal_display_binding*/ ctx[19](value);
     }
     var profilemodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10753,13 +12180,13 @@ function create_else_block(ctx) {
         }
     };
 }
-// (110:6) {#if matches}
-function create_if_block_7(ctx) {
+// (101:8) {#if matches}
+function create_if_block_8(ctx) {
     var mobileprofilemodal;
     var updating_display;
     var current;
     function mobileprofilemodal_display_binding(value) {
-        /*mobileprofilemodal_display_binding*/ ctx[16](value);
+        /*mobileprofilemodal_display_binding*/ ctx[18](value);
     }
     var mobileprofilemodal_props = {
         closeModal: /*closeModal*/ ctx[5],
@@ -10807,16 +12234,16 @@ function create_if_block_7(ctx) {
         }
     };
 }
-// (109:4) <MediaQuery query="(max-width: 520px)" let:matches>
+// (100:6) <MediaQuery query="(max-width: 520px)" let:matches>
 function create_default_slot(ctx) {
     var current_block_type_index;
     var if_block;
     var if_block_anchor;
     var current;
-    var if_block_creators = [create_if_block_7, create_else_block];
+    var if_block_creators = [create_if_block_8, create_else_block];
     var if_blocks = [];
     function select_block_type_1(ctx, dirty) {
-        if ( /*matches*/ctx[22])
+        if ( /*matches*/ctx[24])
             return 0;
         return 1;
     }
@@ -10887,7 +12314,8 @@ function create_fragment(ctx) {
         create_if_block_3,
         create_if_block_4,
         create_if_block_5,
-        create_if_block_6
+        create_if_block_6,
+        create_if_block_7
     ];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
@@ -10903,8 +12331,10 @@ function create_fragment(ctx) {
             return 4;
         if ( /*display*/ctx[0] === "reset_password_success")
             return 5;
-        if ( /*display*/ctx[0] === "profile")
+        if ( /*display*/ctx[0] === "passwordless_token")
             return 6;
+        if ( /*display*/ctx[0] === "profile")
+            return 7;
         return -1;
     }
     if (~(current_block_type_index = select_block_type(ctx))) {
@@ -10916,7 +12346,7 @@ function create_fragment(ctx) {
             if (if_block)
                 if_block.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-3agguo");
+            attr(main, "class", "svelte-12czw1s");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);
@@ -10987,7 +12417,7 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
     var _this = this;
     var showLoader;
-    var _a = $$props.display, display = _a === void 0 ? "login" : _a;
+    var _a = $$props.display, display = _a === void 0 ? "login" : _a; // or "signup", "forgot_password", "reset_password", "reset_password_success", "passwordless_token", and "profile"
     var onSuccess = $$props.onSuccess;
     var params = $$props.params;
     var appLoading = true;
@@ -11093,6 +12523,14 @@ function instance($$self, $$props, $$invalidate) {
         display = value;
         $$invalidate(0, display);
     }
+    function passwordlesstokenmodal_display_binding(value) {
+        display = value;
+        $$invalidate(0, display);
+    }
+    function passwordlesstokenmodal_params_binding(value) {
+        params = value;
+        $$invalidate(1, params);
+    }
     function mobileprofilemodal_display_binding(value) {
         display = value;
         $$invalidate(0, display);
@@ -11131,6 +12569,8 @@ function instance($$self, $$props, $$invalidate) {
         passwordresetmodal_display_binding,
         passwordtokenmodal_display_binding,
         passwordsuccessmodal_display_binding,
+        passwordlesstokenmodal_display_binding,
+        passwordlesstokenmodal_params_binding,
         mobileprofilemodal_display_binding,
         profilemodal_display_binding
     ];