@memberstack/dom 1.9.7 → 1.9.8

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

@@ -1487,7 +1487,7 @@ function create_fragment$n(ctx) {
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(input, "blur", /*validateField*/ ctx[2]),
+                    listen(input, "change", /*validateField*/ ctx[2]),
                     listen(input, "input", /*input_input_handler*/ ctx[4])
                 ];
                 mounted = true;
@@ -1716,7 +1716,7 @@ function create_else_block$1(ctx) {
     };
 }
 // (55:6) {#if !passwordVisible}
-function create_if_block_1$3(ctx) {
+function create_if_block_1$5(ctx) {
     var eyeicon;
     var current;
     eyeicon = new EyeIcon({});
@@ -1803,7 +1803,7 @@ function create_fragment$k(ctx) {
     var mounted;
     var dispose;
     var if_block0 = /*showForgotPasswordLabel*/ ctx[2] && create_if_block_2$2(ctx);
-    var if_block_creators = [create_if_block_1$3, create_else_block$1];
+    var if_block_creators = [create_if_block_1$5, create_else_block$1];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[5])
@@ -1867,7 +1867,7 @@ function create_fragment$k(ctx) {
             if (!mounted) {
                 dispose = [
                     listen(input, "input", /*handleInput*/ ctx[9]),
-                    listen(input, "blur", /*validateField*/ ctx[10]),
+                    listen(input, "change", /*validateField*/ ctx[10]),
                     listen(div1, "click", /*togglePassword*/ ctx[8])
                 ];
                 mounted = true;
@@ -2133,7 +2133,13 @@ var ModalFooter = /** @class */ (function (_super) {
     return ModalFooter;
 }(SvelteComponent));
 /* src/modals/LoginModal.svelte generated by Svelte v3.48.0 */
-function create_if_block$6(ctx) {
+function get_each_context$2(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[15] = list[i];
+    return child_ctx;
+}
+// (76:6) {#if params && params.signup && params.signup.plans}
+function create_if_block_1$4(ctx) {
     var div;
     var button;
     var mounted;
@@ -2151,7 +2157,7 @@ function create_if_block$6(ctx) {
             insert(target, div, anchor);
             append(div, button);
             if (!mounted) {
-                dispose = listen(button, "click", /*click_handler*/ ctx[11]);
+                dispose = listen(button, "click", /*click_handler*/ ctx[13]);
                 mounted = true;
             }
         },
@@ -2164,6 +2170,132 @@ function create_if_block$6(ctx) {
         }
     };
 }
+// (83:4) {#if $app.authProviders.length > 0}
+function create_if_block$6(ctx) {
+    var div4;
+    var div3;
+    var t3;
+    var each_value = /*$app*/ ctx[6].authProviders;
+    var each_blocks = [];
+    for (var i = 0; i < each_value.length; i += 1) {
+        each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
+    }
+    return {
+        c: function () {
+            div4 = element("div");
+            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();
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].c();
+            }
+            attr(div3, "class", "ms-modal__social-divider");
+            attr(div4, "class", "ms-modal__social");
+        },
+        m: function (target, anchor) {
+            insert(target, div4, anchor);
+            append(div4, div3);
+            append(div4, t3);
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].m(div4, null);
+            }
+        },
+        p: function (ctx, dirty) {
+            if (dirty & /*submitLoginWithProvider, $app*/ 320) {
+                each_value = /*$app*/ ctx[6].authProviders;
+                var i = void 0;
+                for (i = 0; i < each_value.length; i += 1) {
+                    var child_ctx = get_each_context$2(ctx, each_value, i);
+                    if (each_blocks[i]) {
+                        each_blocks[i].p(child_ctx, dirty);
+                    }
+                    else {
+                        each_blocks[i] = create_each_block$2(child_ctx);
+                        each_blocks[i].c();
+                        each_blocks[i].m(div4, null);
+                    }
+                }
+                for (; i < each_blocks.length; i += 1) {
+                    each_blocks[i].d(1);
+                }
+                each_blocks.length = each_value.length;
+            }
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div4);
+            destroy_each(each_blocks, detaching);
+        }
+    };
+}
+// (90:8) {#each $app.authProviders as provider}
+function create_each_block$2(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[15].name + "";
+    var t2;
+    var t3;
+    var mounted;
+    var dispose;
+    function click_handler_1() {
+        return /*click_handler_1*/ ctx[14](/*provider*/ ctx[15]);
+    }
+    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[15].icon))
+                attr(img, "src", img_src_value);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[15].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_1);
+                mounted = true;
+            }
+        },
+        p: function (new_ctx, dirty) {
+            ctx = new_ctx;
+            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[15].icon)) {
+                attr(img, "src", img_src_value);
+            }
+            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*provider*/ ctx[15].name)) {
+                attr(img, "alt", img_alt_value);
+            }
+            if (dirty & /*$app*/ 64 && t2_value !== (t2_value = /*provider*/ ctx[15].name + ""))
+                set_data(t2, t2_value);
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
 function create_fragment$h(ctx) {
     var div1;
     var closebutton;
@@ -2184,6 +2316,7 @@ function create_fragment$h(ctx) {
     var submitbutton;
     var t6;
     var t7;
+    var t8;
     var modalfooter;
     var current;
     var mounted;
@@ -2193,7 +2326,7 @@ function create_fragment$h(ctx) {
     });
     figureelement = new FigureElement({});
     function emailinput_emailInputValid_binding(value) {
-        /*emailinput_emailInputValid_binding*/ ctx[8](value);
+        /*emailinput_emailInputValid_binding*/ ctx[10](value);
     }
     var emailinput_props = {};
     if ( /*emailInputValid*/ctx[4] !== void 0) {
@@ -2202,10 +2335,10 @@ function create_fragment$h(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[9](value);
+        /*passwordinput_passwordInputValid_binding*/ ctx[11](value);
     }
     function passwordinput_display_binding(value) {
-        /*passwordinput_display_binding*/ ctx[10](value);
+        /*passwordinput_display_binding*/ ctx[12](value);
     }
     var passwordinput_props = { showForgotPasswordLabel: true };
     if ( /*passwordInputValid*/ctx[5] !== void 0) {
@@ -2223,7 +2356,8 @@ function create_fragment$h(ctx) {
             isLoading: /*showLoader*/ ctx[3]
         }
     });
-    var if_block = /*params*/ ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans && create_if_block$6(ctx);
+    var if_block0 = /*params*/ ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans && create_if_block_1$4(ctx);
+    var if_block1 = /*$app*/ ctx[6].authProviders.length > 0 && create_if_block$6(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
@@ -2243,9 +2377,12 @@ function create_fragment$h(ctx) {
             t5 = space();
             create_component(submitbutton.$$.fragment);
             t6 = space();
-            if (if_block)
-                if_block.c();
+            if (if_block0)
+                if_block0.c();
             t7 = space();
+            if (if_block1)
+                if_block1.c();
+            t8 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
             attr(form, "class", "ms-form");
@@ -2272,13 +2409,16 @@ function create_fragment$h(ctx) {
             append(form, t5);
             mount_component(submitbutton, form, null);
             append(form, t6);
-            if (if_block)
-                if_block.m(form, null);
-            append(div1, t7);
+            if (if_block0)
+                if_block0.m(form, null);
+            append(div0, t7);
+            if (if_block1)
+                if_block1.m(div0, null);
+            append(div1, t8);
             mount_component(modalfooter, div1, null);
             current = true;
             if (!mounted) {
-                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[6])));
+                dispose = listen(form, "submit", stop_propagation(prevent_default(/*submitLogin*/ ctx[7])));
                 mounted = true;
             }
         },
@@ -2312,18 +2452,32 @@ function create_fragment$h(ctx) {
                 submitbutton_changes.isLoading = /*showLoader*/ ctx[3];
             submitbutton.$set(submitbutton_changes);
             if ( /*params*/ctx[2] && /*params*/ ctx[2].signup && /*params*/ ctx[2].signup.plans) {
-                if (if_block) {
-                    if_block.p(ctx, dirty);
+                if (if_block0) {
+                    if_block0.p(ctx, dirty);
                 }
                 else {
-                    if_block = create_if_block$6(ctx);
-                    if_block.c();
-                    if_block.m(form, null);
+                    if_block0 = create_if_block_1$4(ctx);
+                    if_block0.c();
+                    if_block0.m(form, null);
                 }
             }
-            else if (if_block) {
-                if_block.d(1);
-                if_block = null;
+            else if (if_block0) {
+                if_block0.d(1);
+                if_block0 = null;
+            }
+            if ( /*$app*/ctx[6].authProviders.length > 0) {
+                if (if_block1) {
+                    if_block1.p(ctx, dirty);
+                }
+                else {
+                    if_block1 = create_if_block$6(ctx);
+                    if_block1.c();
+                    if_block1.m(div0, null);
+                }
+            }
+            else if (if_block1) {
+                if_block1.d(1);
+                if_block1 = null;
             }
         },
         i: function (local) {
@@ -2354,8 +2508,10 @@ function create_fragment$h(ctx) {
             destroy_component(emailinput);
             destroy_component(passwordinput);
             destroy_component(submitbutton);
-            if (if_block)
-                if_block.d();
+            if (if_block0)
+                if_block0.d();
+            if (if_block1)
+                if_block1.d();
             destroy_component(modalfooter);
             mounted = false;
             dispose();
@@ -2363,6 +2519,8 @@ function create_fragment$h(ctx) {
     };
 }
 function instance$a($$self, $$props, $$invalidate) {
+    var $app;
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
     var closeModal = $$props.closeModal;
     var display = $$props.display;
     var onSuccessLogin = $$props.onSuccessLogin;
@@ -2387,7 +2545,7 @@ function instance$a($$self, $$props, $$invalidate) {
                         return [4 /*yield*/, window.$memberstackDom.loginMemberEmailPassword({
                                 email: emailInput.value,
                                 password: passwordInput.value
-                            })];
+                            }, { includeContentGroups: true })];
                     case 2:
                         data = (_a.sent()).data;
                         onSuccessLogin({ type: "LOGIN", data: data });
@@ -2403,6 +2561,28 @@ function instance$a($$self, $$props, $$invalidate) {
             });
         });
     }
+    function submitLoginWithProvider(provider) {
+        return __awaiter(this, void 0, void 0, function () {
+            var data, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, window.$memberstackDom.loginWithProvider({ provider: provider })];
+                    case 1:
+                        data = (_a.sent()).data;
+                        onSuccessLogin({ type: "LOGIN", data: data });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_2 = _a.sent();
+                        $$invalidate(3, showLoader = false);
+                        window.$memberstackDom._showMessage(err_2.message, true);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
     function emailinput_emailInputValid_binding(value) {
         emailInputValid = value;
         $$invalidate(4, emailInputValid);
@@ -2416,13 +2596,14 @@ function instance$a($$self, $$props, $$invalidate) {
         $$invalidate(0, display);
     }
     var click_handler = function () { return $$invalidate(0, display = "signup"); };
+    var click_handler_1 = function (provider) { return submitLoginWithProvider(provider.provider); };
     $$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(7, onSuccessLogin = $$props.onSuccessLogin);
+            $$invalidate(9, onSuccessLogin = $$props.onSuccessLogin);
         if ('params' in $$props)
             $$invalidate(2, params = $$props.params);
     };
@@ -2433,12 +2614,15 @@ function instance$a($$self, $$props, $$invalidate) {
         showLoader,
         emailInputValid,
         passwordInputValid,
+        $app,
         submitLogin,
+        submitLoginWithProvider,
         onSuccessLogin,
         emailinput_emailInputValid_binding,
         passwordinput_passwordInputValid_binding,
         passwordinput_display_binding,
-        click_handler
+        click_handler,
+        click_handler_1
     ];
 }
 var LoginModal = /** @class */ (function (_super) {
@@ -2448,7 +2632,7 @@ var LoginModal = /** @class */ (function (_super) {
         init(_this, options, instance$a, create_fragment$h, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessLogin: 7,
+            onSuccessLogin: 9,
             params: 2
         });
         return _this;
@@ -2458,16 +2642,21 @@ var LoginModal = /** @class */ (function (_super) {
 /* src/modals/SignupModal.svelte generated by Svelte v3.48.0 */
 function get_each_context$1(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[12] = list[i];
-    child_ctx[14] = i;
+    child_ctx[14] = list[i];
     return child_ctx;
 }
-// (76:6) {#if customField.hidden !== true}
-function create_if_block$5(ctx) {
+function get_each_context_1(ctx, list, i) {
+    var child_ctx = ctx.slice();
+    child_ctx[17] = list[i];
+    child_ctx[19] = i;
+    return child_ctx;
+}
+// (93:6) {#if customField.hidden !== true}
+function create_if_block_1$3(ctx) {
     var div1;
     var div0;
     var label;
-    var t0_value = /*customField*/ ctx[12].label + "";
+    var t0_value = /*customField*/ ctx[17].label + "";
     var t0;
     var label_for_value;
     var t1;
@@ -2483,12 +2672,12 @@ function create_if_block$5(ctx) {
             t1 = space();
             input = element("input");
             attr(label, "class", "ms-form__label");
-            attr(label, "for", label_for_value = /*customField*/ ctx[12].key);
+            attr(label, "for", label_for_value = /*customField*/ ctx[17].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[12].label);
-            attr(input, "name", input_name_value = /*customField*/ ctx[12].key);
+            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[17].label);
+            attr(input, "name", input_name_value = /*customField*/ ctx[17].key);
             attr(div0, "class", "ms-form__group");
             attr(div1, "class", "ms-modal__custom-field-container");
         },
@@ -2501,15 +2690,15 @@ function create_if_block$5(ctx) {
             append(div0, input);
         },
         p: function (ctx, dirty) {
-            if (dirty & /*$app*/ 32 && t0_value !== (t0_value = /*customField*/ ctx[12].label + ""))
+            if (dirty & /*$app*/ 32 && t0_value !== (t0_value = /*customField*/ ctx[17].label + ""))
                 set_data(t0, t0_value);
-            if (dirty & /*$app*/ 32 && label_for_value !== (label_for_value = /*customField*/ ctx[12].key)) {
+            if (dirty & /*$app*/ 32 && label_for_value !== (label_for_value = /*customField*/ ctx[17].key)) {
                 attr(label, "for", label_for_value);
             }
-            if (dirty & /*$app*/ 32 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[12].label)) {
+            if (dirty & /*$app*/ 32 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[17].label)) {
                 attr(input, "placeholder", input_placeholder_value);
             }
-            if (dirty & /*$app*/ 32 && input_name_value !== (input_name_value = /*customField*/ ctx[12].key)) {
+            if (dirty & /*$app*/ 32 && input_name_value !== (input_name_value = /*customField*/ ctx[17].key)) {
                 attr(input, "name", input_name_value);
             }
         },
@@ -2519,10 +2708,10 @@ function create_if_block$5(ctx) {
         }
     };
 }
-// (75:6) {#each $app.customFields as customField, i}
-function create_each_block$1(ctx) {
+// (92:6) {#each $app.customFields as customField, i}
+function create_each_block_1(ctx) {
     var if_block_anchor;
-    var if_block = /*customField*/ ctx[12].hidden !== true && create_if_block$5(ctx);
+    var if_block = /*customField*/ ctx[17].hidden !== true && create_if_block_1$3(ctx);
     return {
         c: function () {
             if (if_block)
@@ -2535,12 +2724,12 @@ function create_each_block$1(ctx) {
             insert(target, if_block_anchor, anchor);
         },
         p: function (ctx, dirty) {
-            if ( /*customField*/ctx[12].hidden !== true) {
+            if ( /*customField*/ctx[17].hidden !== true) {
                 if (if_block) {
                     if_block.p(ctx, dirty);
                 }
                 else {
-                    if_block = create_if_block$5(ctx);
+                    if_block = create_if_block_1$3(ctx);
                     if_block.c();
                     if_block.m(if_block_anchor.parentNode, if_block_anchor);
                 }
@@ -2558,6 +2747,132 @@ function create_each_block$1(ctx) {
         }
     };
 }
+// (113:4) {#if $app.authProviders.length > 0}
+function create_if_block$5(ctx) {
+    var div4;
+    var div3;
+    var t3;
+    var each_value = /*$app*/ ctx[5].authProviders;
+    var each_blocks = [];
+    for (var i = 0; i < each_value.length; i += 1) {
+        each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+    }
+    return {
+        c: function () {
+            div4 = element("div");
+            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();
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].c();
+            }
+            attr(div3, "class", "ms-modal__social-divider");
+            attr(div4, "class", "ms-modal__social");
+        },
+        m: function (target, anchor) {
+            insert(target, div4, anchor);
+            append(div4, div3);
+            append(div4, t3);
+            for (var i = 0; i < each_blocks.length; i += 1) {
+                each_blocks[i].m(div4, null);
+            }
+        },
+        p: function (ctx, dirty) {
+            if (dirty & /*submitSignupWithProvider, $app*/ 160) {
+                each_value = /*$app*/ ctx[5].authProviders;
+                var i = void 0;
+                for (i = 0; i < each_value.length; i += 1) {
+                    var child_ctx = get_each_context$1(ctx, each_value, i);
+                    if (each_blocks[i]) {
+                        each_blocks[i].p(child_ctx, dirty);
+                    }
+                    else {
+                        each_blocks[i] = create_each_block$1(child_ctx);
+                        each_blocks[i].c();
+                        each_blocks[i].m(div4, null);
+                    }
+                }
+                for (; i < each_blocks.length; i += 1) {
+                    each_blocks[i].d(1);
+                }
+                each_blocks.length = each_value.length;
+            }
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div4);
+            destroy_each(each_blocks, detaching);
+        }
+    };
+}
+// (120:8) {#each $app.authProviders as provider}
+function create_each_block$1(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[14].name + "";
+    var t2;
+    var t3;
+    var mounted;
+    var dispose;
+    function click_handler_1() {
+        return /*click_handler_1*/ ctx[13](/*provider*/ ctx[14]);
+    }
+    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[14].icon))
+                attr(img, "src", img_src_value);
+            attr(img, "alt", img_alt_value = /*provider*/ ctx[14].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_1);
+                mounted = true;
+            }
+        },
+        p: function (new_ctx, dirty) {
+            ctx = new_ctx;
+            if (dirty & /*$app*/ 32 && !src_url_equal(img.src, img_src_value = /*provider*/ ctx[14].icon)) {
+                attr(img, "src", img_src_value);
+            }
+            if (dirty & /*$app*/ 32 && img_alt_value !== (img_alt_value = /*provider*/ ctx[14].name)) {
+                attr(img, "alt", img_alt_value);
+            }
+            if (dirty & /*$app*/ 32 && t2_value !== (t2_value = /*provider*/ ctx[14].name + ""))
+                set_data(t2, t2_value);
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(div);
+            mounted = false;
+            dispose();
+        }
+    };
+}
 function create_fragment$g(ctx) {
     var div2;
     var closebutton;
@@ -2580,6 +2895,7 @@ function create_fragment$g(ctx) {
     var div0;
     var button;
     var t9;
+    var t10;
     var modalfooter;
     var current;
     var mounted;
@@ -2588,13 +2904,13 @@ function create_fragment$g(ctx) {
         props: { closeModal: /*closeModal*/ ctx[1] }
     });
     figureelement = new FigureElement({});
-    var each_value = /*$app*/ ctx[5].customFields;
+    var each_value_1 = /*$app*/ ctx[5].customFields;
     var each_blocks = [];
-    for (var i = 0; i < each_value.length; i += 1) {
-        each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
+    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[9](value);
+        /*emailinput_emailInputValid_binding*/ ctx[10](value);
     }
     var emailinput_props = {};
     if ( /*emailInputValid*/ctx[3] !== void 0) {
@@ -2603,7 +2919,7 @@ function create_fragment$g(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[10](value);
+        /*passwordinput_passwordInputValid_binding*/ ctx[11](value);
     }
     var passwordinput_props = {};
     if ( /*passwordInputValid*/ctx[4] !== void 0) {
@@ -2617,6 +2933,7 @@ function create_fragment$g(ctx) {
             isLoading: /*showLoader*/ ctx[2]
         }
     });
+    var if_block = /*$app*/ ctx[5].authProviders.length > 0 && create_if_block$5(ctx);
     modalfooter = new ModalFooter({});
     return {
         c: function () {
@@ -2644,9 +2961,12 @@ function create_fragment$g(ctx) {
             button = element("button");
             button.textContent = "Already have an account?";
             t9 = space();
+            if (if_block)
+                if_block.c();
+            t10 = space();
             create_component(modalfooter.$$.fragment);
             attr(h2, "class", "ms-modal__title");
-            attr(button, "class", "ms-form__button ms-form__button--text");
+            attr(button, "class", "ms-form__button ms-form__button--text ms-form__button--top-spacing");
             attr(div0, "class", "ms-form__flex ms-form__flex--centered");
             attr(form, "class", "ms-form");
             attr(form, "action", "");
@@ -2678,12 +2998,15 @@ function create_fragment$g(ctx) {
             append(form, t7);
             append(form, div0);
             append(div0, button);
-            append(div2, t9);
+            append(div1, t9);
+            if (if_block)
+                if_block.m(div1, null);
+            append(div2, t10);
             mount_component(modalfooter, div2, null);
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(button, "click", /*click_handler*/ ctx[11]),
+                    listen(button, "click", /*click_handler*/ ctx[12]),
                     listen(form, "submit", stop_propagation(prevent_default(/*submitSignup*/ ctx[6])))
                 ];
                 mounted = true;
@@ -2696,15 +3019,15 @@ function create_fragment$g(ctx) {
                 closebutton_changes.closeModal = /*closeModal*/ ctx[1];
             closebutton.$set(closebutton_changes);
             if (dirty & /*$app*/ 32) {
-                each_value = /*$app*/ ctx[5].customFields;
+                each_value_1 = /*$app*/ ctx[5].customFields;
                 var i = void 0;
-                for (i = 0; i < each_value.length; i += 1) {
-                    var child_ctx = get_each_context$1(ctx, each_value, i);
+                for (i = 0; i < each_value_1.length; i += 1) {
+                    var child_ctx = get_each_context_1(ctx, each_value_1, i);
                     if (each_blocks[i]) {
                         each_blocks[i].p(child_ctx, dirty);
                     }
                     else {
-                        each_blocks[i] = create_each_block$1(child_ctx);
+                        each_blocks[i] = create_each_block_1(child_ctx);
                         each_blocks[i].c();
                         each_blocks[i].m(form, t4);
                     }
@@ -2712,7 +3035,7 @@ function create_fragment$g(ctx) {
                 for (; i < each_blocks.length; i += 1) {
                     each_blocks[i].d(1);
                 }
-                each_blocks.length = each_value.length;
+                each_blocks.length = each_value_1.length;
             }
             var emailinput_changes = {};
             if (!updating_emailInputValid && dirty & /*emailInputValid*/ 8) {
@@ -2732,6 +3055,20 @@ function create_fragment$g(ctx) {
             if (dirty & /*showLoader*/ 4)
                 submitbutton_changes.isLoading = /*showLoader*/ ctx[2];
             submitbutton.$set(submitbutton_changes);
+            if ( /*$app*/ctx[5].authProviders.length > 0) {
+                if (if_block) {
+                    if_block.p(ctx, dirty);
+                }
+                else {
+                    if_block = create_if_block$5(ctx);
+                    if_block.c();
+                    if_block.m(div1, null);
+                }
+            }
+            else if (if_block) {
+                if_block.d(1);
+                if_block = null;
+            }
         },
         i: function (local) {
             if (current)
@@ -2762,6 +3099,8 @@ function create_fragment$g(ctx) {
             destroy_component(emailinput);
             destroy_component(passwordinput);
             destroy_component(submitbutton);
+            if (if_block)
+                if_block.d();
             destroy_component(modalfooter);
             mounted = false;
             run_all(dispose);
@@ -2781,7 +3120,7 @@ function instance$9($$self, $$props, $$invalidate) {
     function submitSignup(e) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, passwordInput, customFields, customFieldInputs, plans, data, err_2;
+            var emailInput, passwordInput, customFields, customFieldInputs, plans, data, err_3;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -2806,22 +3145,44 @@ function instance$9($$self, $$props, $$invalidate) {
                                 password: passwordInput.value,
                                 plans: plans,
                                 customFields: customFields
-                            })];
+                            }, { includeContentGroups: true })];
                     case 2:
                         data = (_b.sent()).data;
                         onSuccessSignup({ type: "SIGNUP", data: data });
                         $$invalidate(2, showLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_2 = _b.sent();
+                        err_3 = _b.sent();
                         $$invalidate(2, showLoader = false);
-                        window.$memberstackDom._showMessage(err_2.message, true);
+                        window.$memberstackDom._showMessage(err_3.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
             });
         });
     }
+    function submitSignupWithProvider(provider) {
+        return __awaiter(this, void 0, void 0, function () {
+            var data, err_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, window.$memberstackDom.signupWithProvider({ provider: provider })];
+                    case 1:
+                        data = (_a.sent()).data;
+                        onSuccessSignup({ type: "SIGNUP", data: data });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_4 = _a.sent();
+                        $$invalidate(2, showLoader = false);
+                        window.$memberstackDom._showMessage(err_4.message, true);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
     function emailinput_emailInputValid_binding(value) {
         emailInputValid = value;
         $$invalidate(3, emailInputValid);
@@ -2831,15 +3192,16 @@ function instance$9($$self, $$props, $$invalidate) {
         $$invalidate(4, passwordInputValid);
     }
     var click_handler = function () { return $$invalidate(0, display = "login"); };
+    var click_handler_1 = 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(7, onSuccessSignup = $$props.onSuccessSignup);
+            $$invalidate(8, onSuccessSignup = $$props.onSuccessSignup);
         if ('params' in $$props)
-            $$invalidate(8, params = $$props.params);
+            $$invalidate(9, params = $$props.params);
     };
     return [
         display,
@@ -2849,11 +3211,13 @@ function instance$9($$self, $$props, $$invalidate) {
         passwordInputValid,
         $app,
         submitSignup,
+        submitSignupWithProvider,
         onSuccessSignup,
         params,
         emailinput_emailInputValid_binding,
         passwordinput_passwordInputValid_binding,
-        click_handler
+        click_handler,
+        click_handler_1
     ];
 }
 var SignupModal = /** @class */ (function (_super) {
@@ -2863,8 +3227,8 @@ var SignupModal = /** @class */ (function (_super) {
         init(_this, options, instance$9, create_fragment$g, safe_not_equal, {
             closeModal: 1,
             display: 0,
-            onSuccessSignup: 7,
-            params: 8
+            onSuccessSignup: 8,
+            params: 9
         });
         return _this;
     }
@@ -3086,7 +3450,7 @@ function instance$8($$self, $$props, $$invalidate) {
     var showLoader = false;
     function submitPasswordReset(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var emailInput, err_3;
+            var emailInput, err_5;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3103,11 +3467,11 @@ function instance$8($$self, $$props, $$invalidate) {
                         $$invalidate(0, display = "reset_password");
                         return [3 /*break*/, 4];
                     case 3:
-                        err_3 = _a.sent();
-                        console.log(err_3);
+                        err_5 = _a.sent();
+                        console.log(err_5);
                         $$invalidate(3, showLoader = false);
-                        if (err_3.message) {
-                            window.$memberstackDom._showMessage(err_3.message, false);
+                        if (err_5.message) {
+                            window.$memberstackDom._showMessage(err_5.message, false);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -3444,7 +3808,7 @@ function instance$7($$self, $$props, $$invalidate) {
     };
     function submitPasswordToken(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var passwordInput, isValid, token, data, err_4;
+            var passwordInput, isValid, token, data, err_6;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -3472,11 +3836,11 @@ function instance$7($$self, $$props, $$invalidate) {
                         $$invalidate(0, display = "reset_password_success");
                         return [3 /*break*/, 4];
                     case 3:
-                        err_4 = _a.sent();
-                        console.log(err_4);
+                        err_6 = _a.sent();
+                        console.log(err_6);
                         //
-                        if (err_4.message) {
-                            window.$memberstackDom._showMessage(err_4.message, true);
+                        if (err_6.message) {
+                            window.$memberstackDom._showMessage(err_6.message, true);
                         }
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -4040,7 +4404,7 @@ function instance$5($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         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:
@@ -4052,8 +4416,8 @@ function instance$5($$self, $$props, $$invalidate) {
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_5 = _a.sent();
-                        window.$memberstackDom._showMessage(err_5.message, true);
+                        err_7 = _a.sent();
+                        window.$memberstackDom._showMessage(err_7.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -4571,7 +4935,7 @@ function instance$3($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_6;
+            var err_8;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -4588,8 +4952,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         $$invalidate(4, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_6 = _a.sent();
-                        window.$memberstackDom._showMessage(err_6.message, true);
+                        err_8 = _a.sent();
+                        window.$memberstackDom._showMessage(err_8.message, true);
                         $$invalidate(4, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -4873,7 +5237,7 @@ function instance$2($$self, $$props, $$invalidate) {
     var confirmPasswordValid = false;
     function submitPasswordChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_7;
+            var data, err_9;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -4900,8 +5264,8 @@ function instance$2($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_7 = _a.sent();
-                        window.$memberstackDom._showMessage(err_7.message, true);
+                        err_9 = _a.sent();
+                        window.$memberstackDom._showMessage(err_9.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -5062,7 +5426,7 @@ function create_else_block(ctx) {
         }
     };
 }
-// (32:6) {#if $app.branding.logo}
+// (30:6) {#if $app.branding.logo}
 function create_if_block_4$1(ctx) {
     var img;
     var img_src_value;
@@ -5070,18 +5434,18 @@ function create_if_block_4$1(ctx) {
     return {
         c: function () {
             img = element("img");
-            if (!src_url_equal(img.src, img_src_value = /*$app*/ ctx[7].branding.logo))
+            if (!src_url_equal(img.src, img_src_value = /*$app*/ ctx[6].branding.logo))
                 attr(img, "src", img_src_value);
-            attr(img, "alt", img_alt_value = /*$app*/ ctx[7].name);
+            attr(img, "alt", img_alt_value = /*$app*/ ctx[6].name);
         },
         m: function (target, anchor) {
             insert(target, img, anchor);
         },
         p: function (ctx, dirty) {
-            if (dirty & /*$app*/ 128 && !src_url_equal(img.src, img_src_value = /*$app*/ ctx[7].branding.logo)) {
+            if (dirty & /*$app*/ 64 && !src_url_equal(img.src, img_src_value = /*$app*/ ctx[6].branding.logo)) {
                 attr(img, "src", img_src_value);
             }
-            if (dirty & /*$app*/ 128 && img_alt_value !== (img_alt_value = /*$app*/ ctx[7].name)) {
+            if (dirty & /*$app*/ 64 && img_alt_value !== (img_alt_value = /*$app*/ ctx[6].name)) {
                 attr(img, "alt", img_alt_value);
             }
         },
@@ -5093,7 +5457,7 @@ function create_if_block_4$1(ctx) {
         }
     };
 }
-// (54:6) {#if profileLoader}
+// (52:6) {#if profileLoader}
 function create_if_block_3$1(ctx) {
     var profileloader;
     var current;
@@ -5121,17 +5485,17 @@ function create_if_block_3$1(ctx) {
         }
     };
 }
-// (65:52) 
+// (63:52) 
 function create_if_block_2$1(ctx) {
     var passwordinfocontent;
     var updating_displayProfile;
     var updating_profileLoader;
     var current;
     function passwordinfocontent_displayProfile_binding(value) {
-        /*passwordinfocontent_displayProfile_binding*/ ctx[15](value);
+        /*passwordinfocontent_displayProfile_binding*/ ctx[14](value);
     }
     function passwordinfocontent_profileLoader_binding(value) {
-        /*passwordinfocontent_profileLoader_binding*/ ctx[16](value);
+        /*passwordinfocontent_profileLoader_binding*/ ctx[15](value);
     }
     var passwordinfocontent_props = {};
     if ( /*displayProfile*/ctx[0] !== void 0) {
@@ -5180,17 +5544,17 @@ function create_if_block_2$1(ctx) {
         }
     };
 }
-// (63:46) 
+// (61:46) 
 function create_if_block_1$1(ctx) {
     var securityinfocontent;
     var updating_displayProfile;
     var updating_profileLoader;
     var current;
     function securityinfocontent_displayProfile_binding(value) {
-        /*securityinfocontent_displayProfile_binding*/ ctx[13](value);
+        /*securityinfocontent_displayProfile_binding*/ ctx[12](value);
     }
     function securityinfocontent_profileLoader_binding(value) {
-        /*securityinfocontent_profileLoader_binding*/ ctx[14](value);
+        /*securityinfocontent_profileLoader_binding*/ ctx[13](value);
     }
     var securityinfocontent_props = {};
     if ( /*displayProfile*/ctx[0] !== void 0) {
@@ -5239,20 +5603,20 @@ function create_if_block_1$1(ctx) {
         }
     };
 }
-// (57:6) {#if displayProfile === "profile"}
+// (55:6) {#if displayProfile === "profile"}
 function create_if_block$1(ctx) {
     var profileinfocontent;
     var updating_member;
     var updating_profileLoader;
     var current;
     function profileinfocontent_member_binding(value) {
-        /*profileinfocontent_member_binding*/ ctx[11](value);
+        /*profileinfocontent_member_binding*/ ctx[10](value);
     }
     function profileinfocontent_profileLoader_binding(value) {
-        /*profileinfocontent_profileLoader_binding*/ ctx[12](value);
+        /*profileinfocontent_profileLoader_binding*/ ctx[11](value);
     }
     var profileinfocontent_props = {
-        customFields: /*$app*/ ctx[7].customFields
+        customFields: /*$app*/ ctx[6].customFields
     };
     if ( /*member*/ctx[1] !== void 0) {
         profileinfocontent_props.member = /*member*/ ctx[1];
@@ -5273,8 +5637,8 @@ function create_if_block$1(ctx) {
         },
         p: function (ctx, dirty) {
             var profileinfocontent_changes = {};
-            if (dirty & /*$app*/ 128)
-                profileinfocontent_changes.customFields = /*$app*/ ctx[7].customFields;
+            if (dirty & /*$app*/ 64)
+                profileinfocontent_changes.customFields = /*$app*/ ctx[6].customFields;
             if (!updating_member && dirty & /*member*/ 2) {
                 updating_member = true;
                 profileinfocontent_changes.member = /*member*/ ctx[1];
@@ -5332,7 +5696,7 @@ function create_fragment$1(ctx) {
     var if_block_creators = [create_if_block_4$1, create_else_block];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
-        if ( /*$app*/ctx[7].branding.logo)
+        if ( /*$app*/ctx[6].branding.logo)
             return 0;
         return 1;
     }
@@ -5342,13 +5706,13 @@ function create_fragment$1(ctx) {
         props: { closeModal: /*closeModal*/ ctx[3] }
     });
     function profilemodalnav_member_binding(value) {
-        /*profilemodalnav_member_binding*/ ctx[8](value);
+        /*profilemodalnav_member_binding*/ ctx[7](value);
     }
     function profilemodalnav_displayProfile_binding(value) {
-        /*profilemodalnav_displayProfile_binding*/ ctx[9](value);
+        /*profilemodalnav_displayProfile_binding*/ ctx[8](value);
     }
     function profilemodalnav_profileLoader_binding(value) {
-        /*profilemodalnav_profileLoader_binding*/ ctx[10](value);
+        /*profilemodalnav_profileLoader_binding*/ ctx[9](value);
     }
     var profilemodalnav_props = {
         onSuccessLogout: /*onSuccessLogout*/ ctx[2],
@@ -5411,7 +5775,6 @@ function create_fragment$1(ctx) {
             attr(div1, "class", "ms-modal__header");
             attr(div2, "class", "ms-modal__content-left");
             attr(div3, "class", "ms-modal__content-right");
-            set_style(div3, "height", /*profileSectionHeight*/ ctx[6]);
             attr(div4, "class", "ms-modal__content ms-modal__content--profile");
             attr(div5, "class", "ms-modal ms-modal--profile");
             attr(div5, "id", "ProfileModal");
@@ -5544,9 +5907,6 @@ function create_fragment$1(ctx) {
                     if_block2 = null;
                 }
             }
-            if (!current || dirty & /*profileSectionHeight*/ 64) {
-                set_style(div3, "height", /*profileSectionHeight*/ ctx[6]);
-            }
         },
         i: function (local) {
             if (current)
@@ -5584,9 +5944,8 @@ function create_fragment$1(ctx) {
     };
 }
 function instance$1($$self, $$props, $$invalidate) {
-    var profileSectionHeight;
     var $app;
-    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(7, $app = $$value); });
+    component_subscribe($$self, AppStore, function ($$value) { return $$invalidate(6, $app = $$value); });
     var onSuccessLogout = $$props.onSuccessLogout;
     var closeModal = $$props.closeModal;
     var _a = $$props.displayProfile, displayProfile = _a === void 0 ? "profile" : _a;
@@ -5643,11 +6002,6 @@ function instance$1($$self, $$props, $$invalidate) {
         if ('member' in $$props)
             $$invalidate(1, member = $$props.member);
     };
-    $$self.$$.update = function () {
-        if ($$self.$$.dirty & /*displayProfile*/ 1) {
-            $$invalidate(6, profileSectionHeight = displayProfile === "profile" ? "400px" : "300px");
-        }
-    };
     return [
         displayProfile,
         member,
@@ -5655,7 +6009,6 @@ function instance$1($$self, $$props, $$invalidate) {
         closeModal,
         hideProfileSection,
         profileLoader,
-        profileSectionHeight,
         $app,
         profilemodalnav_member_binding,
         profilemodalnav_displayProfile_binding,
@@ -5684,7 +6037,7 @@ var ProfileModal = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    append_styles(target, "svelte-1fq6c9b", "@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap\");#msOverlay.svelte-1fq6c9b{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:99999;overflow:scroll;font-family:\"Plus Jakarta Sans\", sans-serif}.--hide{display:none}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.ms-modal{box-sizing:border-box;margin:auto;min-width:0;position:relative;outline:none;background:white;border-radius:16px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);width:360px;color:rgb(10, 10, 10)}.ms-modal--profile{width:700px}.ms-modal__close{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;right:16px;z-index:10;line-height:0}.ms-modal__close button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__close button:hover{color:#0a0a0a}.ms-modal__back{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__back button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__back button:hover, .ms-modal__profile-back button:hover{color:#0a0a0a}.ms-modal__back svg{height:12px}.ms-modal__profile-back button{appearance:none;padding:5px;margin-right:6px;outline:none;width:25px;height:25px;border:0;background:transparent;cursor:pointer;color:#5c5c5c;display:flex;align-items:stretch;justify-content:center}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__content{padding:28px 28px 20px;width:100%;box-sizing:border-box;margin:0 auto}.ms-modal__content--profile{padding:0;display:flex;flex-wrap:wrap;align-content:stretch;align-items:stretch;border-top:1px solid #DDDDDD}.ms-modal__content-left{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-right:1px solid #DDDDDD;min-width:160px}.ms-modal__content-right{padding:20px;flex-grow:1;height:100%;min-height:300px;max-height:400px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__figure{box-sizing:border-box;margin:8px auto;width:44px;height:44px;border-style:solid;border-width:1px;border-color:rgb(235, 235, 235);box-shadow:rgb(0 0 0 / 4%) 0px 2px 2px 0px;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1;border-radius:50%;overflow:hidden}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure img{width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px}.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-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}.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}#msFormLoader path{fill:#fff}a.ms-form__link{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8}.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__outline-button{background:#fff;color:#0A0A0A;font-weight:700;font-size:14px;line-height:16px;padding:12px;margin-right:8px;border-radius:4px;border:1px solid #DDDDDD;cursor:pointer}.ms-modal__outline-button svg{height:14px;margin-right:6px}.ms-modal__button-label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-modal__profile-option{cursor:pointer;margin-bottom:20px;font-weight:500;font-size:16px;line-height:28px;background:transparent;border:none;padding:0px}.ms-modal__profile-option svg{height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962FF}.ms-modal__profile-option--active{color:#2962FF}.ms-modal__social-divider{display:flex;align-items:center;margin:20px 0px}.ms-modal__divider-line{text-align:center;background:#dddddd;height:1px;width:100%}.ms-modal__divider-text{padding:0px 4px}.ms-modal__footer{text-align:center;width:100%;box-sizing:border-box;margin:0;min-width:0;background:#f6f6f6;padding-top:10px;padding-bottom:10px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid;border-top-color:#dddddd;font-size:12px;line-height:16px;font-weight:500}.ms-modal__footer a{color:rgb(10, 10, 10);text-decoration:none;display:flex;justify-content:center;align-items:center}.ms-modal__footer svg{height:12px;width:12px;margin-right:5.5px}");
+    append_styles(target, "svelte-1gflocv", "@import url(\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap\");#msOverlay.svelte-1gflocv{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-top:10vh;padding-bottom:10vh}.--hide{display:none}.ms__loader{position:relative;z-index:10000000}#msLoader path{fill:#007ace}.ms__profile__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgb(255 255 255 / 75%)}.ms-modal{box-sizing:border-box;margin:auto;min-width:0;position:relative;outline:none;background:white;border-radius:16px;box-shadow:2px 2px 12px rgb(0 0 0 / 10%);width:360px;color:rgb(10, 10, 10)}.ms-modal--profile{width:700px}.ms-modal__close{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;right:16px;z-index:10;line-height:0}.ms-modal__close button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__close button:hover{color:#0a0a0a}.ms-modal__back{box-sizing:border-box;margin:0;min-width:0;position:absolute;top:16px;left:16px;z-index:10;line-height:0}.ms-modal__back button{appearance:none;padding:0;outline:none;width:12px;border:0;background:transparent;cursor:pointer;color:#5c5c5c}.ms-modal__back button:hover, .ms-modal__profile-back button:hover{color:#0a0a0a}.ms-modal__back svg{height:12px}.ms-modal__profile-back button{appearance:none;padding:5px;margin-right:6px;outline:none;width:25px;height:25px;border:0;background:transparent;cursor:pointer;color:#5c5c5c;display:flex;align-items:stretch;justify-content:center}.ms-modal__header{display:flex;align-items:center;padding:12px}.ms-modal__content{padding:28px 28px 20px;width:100%;box-sizing:border-box;margin:0 auto}.ms-modal__content--profile{padding:0;display:flex;flex-wrap:wrap;align-content:stretch;align-items:stretch;border-top:1px solid #DDDDDD}.ms-modal__content-left{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-right:1px solid #DDDDDD;min-width:160px}.ms-modal__content-right{padding:20px;flex-grow:1;height:55vh;min-height:300px;overflow-y:auto;position:relative;transition:height 0.3s ease-in-out}.ms-modal__figure{box-sizing:border-box;margin:8px auto;width:44px;height:44px;border-style:solid;border-width:1px;border-color:rgb(235, 235, 235);box-shadow:rgb(0 0 0 / 4%) 0px 2px 2px 0px;display:flex;position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;flex-shrink:0;line-height:1;border-radius:50%;overflow:hidden}.ms-modal__figure--profile{width:24px;height:24px;padding:0px;margin:0px 8px 0px 0px}.ms-modal__figure img{width:100%;height:100%;text-align:center;object-fit:cover;color:transparent;text-indent:10000px}.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-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{margin-top:8px;font-weight:500;font-size:14px;line-height:24px;color:rgb(10, 10, 10) !important;text-decoration:none;opacity:0.8}.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__outline-button{background:#fff;color:#0A0A0A;font-weight:700;font-size:14px;line-height:16px;padding:12px;margin-right:8px;border-radius:4px;border:1px solid #DDDDDD;cursor:pointer}.ms-modal__outline-button svg{height:14px;margin-right:6px}.ms-modal__button-label{margin-bottom:4px;margin-top:0px;font-size:14px;line-height:28px;font-weight:500}.ms-modal__profile-option{cursor:pointer;margin-bottom:20px;font-weight:500;font-size:16px;line-height:28px;background:transparent;border:none;padding:0px}.ms-modal__profile-option svg{height:14px;margin-right:8px}.ms-modal__profile-option:hover{color:#2962FF}.ms-modal__profile-option--active{color:#2962FF}.ms-modal__social-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-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}");
 }
 // (86:36) 
 function create_if_block_6(ctx) {
@@ -6081,7 +6434,7 @@ function create_fragment(ctx) {
             if (if_block)
                 if_block.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-1fq6c9b");
+            attr(main, "class", "svelte-1gflocv");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);