npm - @memberstack/dom - Versions diffs - 1.9.26 → 1.9.27 - Mend

@memberstack/dom 1.9.26 → 1.9.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/lib/auth/index.js +21 -11
package/lib/index.d.ts +30 -776
package/lib/methods/dom/main-dom.js +614 -220
package/lib/methods/dom/methods.js +22 -12
package/lib/methods/index.d.ts +31 -776
package/lib/methods/index.js +6 -3
package/lib/methods/requests/index.d.ts +3 -2
package/lib/methods/requests/index.js +51 -36
package/lib/methods/requests/requests.d.ts +1 -0
package/lib/methods/requests/requests.js +11 -4
package/lib/types/index.js +6 -2
package/lib/types/params.d.ts +3 -0
package/lib/types/payloads.d.ts +3 -0
package/lib/types/utils/payloads.d.ts +1 -0
package/lib/utils/cookies.d.ts +1 -0
package/lib/utils/cookies.js +18 -5
package/lib/utils/defaultMessageBox.js +8 -5
package/lib/utils/fileInput.d.ts +1 -0
package/lib/utils/fileInput.js +16 -0
package/package.json +1 -1

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

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -75,9 +77,14 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __values = (this && this.__values) || function(o) {
     var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
@@ -134,7 +141,7 @@ function subscribe(store) {
     if (store == null) {
         return noop;
     }
-    var unsub = store.subscribe.apply(store, __spread(callbacks));
+    var unsub = store.subscribe.apply(store, __spreadArray([], __read(callbacks), false));
     return unsub.unsubscribe ? function () { return unsub.unsubscribe(); } : unsub;
 }
 function component_subscribe(component, store, callback) {
@@ -365,18 +372,18 @@ function create_rule(node, a, b, duration, delay, ease, fn, uid) {
     var keyframes = '{\n';
     for (var p = 0; p <= 1; p += step) {
         var t = a + (b - a) * ease(p);
-        keyframes += p * 100 + ("%{" + fn(t, 1 - t) + "}\n");
+        keyframes += p * 100 + "%{".concat(fn(t, 1 - t), "}\n");
     }
-    var rule = keyframes + ("100% {" + fn(b, 1 - b) + "}\n}");
-    var name = "__svelte_" + hash(rule) + "_" + uid;
+    var rule = keyframes + "100% {".concat(fn(b, 1 - b), "}\n}");
+    var name = "__svelte_".concat(hash(rule), "_").concat(uid);
     var doc = get_root_for_style(node);
     var _a = managed_styles.get(doc) || create_style_information(doc, node), stylesheet = _a.stylesheet, rules = _a.rules;
     if (!rules[name]) {
         rules[name] = true;
-        stylesheet.insertRule("@keyframes " + name + " " + rule, stylesheet.cssRules.length);
+        stylesheet.insertRule("@keyframes ".concat(name, " ").concat(rule), stylesheet.cssRules.length);
     }
     var animation = node.style.animation || '';
-    node.style.animation = "" + (animation ? animation + ", " : '') + name + " " + duration + "ms linear " + delay + "ms 1 both";
+    node.style.animation = "".concat(animation ? "".concat(animation, ", ") : '').concat(name, " ").concat(duration, "ms linear ").concat(delay, "ms 1 both");
     active += 1;
     return name;
 }
@@ -518,7 +525,7 @@ function wait() {
     return promise;
 }
 function dispatch(node, direction, kind) {
-    node.dispatchEvent(custom_event("" + (direction ? 'intro' : 'outro') + kind));
+    node.dispatchEvent(custom_event("".concat(direction ? 'intro' : 'outro').concat(kind)));
 }
 var outroing = new Set();
 var outros;
@@ -760,7 +767,7 @@ function mount_component(component, target, anchor, customElement) {
         add_render_callback(function () {
             var new_on_destroy = on_mount.map(run).filter(is_function);
             if (on_destroy) {
-                on_destroy.push.apply(on_destroy, __spread(new_on_destroy));
+                on_destroy.push.apply(on_destroy, __spreadArray([], __read(new_on_destroy), false));
             }
             else {
                 // Edge case - component was destroyed immediately,
@@ -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$I(ctx) {
+function create_fragment$K(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);
@@ -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$q, create_fragment$I, safe_not_equal, { query: 1 });
+        init(_this, options, instance$q, create_fragment$K, safe_not_equal, { query: 1 });
         return _this;
     }
     return MediaQuery;
 }(SvelteComponent));
 /* src/icons/LoadingIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$H(ctx) {
+function create_fragment$J(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$H, safe_not_equal, {});
+        init(_this, options, null, create_fragment$J, safe_not_equal, {});
         return _this;
     }
     return LoadingIcon;
 }(SvelteComponent));
 /* src/components/Loader.svelte generated by Svelte v3.48.0 */
-function create_fragment$G(ctx) {
+function create_fragment$I(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$G, safe_not_equal, {});
+        init(_this, options, null, create_fragment$I, safe_not_equal, {});
         return _this;
     }
     return Loader;
 }(SvelteComponent));
 /* src/icons/CloseIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$F(ctx) {
+function create_fragment$H(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$F, safe_not_equal, {});
+        init(_this, options, null, create_fragment$H, safe_not_equal, {});
         return _this;
     }
     return CloseIcon;
 }(SvelteComponent));
 /* src/components/CloseButton.svelte generated by Svelte v3.48.0 */
-function create_fragment$E(ctx) {
+function create_fragment$G(ctx) {
     var div;
     var button;
     var closeicon;
@@ -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$p, create_fragment$E, safe_not_equal, { closeModal: 0 });
+        init(_this, options, instance$p, create_fragment$G, safe_not_equal, { closeModal: 0 });
         return _this;
     }
     return CloseButton;
 }(SvelteComponent));
 /* src/icons/MemberstackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$D(ctx) {
+function create_fragment$F(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$D, safe_not_equal, {});
+        init(_this, options, null, create_fragment$F, safe_not_equal, {});
         return _this;
     }
     return MemberstackIcon;
 }(SvelteComponent));
 /* src/components/FigureElement.svelte generated by Svelte v3.48.0 */
-function create_else_block$a(ctx) {
+function create_else_block$b(ctx) {
     var memberstackicon;
     var current;
     memberstackicon = new MemberstackIcon({});
@@ -1403,12 +1410,12 @@ function create_if_block$k(ctx) {
         }
     };
 }
-function create_fragment$C(ctx) {
+function create_fragment$E(ctx) {
     var figure;
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$k, create_else_block$a];
+    var if_block_creators = [create_if_block$k, create_else_block$b];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if ( /*app*/ctx[0].branding.logo)
@@ -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$o, create_fragment$C, safe_not_equal, {});
+        init(_this, options, instance$o, create_fragment$E, safe_not_equal, {});
         return _this;
     }
     return FigureElement;
 }(SvelteComponent));
 /* src/components/SubmitButton.svelte generated by Svelte v3.48.0 */
-function create_else_block$9(ctx) {
+function create_else_block$a(ctx) {
     var button;
     var loadingicon;
     var current;
@@ -1559,12 +1566,12 @@ function create_if_block$j(ctx) {
         }
     };
 }
-function create_fragment$B(ctx) {
+function create_fragment$D(ctx) {
     var div;
     var current_block_type_index;
     var if_block;
     var current;
-    var if_block_creators = [create_if_block$j, create_else_block$9];
+    var if_block_creators = [create_if_block$j, create_else_block$a];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[1])
@@ -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$n, create_fragment$B, safe_not_equal, { buttonText: 0, isLoading: 1 });
+        init(_this, options, instance$n, create_fragment$D, 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$A(ctx) {
+function create_fragment$C(ctx) {
     var svg;
     var path;
     return {
@@ -1682,7 +1689,7 @@ var ErrorIcon = /** @class */ (function (_super) {
     __extends(ErrorIcon, _super);
     function ErrorIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$A, safe_not_equal, {});
+        init(_this, options, null, create_fragment$C, safe_not_equal, {});
         return _this;
     }
     return ErrorIcon;
@@ -1728,7 +1735,7 @@ function create_if_block$i(ctx) {
         }
     };
 }
-function create_fragment$z(ctx) {
+function create_fragment$B(ctx) {
     var div;
     var label;
     var t1;
@@ -1742,7 +1749,7 @@ function create_fragment$z(ctx) {
         c: function () {
             div = element("div");
             label = element("label");
-            label.textContent = "" + ctx[3];
+            label.textContent = "".concat(/*emailLabel*/ ctx[3]);
             t1 = space();
             input = element("input");
             t2 = space();
@@ -1769,7 +1776,7 @@ function create_fragment$z(ctx) {
             current = true;
             if (!mounted) {
                 dispose = [
-                    listen(input, "change", /*validateField*/ ctx[5]),
+                    listen(input, "keyup", /*validateField*/ ctx[5]),
                     listen(input, "input", /*input_input_handler*/ ctx[7])
                 ];
                 mounted = true;
@@ -1837,7 +1844,7 @@ function instance$m($$self, $$props, $$invalidate) {
     var errorMessage = text["email_error_message"] || "Please enter a valid email address";
     var validateField = function (e) {
         var emailInput = e.target;
-        var hasValidEmail = (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/).test(emailInput.value);
+        var hasValidEmail = emailInput.value.match(/.+@.+\..{2,}/);
         if (!hasValidEmail && e.target.value.length > 0) {
             $$invalidate(6, emailInputValid = false);
             $$invalidate(2, inputError = true);
@@ -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$m, create_fragment$z, safe_not_equal, {
+        init(_this, options, instance$m, create_fragment$B, 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$y(ctx) {
+function create_fragment$A(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$y, safe_not_equal, {});
+        init(_this, options, null, create_fragment$A, safe_not_equal, {});
         return _this;
     }
     return EyeIcon;
 }(SvelteComponent));
 /* src/icons/EyeSlashIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$x(ctx) {
+function create_fragment$z(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$x, safe_not_equal, {});
+        init(_this, options, null, create_fragment$z, safe_not_equal, {});
         return _this;
     }
     return EyeSlashIcon;
 }(SvelteComponent));
 /* src/components/PasswordInput.svelte generated by Svelte v3.48.0 */
-function create_if_block_2$9(ctx) {
+function create_if_block_2$a(ctx) {
     var div;
     var button;
     var mounted;
@@ -1967,7 +1974,7 @@ function create_if_block_2$9(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "" + (ctx[8]["forgot_password"] || "Forgot Password?");
+            button.textContent = "".concat(/*text*/ ctx[8]["forgot_password"] || "Forgot Password?");
             attr(button, "data-cy", "forgot-password-btn");
             attr(button, "class", "ms-form__button ms-form__button--text");
             attr(button, "tabindex", "-1");
@@ -1992,7 +1999,7 @@ function create_if_block_2$9(ctx) {
     };
 }
 // (60:6) {:else}
-function create_else_block$8(ctx) {
+function create_else_block$9(ctx) {
     var eyeslashicon;
     var current;
     eyeslashicon = new EyeSlashIcon({});
@@ -2020,7 +2027,7 @@ function create_else_block$8(ctx) {
     };
 }
 // (58:6) {#if !passwordVisible}
-function create_if_block_1$c(ctx) {
+function create_if_block_1$d(ctx) {
     var eyeicon;
     var current;
     eyeicon = new EyeIcon({});
@@ -2088,7 +2095,7 @@ function create_if_block$h(ctx) {
         }
     };
 }
-function create_fragment$w(ctx) {
+function create_fragment$y(ctx) {
     var div3;
     var div0;
     var label;
@@ -2106,8 +2113,8 @@ function create_fragment$w(ctx) {
     var current;
     var mounted;
     var dispose;
-    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_block0 = /*showForgotPasswordLabel*/ ctx[2] && create_if_block_2$a(ctx);
+    var if_block_creators = [create_if_block_1$d, create_else_block$9];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[5])
@@ -2187,7 +2194,7 @@ function create_fragment$w(ctx) {
                     if_block0.p(ctx, dirty);
                 }
                 else {
-                    if_block0 = create_if_block_2$9(ctx);
+                    if_block0 = create_if_block_2$a(ctx);
                     if_block0.c();
                     if_block0.m(div0, null);
                 }
@@ -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$l, create_fragment$w, safe_not_equal, {
+        init(_this, options, instance$l, create_fragment$y, 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$v(ctx) {
+function create_fragment$x(ctx) {
     var svg;
     var path;
     return {
@@ -2385,7 +2392,7 @@ var SecuredIcon = /** @class */ (function (_super) {
     __extends(SecuredIcon, _super);
     function SecuredIcon(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 SecuredIcon;
@@ -2432,7 +2439,7 @@ function create_if_block$g(ctx) {
         }
     };
 }
-function create_fragment$u(ctx) {
+function create_fragment$w(ctx) {
     var if_block_anchor;
     var current;
     var if_block = !ctx[0].isPaid && create_if_block$g();
@@ -2498,13 +2505,13 @@ var ModalFooter = /** @class */ (function (_super) {
     __extends(ModalFooter, _super);
     function ModalFooter(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$k, create_fragment$u, safe_not_equal, {});
+        init(_this, options, instance$k, create_fragment$w, safe_not_equal, {});
         return _this;
     }
     return ModalFooter;
 }(SvelteComponent));
 /* src/icons/EmailIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$t(ctx) {
+function create_fragment$v(ctx) {
     var svg;
     var path;
     return {
@@ -2534,7 +2541,7 @@ 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, {});
+        init(_this, options, null, create_fragment$v, safe_not_equal, {});
         return _this;
     }
     return EmailIcon;
@@ -2619,7 +2626,7 @@ function create_if_block_6$3(ctx) {
     };
 }
 // (145:6) {:else}
-function create_else_block_1$4(ctx) {
+function create_else_block_1$5(ctx) {
     var submitbutton;
     var current;
     submitbutton = new SubmitButton({
@@ -2752,7 +2759,7 @@ function create_if_block_4$4(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "" + (ctx[8]["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");
@@ -2784,7 +2791,7 @@ function create_if_block_3$4(ctx) {
         c: function () {
             div = element("div");
             button = element("button");
-            button.textContent = "" + (ctx[8]["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");
@@ -2818,7 +2825,7 @@ function create_if_block$f(ctx) {
     var t3;
     var t4;
     var current;
-    var if_block = /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$b(ctx);
+    var if_block = /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$c(ctx);
     var each_value = /*$app*/ ctx[7].authProviders;
     var each_blocks = [];
     for (var i = 0; i < each_value.length; i += 1) {
@@ -2831,7 +2838,7 @@ function create_if_block$f(ctx) {
             div0 = element("div");
             t0 = space();
             div1 = element("div");
-            div1.textContent = "" + (ctx[8]["or"] || "or");
+            div1.textContent = "".concat(/*text*/ ctx[8]["or"] || "or");
             t2 = space();
             div2 = element("div");
             t3 = space();
@@ -2873,7 +2880,7 @@ function create_if_block$f(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block_1$b(ctx);
+                    if_block = create_if_block_1$c(ctx);
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(div4, t4);
@@ -2926,12 +2933,12 @@ function create_if_block$f(ctx) {
     };
 }
 // (186:8) {#if $app.additionalAuthMethods.passwordless.enabled === true}
-function create_if_block_1$b(ctx) {
+function create_if_block_1$c(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_block_creators = [create_if_block_2$9, create_else_block$8];
     var if_blocks = [];
     function select_block_type_2(ctx, dirty) {
         if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
@@ -2993,7 +3000,7 @@ function create_if_block_1$b(ctx) {
     };
 }
 // (201:12) {:else}
-function create_else_block$7(ctx) {
+function create_else_block$8(ctx) {
     var button;
     var span;
     var mounted;
@@ -3002,7 +3009,7 @@ function create_else_block$7(ctx) {
         c: function () {
             button = element("button");
             span = element("span");
-            span.textContent = "" + (ctx[8]["login_with_password"] || "Log in with Password");
+            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");
@@ -3027,7 +3034,7 @@ function create_else_block$7(ctx) {
     };
 }
 // (188:12) {#if $PasswordlessStore.passwordlessMode === false}
-function create_if_block_2$8(ctx) {
+function create_if_block_2$9(ctx) {
     var button;
     var emailicon;
     var t0;
@@ -3042,7 +3049,7 @@ function create_if_block_2$8(ctx) {
             create_component(emailicon.$$.fragment);
             t0 = space();
             span = element("span");
-            span.textContent = "" + (ctx[8]["login_with_email"] || "Continue with Email");
+            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");
@@ -3150,7 +3157,7 @@ function create_each_block$6(ctx) {
         }
     };
 }
-function create_fragment$s(ctx) {
+function create_fragment$u(ctx) {
     var div1;
     var t0;
     var div0;
@@ -3184,7 +3191,7 @@ function create_fragment$s(ctx) {
     }
     emailinput = new EmailInput({ props: emailinput_props });
     binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
-    var if_block_creators = [create_if_block_5$3, create_else_block_1$4];
+    var if_block_creators = [create_if_block_5$3, create_else_block_1$5];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if (!ctx[6].passwordlessMode)
@@ -3213,7 +3220,7 @@ function create_fragment$s(ctx) {
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[8]["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);
@@ -3542,7 +3549,7 @@ var LoginModal = /** @class */ (function (_super) {
     __extends(LoginModal, _super);
     function LoginModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$j, create_fragment$s, safe_not_equal, {
+        init(_this, options, instance$j, create_fragment$u, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessLogin: 12,
@@ -3746,7 +3753,7 @@ function create_if_block_4$3(ctx) {
     };
 }
 // (243:6) {:else}
-function create_else_block_1$3(ctx) {
+function create_else_block_1$4(ctx) {
     var submitbutton;
     var current;
     submitbutton = new SubmitButton({
@@ -3830,7 +3837,7 @@ function create_if_block$e(ctx) {
     var t3;
     var t4;
     var current;
-    var if_block = /*$app*/ ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$a(ctx);
+    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) {
@@ -3872,7 +3879,7 @@ function create_if_block$e(ctx) {
                     }
                 }
                 else {
-                    if_block = create_if_block_1$a(ctx);
+                    if_block = create_if_block_1$b(ctx);
                     if_block.c();
                     transition_in(if_block, 1);
                     if_block.m(div4, t4);
@@ -3925,12 +3932,12 @@ function create_if_block$e(ctx) {
     };
 }
 // (267:8) {#if $app.additionalAuthMethods.passwordless.enabled === true}
-function create_if_block_1$a(ctx) {
+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$7, create_else_block$6];
+    var if_block_creators = [create_if_block_2$8, create_else_block$7];
     var if_blocks = [];
     function select_block_type_1(ctx, dirty) {
         if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
@@ -3992,7 +3999,7 @@ function create_if_block_1$a(ctx) {
     };
 }
 // (282:12) {:else}
-function create_else_block$6(ctx) {
+function create_else_block$7(ctx) {
     var button;
     var span;
     var mounted;
@@ -4001,7 +4008,7 @@ function create_else_block$6(ctx) {
         c: function () {
             button = element("button");
             span = element("span");
-            span.textContent = "" + (ctx[8]["signup_with_password"] || "Signup with Password");
+            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");
@@ -4026,7 +4033,7 @@ function create_else_block$6(ctx) {
     };
 }
 // (269:12) {#if $PasswordlessStore.passwordlessMode === false}
-function create_if_block_2$7(ctx) {
+function create_if_block_2$8(ctx) {
     var button;
     var emailicon;
     var t0;
@@ -4041,7 +4048,7 @@ function create_if_block_2$7(ctx) {
             create_component(emailicon.$$.fragment);
             t0 = space();
             span = element("span");
-            span.textContent = "" + (ctx[8]["continue_with_email"] || "Continue with Email");
+            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");
@@ -4145,7 +4152,7 @@ function create_each_block$5(ctx) {
         }
     };
 }
-function create_fragment$r(ctx) {
+function create_fragment$t(ctx) {
     var div4;
     var t0;
     var div3;
@@ -4191,7 +4198,7 @@ function create_fragment$r(ctx) {
     emailinput = new EmailInput({ props: emailinput_props });
     binding_callbacks.push(function () { return bind(emailinput, 'emailInputValid', emailinput_emailInputValid_binding); });
     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_block_creators = [create_if_block_3$3, create_else_block_1$4];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if ( /*$PasswordlessStore*/ctx[6].passwordlessMode === false)
@@ -4676,7 +4683,7 @@ var SignupModal = /** @class */ (function (_super) {
     __extends(SignupModal, _super);
     function SignupModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$i, create_fragment$r, safe_not_equal, {
+        init(_this, options, instance$i, create_fragment$t, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessSignup: 11,
@@ -4687,7 +4694,7 @@ var SignupModal = /** @class */ (function (_super) {
     return SignupModal;
 }(SvelteComponent));
 /* src/icons/BackIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$q(ctx) {
+function create_fragment$s(ctx) {
     var svg;
     var path;
     return {
@@ -4717,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$q, safe_not_equal, {});
+        init(_this, options, null, create_fragment$s, safe_not_equal, {});
         return _this;
     }
     return BackIcon;
 }(SvelteComponent));
 /* src/modals/PassResetModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$p(ctx) {
+function create_fragment$r(ctx) {
     var div4;
     var div0;
     var button;
@@ -4780,10 +4787,10 @@ function create_fragment$p(ctx) {
             create_component(figureelement.$$.fragment);
             t1 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[3]["reset_your_password"] || "Reset your password");
+            h2.textContent = "".concat(/*text*/ ctx[3]["reset_your_password"] || "Reset your password");
             t3 = space();
             p = element("p");
-            p.textContent = "" + (ctx[3]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
+            p.textContent = "".concat(/*text*/ ctx[3]["reset_instructions"] || "We’ll email you a secure link to reset the password for your account.");
             t5 = space();
             form = element("form");
             create_component(emailinput.$$.fragment);
@@ -4792,7 +4799,7 @@ function create_fragment$p(ctx) {
             t7 = space();
             div2 = element("div");
             div1 = element("div");
-            div1.textContent = "" + (ctx[3]["reset_already_have_code"] || "I already have a code");
+            div1.textContent = "".concat(/*text*/ ctx[3]["reset_already_have_code"] || "I already have a code");
             t9 = space();
             create_component(modalfooter.$$.fragment);
             attr(div0, "data-cy", "back-btn");
@@ -4953,7 +4960,7 @@ var PassResetModal = /** @class */ (function (_super) {
     __extends(PassResetModal, _super);
     function PassResetModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$h, create_fragment$p, safe_not_equal, { closeModal: 5, display: 0 });
+        init(_this, options, instance$h, create_fragment$r, safe_not_equal, { closeModal: 5, display: 0 });
         return _this;
     }
     return PassResetModal;
@@ -4995,7 +5002,7 @@ function create_if_block$d(ctx) {
         }
     };
 }
-function create_fragment$o(ctx) {
+function create_fragment$q(ctx) {
     var div3;
     var div0;
     var button;
@@ -5062,15 +5069,15 @@ function create_fragment$o(ctx) {
             create_component(figureelement.$$.fragment);
             t2 = space();
             h2 = element("h2");
-            h2.textContent = "" + (ctx[5]["reset_your_password"] || "Reset your password");
+            h2.textContent = "".concat(/*text*/ ctx[5]["reset_your_password"] || "Reset your password");
             t4 = space();
             form = element("form");
             div1 = element("div");
             label = element("label");
-            label.textContent = "" + (ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
+            label.textContent = "".concat(/*text*/ ctx[5]["reset_enter_code"] || "Enter your 6-digit code");
             t6 = space();
             fieldset = element("fieldset");
-            fieldset.innerHTML = "<input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\"/>";
+            fieldset.innerHTML = "<input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\"/> \n          <input type=\"tel\" name=\"token\" class=\"ms-form__input ms-form__input--token\"/>";
             t12 = space();
             if (if_block)
                 if_block.c();
@@ -5218,7 +5225,7 @@ function instance$g($$self, $$props, $$invalidate) {
     var tokenInputValid = true;
     var passwordInputValid = true;
     onMount(function () {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -5238,7 +5245,7 @@ function instance$g($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -5263,7 +5270,7 @@ function instance$g($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
+                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -5325,7 +5332,7 @@ 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, {
+        init(_this, options, instance$g, create_fragment$q, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessPasswordReset: 7
@@ -5335,7 +5342,7 @@ var PassTokenModal = /** @class */ (function (_super) {
     return PassTokenModal;
 }(SvelteComponent));
 /* src/modals/PassSuccessModal.svelte generated by Svelte v3.48.0 */
-function create_fragment$n(ctx) {
+function create_fragment$p(ctx) {
     var div2;
     var div0;
     var t0;
@@ -5438,13 +5445,13 @@ 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 });
+        init(_this, options, instance$f, create_fragment$p, 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) {
+function create_else_block_1$3(ctx) {
     var button;
     var backicon;
     var current;
@@ -5486,7 +5493,7 @@ function create_else_block_1$2(ctx) {
     };
 }
 // (140:4) {#if $PasswordlessStore.passwordlessModalType === "login"}
-function create_if_block_2$6(ctx) {
+function create_if_block_2$7(ctx) {
     var button;
     var backicon;
     var current;
@@ -5528,12 +5535,12 @@ function create_if_block_2$6(ctx) {
     };
 }
 // (159:4) {:else}
-function create_else_block$5(ctx) {
+function create_else_block$6(ctx) {
     var h2;
     return {
         c: function () {
             h2 = element("h2");
-            h2.textContent = "" + (ctx[5]["passwordless_token_heading"] || "Create an account");
+            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) {
@@ -5547,12 +5554,12 @@ function create_else_block$5(ctx) {
     };
 }
 // (155:4) {#if $PasswordlessStore.passwordlessModalType === "login"}
-function create_if_block_1$9(ctx) {
+function create_if_block_1$a(ctx) {
     var h2;
     return {
         c: function () {
             h2 = element("h2");
-            h2.textContent = "" + (ctx[5]["login_to_your_account"] || "Login to your account");
+            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) {
@@ -5565,7 +5572,7 @@ function create_if_block_1$9(ctx) {
         }
     };
 }
-// (212:8) {#if !tokenInputValid}
+// (218:8) {#if !tokenInputValid}
 function create_if_block$c(ctx) {
     var div;
     var erroricon;
@@ -5602,7 +5609,7 @@ function create_if_block$c(ctx) {
         }
     };
 }
-function create_fragment$m(ctx) {
+function create_fragment$o(ctx) {
     var div3;
     var div0;
     var current_block_type_index;
@@ -5629,7 +5636,7 @@ function create_fragment$m(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block_creators = [create_if_block_2$6, create_else_block_1$2];
+    var if_block_creators = [create_if_block_2$7, create_else_block_1$3];
     var if_blocks = [];
     function select_block_type(ctx, dirty) {
         if ( /*$PasswordlessStore*/ctx[4].passwordlessModalType === "login")
@@ -5644,8 +5651,8 @@ function create_fragment$m(ctx) {
     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;
+            return create_if_block_1$a;
+        return create_else_block$6;
     }
     var current_block_type = select_block_type_1(ctx);
     var if_block1 = current_block_type(ctx);
@@ -5671,15 +5678,15 @@ function create_fragment$m(ctx) {
             if_block1.c();
             t3 = space();
             p = element("p");
-            p.textContent = "" + (ctx[5]["login_passwordless_instructions"] || "Enter the verification code sent to your email address");
+            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 = "" + (ctx[5]["login_verification_code"] || "Verification Code");
+            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\"/>";
+            fieldset.innerHTML = "<input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\" type=\"tel\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\" type=\"tel\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\" type=\"tel\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\" type=\"tel\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" required=\"\" type=\"tel\"/> \n          <input name=\"token\" class=\"ms-form__input ms-form__input--token\" type=\"tel\"/>";
             t13 = space();
             if (if_block2)
                 if_block2.c();
@@ -5847,7 +5854,7 @@ function instance$e($$self, $$props, $$invalidate) {
     var showLoader = false;
     var tokenInputValid = true;
     onMount(function () {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         tokenElements.forEach(function (ele, index) {
             ele.addEventListener("keydown", function (e) {
                 if (e.keyCode === 8 && e.target.value === "")
@@ -5867,7 +5874,7 @@ function instance$e($$self, $$props, $$invalidate) {
         });
     });
     var validateFields = function (e) {
-        var tokenElements = __spread(document.querySelectorAll("input.ms-form__input--token"));
+        var tokenElements = __spreadArray([], __read(document.querySelectorAll("input.ms-form__input--token")), false);
         var hasEmpty = tokenElements.some(function (el) {
             if (!el.value) {
                 return true;
@@ -5892,7 +5899,7 @@ function instance$e($$self, $$props, $$invalidate) {
                         isValid = validateFields();
                         if (!isValid)
                             return [2 /*return*/];
-                        token = __spread(document.getElementsByName("token")).filter(function (_a) {
+                        token = __spreadArray([], __read(document.getElementsByName("token")), false).filter(function (_a) {
                             var name = _a.name;
                             return name;
                         }).map(function (_a) {
@@ -5972,7 +5979,7 @@ var PasswordlessTokenModal = /** @class */ (function (_super) {
     __extends(PasswordlessTokenModal, _super);
     function PasswordlessTokenModal(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$e, create_fragment$m, safe_not_equal, {
+        init(_this, options, instance$e, create_fragment$o, safe_not_equal, {
             closeModal: 1,
             display: 0,
             onSuccessPasswordlessToken: 7,
@@ -5983,7 +5990,7 @@ var PasswordlessTokenModal = /** @class */ (function (_super) {
     return PasswordlessTokenModal;
 }(SvelteComponent));
 /* src/icons/ProfileIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$l(ctx) {
+function create_fragment$n(ctx) {
     var svg;
     var path;
     return {
@@ -6013,13 +6020,13 @@ var ProfileIcon = /** @class */ (function (_super) {
     __extends(ProfileIcon, _super);
     function ProfileIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$l, safe_not_equal, {});
+        init(_this, options, null, create_fragment$n, safe_not_equal, {});
         return _this;
     }
     return ProfileIcon;
 }(SvelteComponent));
 /* src/icons/SecurityIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$k(ctx) {
+function create_fragment$m(ctx) {
     var svg;
     var path;
     return {
@@ -6049,13 +6056,13 @@ var SecurityIcon = /** @class */ (function (_super) {
     __extends(SecurityIcon, _super);
     function SecurityIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$k, safe_not_equal, {});
+        init(_this, options, null, create_fragment$m, safe_not_equal, {});
         return _this;
     }
     return SecurityIcon;
 }(SvelteComponent));
 /* src/icons/LinkOutIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$j(ctx) {
+function create_fragment$l(ctx) {
     var svg;
     var path;
     return {
@@ -6085,13 +6092,13 @@ var LinkOutIcon = /** @class */ (function (_super) {
     __extends(LinkOutIcon, _super);
     function LinkOutIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$j, safe_not_equal, {});
+        init(_this, options, null, create_fragment$l, safe_not_equal, {});
         return _this;
     }
     return LinkOutIcon;
 }(SvelteComponent));
 /* src/icons/LogoutIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$i(ctx) {
+function create_fragment$k(ctx) {
     var svg;
     var path;
     return {
@@ -6123,13 +6130,13 @@ var LogoutIcon = /** @class */ (function (_super) {
     __extends(LogoutIcon, _super);
     function LogoutIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$i, safe_not_equal, {});
+        init(_this, options, null, create_fragment$k, safe_not_equal, {});
         return _this;
     }
     return LogoutIcon;
 }(SvelteComponent));
 /* src/icons/PlansIcon.svelte generated by Svelte v3.48.0 */
-function create_fragment$h(ctx) {
+function create_fragment$j(ctx) {
     var svg;
     var path;
     return {
@@ -6159,13 +6166,13 @@ var PlansIcon = /** @class */ (function (_super) {
     __extends(PlansIcon, _super);
     function PlansIcon(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, null, create_fragment$h, safe_not_equal, {});
+        init(_this, options, null, create_fragment$j, safe_not_equal, {});
         return _this;
     }
     return PlansIcon;
 }(SvelteComponent));
 /* src/components/ProfileModalNav.svelte generated by Svelte v3.48.0 */
-function create_if_block_1$8(ctx) {
+function create_if_block_1$9(ctx) {
     var button;
     var profileicon;
     var t;
@@ -6216,7 +6223,7 @@ function create_if_block_1$8(ctx) {
         }
     };
 }
-// (61:0) {#if showPlansNavButton()}
+// (73:0) {#if showPlansNavButton()}
 function create_if_block$b(ctx) {
     var button;
     var plansicon;
@@ -6268,7 +6275,7 @@ function create_if_block$b(ctx) {
         }
     };
 }
-function create_fragment$g(ctx) {
+function create_fragment$i(ctx) {
     var t0;
     var button0;
     var securityicon;
@@ -6282,7 +6289,7 @@ function create_fragment$g(ctx) {
     var current;
     var mounted;
     var dispose;
-    var if_block0 = !ctx[1] && create_if_block_1$8(ctx);
+    var if_block0 = !ctx[1] && create_if_block_1$9(ctx);
     securityicon = new SecurityIcon({});
     var if_block1 = show_if && create_if_block$b(ctx);
     logouticon = new LogoutIcon({});
@@ -6340,7 +6347,7 @@ function create_fragment$g(ctx) {
                     }
                 }
                 else {
-                    if_block0 = create_if_block_1$8(ctx);
+                    if_block0 = create_if_block_1$9(ctx);
                     if_block0.c();
                     transition_in(if_block0, 1);
                     if_block0.m(t0.parentNode, t0);
@@ -6408,7 +6415,7 @@ function instance$d($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
+            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -6473,7 +6480,7 @@ var ProfileModalNav = /** @class */ (function (_super) {
     __extends(ProfileModalNav, _super);
     function ProfileModalNav(options) {
         var _this = _super.call(this) || this;
-        init(_this, options, instance$d, create_fragment$g, safe_not_equal, {
+        init(_this, options, instance$d, create_fragment$i, safe_not_equal, {
             member: 4,
             onSuccessLogout: 5,
             displayProfile: 0,
@@ -6484,20 +6491,198 @@ var ProfileModalNav = /** @class */ (function (_super) {
     }
     return ProfileModalNav;
 }(SvelteComponent));
+/* src/icons/ProfileDefaultImage.svelte generated by Svelte v3.48.0 */
+function create_fragment$h(ctx) {
+    var svg;
+    var path;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            path = svg_element("path");
+            attr(path, "fill", "white");
+            attr(path, "d", "M21 21C24.315 21 27 18.315 27 15C27 11.685 24.315 9 21 9C17.685 9 15 11.685 15 15C15 18.315 17.685 21 21 21ZM21 24C16.995 24 9 26.01 9 30V31.5C9 32.325 9.675 33 10.5 33H31.5C32.325 33 33 32.325 33 31.5V30C33 26.01 25.005 24 21 24Z");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+            attr(svg, "width", "42");
+            attr(svg, "height", "42");
+            attr(svg, "viewBox", "0 0 42 42");
+            attr(svg, "fill", "none");
+        },
+        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 ProfileDefaultImage = /** @class */ (function (_super) {
+    __extends(ProfileDefaultImage, _super);
+    function ProfileDefaultImage(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$h, safe_not_equal, {});
+        return _this;
+    }
+    return ProfileDefaultImage;
+}(SvelteComponent));
+/* src/icons/UploadIcon.svelte generated by Svelte v3.48.0 */
+function create_fragment$g(ctx) {
+    var svg;
+    var g;
+    var path0;
+    var defs;
+    var clipPath;
+    var path1;
+    return {
+        c: function () {
+            svg = svg_element("svg");
+            g = svg_element("g");
+            path0 = svg_element("path");
+            defs = svg_element("defs");
+            clipPath = svg_element("clipPath");
+            path1 = svg_element("path");
+            attr(path0, "fill", "#494949");
+            attr(path0, "d", "M6.667 10.667h2.666c.367 0 .667-.3.667-.667V6.667h1.06c.593 0 .893-.72.473-1.14l-3.06-3.06a.664.664 0 0 0-.94 0l-3.06 3.06c-.42.42-.126 1.14.467 1.14H6V10c0 .367.3.667.667.667zM4 12h8c.367 0 .667.3.667.667 0 .367-.3.667-.667.667H4a.669.669 0 0 1-.667-.667c0-.367.3-.667.667-.667z");
+            attr(g, "clip-path", "url(#a)");
+            attr(path1, "fill", "#fff");
+            attr(path1, "d", "M0 0h16v16H0z");
+            attr(clipPath, "id", "a");
+            attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+            attr(svg, "fill", "none");
+            attr(svg, "viewBox", "0 0 16 16");
+        },
+        m: function (target, anchor) {
+            insert(target, svg, anchor);
+            append(svg, g);
+            append(g, path0);
+            append(svg, defs);
+            append(defs, clipPath);
+            append(clipPath, path1);
+        },
+        p: noop,
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(svg);
+        }
+    };
+}
+var UploadIcon = /** @class */ (function (_super) {
+    __extends(UploadIcon, _super);
+    function UploadIcon(options) {
+        var _this = _super.call(this) || this;
+        init(_this, options, null, create_fragment$g, safe_not_equal, {});
+        return _this;
+    }
+    return UploadIcon;
+}(SvelteComponent));
 /* src/components/ProfileInfoContent.svelte generated by Svelte v3.48.0 */
 function get_each_context$4(ctx, list, i) {
     var child_ctx = ctx.slice();
-    child_ctx[5] = list[i];
-    child_ctx[6] = list;
-    child_ctx[7] = i;
+    child_ctx[10] = list[i];
+    child_ctx[11] = list;
+    child_ctx[12] = i;
     return child_ctx;
 }
-// (26:2) {#if customField.hidden !== true}
+// (146:4) {:else}
+function create_else_block_1$2(ctx) {
+    var profiledefaultimage;
+    var current;
+    profiledefaultimage = new ProfileDefaultImage({});
+    return {
+        c: function () {
+            create_component(profiledefaultimage.$$.fragment);
+        },
+        m: function (target, anchor) {
+            mount_component(profiledefaultimage, target, anchor);
+            current = true;
+        },
+        p: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(profiledefaultimage.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(profiledefaultimage.$$.fragment, local);
+            current = false;
+        },
+        d: function (detaching) {
+            destroy_component(profiledefaultimage, detaching);
+        }
+    };
+}
+// (144:4) {#if member.profileImage}
+function create_if_block_2$6(ctx) {
+    var img;
+    var img_src_value;
+    return {
+        c: function () {
+            img = element("img");
+            if (!src_url_equal(img.src, img_src_value = /*member*/ ctx[0].profileImage))
+                attr(img, "src", img_src_value);
+            attr(img, "alt", "profile image");
+        },
+        m: function (target, anchor) {
+            insert(target, img, anchor);
+        },
+        p: function (ctx, dirty) {
+            if (dirty & /*member*/ 1 && !src_url_equal(img.src, img_src_value = /*member*/ ctx[0].profileImage)) {
+                attr(img, "src", img_src_value);
+            }
+        },
+        i: noop,
+        o: noop,
+        d: function (detaching) {
+            if (detaching)
+                detach(img);
+        }
+    };
+}
+// (159:6) {:else}
+function create_else_block$5(ctx) {
+    var t;
+    return {
+        c: function () {
+            t = text("Replace Image");
+        },
+        m: function (target, anchor) {
+            insert(target, t, anchor);
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(t);
+        }
+    };
+}
+// (157:20) {#if !member.profileImage}
+function create_if_block_1$8(ctx) {
+    var t;
+    return {
+        c: function () {
+            t = text("Upload Profile Image");
+        },
+        m: function (target, anchor) {
+            insert(target, t, anchor);
+        },
+        d: function (detaching) {
+            if (detaching)
+                detach(t);
+        }
+    };
+}
+// (174:4) {#if customField.hidden !== true}
 function create_if_block$a(ctx) {
     var div1;
     var div0;
     var label;
-    var t0_value = /*customField*/ ctx[5].label + "";
+    var t0_value = /*customField*/ ctx[10].label + "";
     var t0;
     var label_for_value;
     var t1;
@@ -6508,7 +6693,7 @@ function create_if_block$a(ctx) {
     var mounted;
     var dispose;
     function input_input_handler() {
-        /*input_input_handler*/ ctx[4].call(input, /*customField*/ ctx[5]);
+        /*input_input_handler*/ ctx[6].call(input, /*customField*/ ctx[10]);
     }
     return {
         c: function () {
@@ -6520,11 +6705,11 @@ function create_if_block$a(ctx) {
             input = element("input");
             t2 = space();
             attr(label, "class", "ms-form__label");
-            attr(label, "for", label_for_value = /*customField*/ ctx[5].key);
+            attr(label, "for", label_for_value = /*customField*/ ctx[10].key);
             attr(input, "class", "ms-form__input");
             attr(input, "type", "text");
-            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[5].label);
-            attr(input, "name", input_name_value = /*customField*/ ctx[5].key);
+            attr(input, "placeholder", input_placeholder_value = /*customField*/ ctx[10].label);
+            attr(input, "name", input_name_value = /*customField*/ ctx[10].key);
             attr(div0, "class", "ms-form__group");
             attr(div1, "class", "ms-modal__custom-field-container");
         },
@@ -6535,42 +6720,45 @@ function create_if_block$a(ctx) {
             append(label, t0);
             append(div0, t1);
             append(div0, input);
-            set_input_value(input, /*member*/ ctx[0].customFields[ /*customField*/ctx[5].key]);
+            set_input_value(input, /*member*/ ctx[0].customFields[ /*customField*/ctx[10].key]);
             append(div1, t2);
             if (!mounted) {
-                dispose = listen(input, "input", input_input_handler);
+                dispose = [
+                    listen(input, "input", input_input_handler),
+                    listen(input, "keyup", /*checkForChange*/ ctx[4])
+                ];
                 mounted = true;
             }
         },
         p: function (new_ctx, dirty) {
             ctx = new_ctx;
-            if (dirty & /*customFields*/ 2 && t0_value !== (t0_value = /*customField*/ ctx[5].label + ""))
+            if (dirty & /*customFields*/ 2 && t0_value !== (t0_value = /*customField*/ ctx[10].label + ""))
                 set_data(t0, t0_value);
-            if (dirty & /*customFields*/ 2 && label_for_value !== (label_for_value = /*customField*/ ctx[5].key)) {
+            if (dirty & /*customFields*/ 2 && label_for_value !== (label_for_value = /*customField*/ ctx[10].key)) {
                 attr(label, "for", label_for_value);
             }
-            if (dirty & /*customFields*/ 2 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[5].label)) {
+            if (dirty & /*customFields*/ 2 && input_placeholder_value !== (input_placeholder_value = /*customField*/ ctx[10].label)) {
                 attr(input, "placeholder", input_placeholder_value);
             }
-            if (dirty & /*customFields*/ 2 && input_name_value !== (input_name_value = /*customField*/ ctx[5].key)) {
+            if (dirty & /*customFields*/ 2 && input_name_value !== (input_name_value = /*customField*/ ctx[10].key)) {
                 attr(input, "name", input_name_value);
             }
-            if (dirty & /*member, customFields*/ 3 && input.value !== /*member*/ ctx[0].customFields[ /*customField*/ctx[5].key]) {
-                set_input_value(input, /*member*/ ctx[0].customFields[ /*customField*/ctx[5].key]);
+            if (dirty & /*member, customFields*/ 3 && input.value !== /*member*/ ctx[0].customFields[ /*customField*/ctx[10].key]) {
+                set_input_value(input, /*member*/ ctx[0].customFields[ /*customField*/ctx[10].key]);
             }
         },
         d: function (detaching) {
             if (detaching)
                 detach(div1);
             mounted = false;
-            dispose();
+            run_all(dispose);
         }
     };
 }
-// (25:1) {#each customFields as customField, i}
+// (173:2) {#each customFields as customField, i}
 function create_each_block$4(ctx) {
     var if_block_anchor;
-    var if_block = /*customField*/ ctx[5].hidden !== true && create_if_block$a(ctx);
+    var if_block = /*customField*/ ctx[10].hidden !== true && create_if_block$a(ctx);
     return {
         c: function () {
             if (if_block)
@@ -6583,7 +6771,7 @@ function create_each_block$4(ctx) {
             insert(target, if_block_anchor, anchor);
         },
         p: function (ctx, dirty) {
-            if ( /*customField*/ctx[5].hidden !== true) {
+            if ( /*customField*/ctx[10].hidden !== true) {
                 if (if_block) {
                     if_block.p(ctx, dirty);
                 }
@@ -6611,11 +6799,39 @@ function create_fragment$f(ctx) {
     var h2;
     var t1;
     var div0;
-    var button;
+    var button0;
+    var t2;
     var t3;
+    var div4;
+    var div2;
+    var current_block_type_index;
+    var if_block0;
+    var t4;
+    var div3;
+    var button1;
+    var uploadicon;
+    var t5;
     var form;
+    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 ( /*member*/ctx[0].profileImage)
+            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);
+    uploadicon = new UploadIcon({});
+    function select_block_type_1(ctx, dirty) {
+        if (!ctx[0].profileImage)
+            return create_if_block_1$8;
+        return create_else_block$5;
+    }
+    var current_block_type = select_block_type_1(ctx);
+    var if_block1 = current_block_type(ctx);
     var each_value = /*customFields*/ ctx[1];
     var each_blocks = [];
     for (var i = 0; i < each_value.length; i += 1) {
@@ -6628,17 +6844,34 @@ function create_fragment$f(ctx) {
             h2.textContent = "Profile Information";
             t1 = space();
             div0 = element("div");
-            button = element("button");
-            button.textContent = "Save";
+            button0 = element("button");
+            t2 = text("Save");
             t3 = space();
+            div4 = element("div");
+            div2 = element("div");
+            if_block0.c();
+            t4 = space();
+            div3 = element("div");
+            button1 = element("button");
+            create_component(uploadicon.$$.fragment);
+            if_block1.c();
+            t5 = space();
             form = element("form");
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].c();
             }
             attr(h2, "class", "ms-modal__title ms-modal__title--profile");
-            attr(button, "class", "ms-modal__save-button");
+            attr(button0, "class", "ms-modal__save-button");
+            button0.disabled = /*saveDisabled*/ ctx[2];
             attr(div0, "class", "ms-modal__action-container");
             attr(div1, "class", "ms-modal__title-container");
+            attr(div2, "class", "ms-modal__profile-image");
+            attr(button1, "data-cy", "change-profile-image");
+            attr(button1, "type", "submit");
+            attr(button1, "class", "ms-modal__outline-button");
+            attr(button1, "data-image-btn", "");
+            attr(div3, "class", "ms-modal__profile-image-button-container");
+            attr(div4, "class", "ms-modal__profile-image-container");
             attr(form, "class", "ms-form");
             attr(form, "action", "");
             attr(form, "method", "post");
@@ -6649,23 +6882,67 @@ function create_fragment$f(ctx) {
             append(div1, h2);
             append(div1, t1);
             append(div1, div0);
-            append(div0, button);
+            append(div0, button0);
+            append(button0, t2);
             insert(target, t3, anchor);
+            insert(target, div4, anchor);
+            append(div4, div2);
+            if_blocks[current_block_type_index].m(div2, null);
+            append(div4, t4);
+            append(div4, div3);
+            append(div3, button1);
+            mount_component(uploadicon, button1, null);
+            if_block1.m(button1, null);
+            insert(target, t5, anchor);
             insert(target, form, anchor);
             for (var i = 0; i < each_blocks.length; i += 1) {
                 each_blocks[i].m(form, null);
             }
+            current = true;
             if (!mounted) {
                 dispose = [
-                    listen(button, "click", /*saveProfile*/ ctx[2]),
-                    listen(form, "submit", stop_propagation(prevent_default(/*saveProfile*/ ctx[2])))
+                    listen(button0, "click", /*saveProfile*/ ctx[3]),
+                    listen(form, "submit", stop_propagation(prevent_default(/*saveProfile*/ ctx[3])))
                 ];
                 mounted = true;
             }
         },
         p: function (ctx, _a) {
             var _b = __read(_a, 1), dirty = _b[0];
-            if (dirty & /*customFields, member*/ 3) {
+            if (!current || dirty & /*saveDisabled*/ 4) {
+                button0.disabled = /*saveDisabled*/ ctx[2];
+            }
+            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(div2, null);
+            }
+            if (current_block_type !== (current_block_type = select_block_type_1(ctx))) {
+                if_block1.d(1);
+                if_block1 = current_block_type(ctx);
+                if (if_block1) {
+                    if_block1.c();
+                    if_block1.m(button1, null);
+                }
+            }
+            if (dirty & /*customFields, member, checkForChange*/ 19) {
                 each_value = /*customFields*/ ctx[1];
                 var i = void 0;
                 for (i = 0; i < each_value.length; i += 1) {
@@ -6685,13 +6962,30 @@ function create_fragment$f(ctx) {
                 each_blocks.length = each_value.length;
             }
         },
-        i: noop,
-        o: noop,
+        i: function (local) {
+            if (current)
+                return;
+            transition_in(if_block0);
+            transition_in(uploadicon.$$.fragment, local);
+            current = true;
+        },
+        o: function (local) {
+            transition_out(if_block0);
+            transition_out(uploadicon.$$.fragment, local);
+            current = false;
+        },
         d: function (detaching) {
             if (detaching)
                 detach(div1);
             if (detaching)
                 detach(t3);
+            if (detaching)
+                detach(div4);
+            if_blocks[current_block_type_index].d();
+            destroy_component(uploadicon);
+            if_block1.d();
+            if (detaching)
+                detach(t5);
             if (detaching)
                 detach(form);
             destroy_each(each_blocks, detaching);
@@ -6701,24 +6995,116 @@ function create_fragment$f(ctx) {
     };
 }
 function instance$c($$self, $$props, $$invalidate) {
+    var _this = this;
     var customFields = $$props.customFields;
     var member = $$props.member;
     var profileLoader = $$props.profileLoader;
+    var createFileInputElement = function () {
+        var fileInputField = document.createElement("input");
+        fileInputField.setAttribute("required", "");
+        fileInputField.setAttribute("type", "file");
+        fileInputField.setAttribute("accept", "image/*");
+        fileInputField.setAttribute("profile-image", "true");
+        fileInputField.setAttribute("name", "profile-image");
+        fileInputField.setAttribute("DATA-name", "File");
+        fileInputField.setAttribute("hidden", "");
+        fileInputField.setAttribute("tabindex", "-1");
+        return fileInputField;
+    };
+    var initProfileImageButton = function (uploadButton) {
+        // create a fileInputField and hide it
+        var fileInputField = createFileInputElement();
+        // add the fileInputField to the DOM as a sibling of the uploadButton
+        uploadButton.parentNode.insertBefore(fileInputField, uploadButton.nextSibling);
+        // add event listener to uploadButton
+        uploadButton.addEventListener("click", function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            fileInputField.click();
+        });
+        // add event listener to fileInputField
+        fileInputField.addEventListener("change", function (e) { return __awaiter(_this, void 0, void 0, function () {
+            var file, fileSize, fileType, updateMemberProfileImageFunction, _a, data, message, err_12;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        e.preventDefault();
+                        e.stopPropagation();
+                        file = e.target.files[0];
+                        fileSize = file.size, fileType = file.type;
+                        // check if file is an image
+                        if (fileType.includes("image") === false)
+                            return [2 /*return*/, window.$memberstackDom._showMessage("File is not an image.", true)];
+                        if (fileSize > 4000000)
+                            return [2 /*return*/, window.$memberstackDom._showMessage("Image must be less than 2MB.", true)];
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        $$invalidate(5, profileLoader = true);
+                        updateMemberProfileImageFunction = window.$memberstackDom.updateMemberProfileImage;
+                        return [4 /*yield*/, updateMemberProfileImageFunction({ profileImage: file })];
+                    case 2:
+                        _a = _b.sent(), data = _a.data, message = _a._internalUseOnly.message;
+                        $$invalidate(0, member.profileImage = data.profileImage, member);
+                        if (message) {
+                            window.$memberstackDom._showMessage(message, false);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_12 = _b.sent();
+                        console.log(err_12);
+                        if (err_12.message) {
+                            window.$memberstackDom._showMessage(err_12.message, true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4:
+                        $$invalidate(5, profileLoader = false);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    onMount(function () {
+        var upload = document.querySelector("[data-image-btn]");
+        initProfileImageButton(upload);
+    });
+    var initialCustomFields = JSON.parse(JSON.stringify(member.customFields));
+    var saveDisabled = true;
     function saveProfile(e) {
         return __awaiter(this, void 0, void 0, function () {
+            var msg, err_13;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        $$invalidate(3, profileLoader = true);
-                        return [4 /*yield*/, window.$memberstackDom.updateMember({ customFields: member.customFields })];
+                        $$invalidate(5, profileLoader = true);
+                        _a.label = 1;
                     case 1:
-                        _a.sent();
-                        $$invalidate(3, profileLoader = false);
-                        return [2 /*return*/];
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, window.$memberstackDom.updateMember({ customFields: member.customFields })];
+                    case 2:
+                        msg = (_a.sent())._internalUseOnly.message;
+                        $$invalidate(5, profileLoader = false);
+                        $$invalidate(2, saveDisabled = true);
+                        initialCustomFields = JSON.parse(JSON.stringify(member.customFields));
+                        window.$memberstackDom._showMessage(msg, false);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_13 = _a.sent();
+                        $$invalidate(5, profileLoader = false);
+                        window.$memberstackDom._showMessage(err_13.message, true);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
     }
+    function checkForChange(e) {
+        if (e.target.value !== initialCustomFields[e.target.name]) {
+            $$invalidate(2, saveDisabled = false);
+            return;
+        }
+        $$invalidate(2, saveDisabled = true);
+    }
     function input_input_handler(customField) {
         member.customFields[customField.key] = this.value;
         $$invalidate(0, member);
@@ -6729,9 +7115,17 @@ function instance$c($$self, $$props, $$invalidate) {
         if ('member' in $$props)
             $$invalidate(0, member = $$props.member);
         if ('profileLoader' in $$props)
-            $$invalidate(3, profileLoader = $$props.profileLoader);
+            $$invalidate(5, profileLoader = $$props.profileLoader);
     };
-    return [member, customFields, saveProfile, profileLoader, input_input_handler];
+    return [
+        member,
+        customFields,
+        saveDisabled,
+        saveProfile,
+        checkForChange,
+        profileLoader,
+        input_input_handler
+    ];
 }
 var ProfileInfoContent = /** @class */ (function (_super) {
     __extends(ProfileInfoContent, _super);
@@ -6740,7 +7134,7 @@ var ProfileInfoContent = /** @class */ (function (_super) {
         init(_this, options, instance$c, create_fragment$f, safe_not_equal, {
             customFields: 1,
             member: 0,
-            profileLoader: 3
+            profileLoader: 5
         });
         return _this;
     }
@@ -7006,7 +7400,7 @@ function create_each_block$3(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -7272,7 +7666,7 @@ function instance$b($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, err_12;
+            var message, err_14;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -7289,8 +7683,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_12 = _a.sent();
-                        window.$memberstackDom._showMessage(err_12.message, true);
+                        err_14 = _a.sent();
+                        window.$memberstackDom._showMessage(err_14.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -7300,7 +7694,7 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_13;
+            var _a, data, message, err_15;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -7316,8 +7710,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_13 = _b.sent();
-                        window.$memberstackDom._showMessage(err_13.message, true);
+                        err_15 = _b.sent();
+                        window.$memberstackDom._showMessage(err_15.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -7327,7 +7721,7 @@ function instance$b($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_14;
+            var data, err_16;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -7342,8 +7736,8 @@ function instance$b($$self, $$props, $$invalidate) {
                         window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_14 = _a.sent();
-                        window.$memberstackDom._showMessage(err_14.message, true);
+                        err_16 = _a.sent();
+                        window.$memberstackDom._showMessage(err_16.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -7453,7 +7847,7 @@ function create_if_block$8(ctx) {
     }
     var passwordinput_props = {
         passwordLabel: "Current Password",
-        passwordPlaceholder: "Enter a strong password"
+        passwordPlaceholder: "Enter current password"
     };
     if ( /*currentPasswordValue*/ctx[2] !== void 0) {
         passwordinput_props.passwordValue = /*currentPasswordValue*/ ctx[2];
@@ -7744,7 +8138,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_15;
+            var message, msg, msg, err_17;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -7784,8 +8178,8 @@ function instance$a($$self, $$props, $$invalidate) {
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_15 = _a.sent();
-                        window.$memberstackDom._showMessage(err_15.message, true);
+                        err_17 = _a.sent();
+                        window.$memberstackDom._showMessage(err_17.message, true);
                         $$invalidate(9, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -7866,7 +8260,7 @@ function fade(node, _a) {
         delay: delay,
         duration: duration,
         easing: easing,
-        css: function (t) { return "opacity: " + t * o; }
+        css: function (t) { return "opacity: ".concat(t * o); }
     };
 }
 /* src/components/ProfileLoader.svelte generated by Svelte v3.48.0 */
@@ -8330,7 +8724,7 @@ function create_each_block$2(ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[6].apply(/*func*/ ctx, __spread([/*memberPlan*/ ctx[8]], args));
+        return /*func*/ ctx[6].apply(/*func*/ ctx, __spreadArray([/*memberPlan*/ ctx[8]], __read(args), false));
     }
     function func_1() {
         return /*func_1*/ ctx[7](/*memberPlan*/ ctx[8]);
@@ -8554,7 +8948,7 @@ function instance$7($$self, $$props, $$invalidate) {
     }
     function removeFreePlan(planId) {
         return __awaiter(this, void 0, void 0, function () {
-            var err_16;
+            var err_18;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -8568,9 +8962,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_16 = _a.sent();
-                        console.log(err_16);
-                        window.$memberstackDom._showMessage(err_16.message, true);
+                        err_18 = _a.sent();
+                        console.log(err_18);
+                        window.$memberstackDom._showMessage(err_18.message, true);
                         return [3 /*break*/, 5];
                     case 4:
                         $$invalidate(5, profileLoader = false);
@@ -8641,7 +9035,7 @@ function create_if_block_4$2(ctx) {
         }
     };
 }
-// (49:45)
+// (67:43)
 function create_if_block_3$2(ctx) {
     var plansinfocontent;
     var updating_member;
@@ -8700,7 +9094,7 @@ function create_if_block_3$2(ctx) {
         }
     };
 }
-// (47:52)
+// (61:52)
 function create_if_block_2$3(ctx) {
     var passwordinfocontent;
     var updating_displayProfile;
@@ -8772,7 +9166,7 @@ function create_if_block_2$3(ctx) {
         }
     };
 }
-// (45:46)
+// (55:46)
 function create_if_block_1$4(ctx) {
     var securityinfocontent;
     var updating_displayProfile;
@@ -8844,7 +9238,7 @@ function create_if_block_1$4(ctx) {
         }
     };
 }
-// (43:6) {#if displayProfile === "profile"}
+// (49:6) {#if displayProfile === "profile"}
 function create_if_block$6(ctx) {
     var profileinfocontent;
     var updating_member;
@@ -9591,7 +9985,7 @@ function instance$5($$self, $$props, $$invalidate) {
             var container = document.getElementById("msOverlay");
             var css = document.createElement("style");
             var color = data.branding.colors.lightMode.primaryButton;
-            var fullCSS = ".ms-modal__profile-option:hover { color: " + color + ";} .ms-modal__profile-option--active { color: " + color + ";} .ms-modal__save-button { background: " + color + ";} .ms-modal__save-button:disabled { background: " + color + ";}";
+            var fullCSS = ".ms-modal__profile-option:hover { color: ".concat(color, ";} .ms-modal__profile-option--active { color: ").concat(color, ";} .ms-modal__save-button { background: ").concat(color, ";} .ms-modal__save-button:disabled { background: ").concat(color, ";}");
             css.appendChild(document.createTextNode(fullCSS));
             container.appendChild(css);
         }
@@ -9601,7 +9995,7 @@ function instance$5($$self, $$props, $$invalidate) {
     });
     function logout(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_17;
+            var _a, data, message, err_19;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -9613,8 +10007,8 @@ function instance$5($$self, $$props, $$invalidate) {
                         onSuccessLogout({ type: "LOGOUT", data: data });
                         return [3 /*break*/, 3];
                     case 2:
-                        err_17 = _b.sent();
-                        window.$memberstackDom._showMessage(err_17.message, true);
+                        err_19 = _b.sent();
+                        window.$memberstackDom._showMessage(err_19.message, true);
                         return [3 /*break*/, 3];
                     case 3: return [2 /*return*/];
                 }
@@ -10150,7 +10544,7 @@ function create_each_block(key_1, ctx) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        return /*func*/ ctx[9].apply(/*func*/ ctx, __spread([/*provider*/ ctx[16]], args));
+        return /*func*/ ctx[9].apply(/*func*/ ctx, __spreadArray([/*provider*/ ctx[16]], __read(args), false));
     }
     function select_block_type_1(ctx, dirty) {
         if (dirty & /*member, $app*/ 18)
@@ -10398,7 +10792,7 @@ function instance$3($$self, $$props, $$invalidate) {
     var emailInputValid = false;
     function submitEmailChange(e) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, err_18;
+            var message, err_20;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -10415,8 +10809,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_18 = _a.sent();
-                        window.$memberstackDom._showMessage(err_18.message, true);
+                        err_20 = _a.sent();
+                        window.$memberstackDom._showMessage(err_20.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -10426,7 +10820,7 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function disconnectProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, data, message, err_19;
+            var _a, data, message, err_21;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -10442,8 +10836,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_19 = _b.sent();
-                        window.$memberstackDom._showMessage(err_19.message, true);
+                        err_21 = _b.sent();
+                        window.$memberstackDom._showMessage(err_21.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
@@ -10453,7 +10847,7 @@ function instance$3($$self, $$props, $$invalidate) {
     }
     function connectAdditionalProvider(provider) {
         return __awaiter(this, void 0, void 0, function () {
-            var data, err_20;
+            var data, err_22;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -10468,8 +10862,8 @@ function instance$3($$self, $$props, $$invalidate) {
                         window.$memberstackDom._showMessage(data.message, false);
                         return [3 /*break*/, 4];
                     case 3:
-                        err_20 = _a.sent();
-                        window.$memberstackDom._showMessage(err_20.message, true);
+                        err_22 = _a.sent();
+                        window.$memberstackDom._showMessage(err_22.message, true);
                         return [3 /*break*/, 4];
                     case 4: return [2 /*return*/];
                 }
@@ -10786,7 +11180,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_21;
+            var message, msg, msg, err_23;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -10826,8 +11220,8 @@ function instance$2($$self, $$props, $$invalidate) {
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 6:
-                        err_21 = _a.sent();
-                        window.$memberstackDom._showMessage(err_21.message, true);
+                        err_23 = _a.sent();
+                        window.$memberstackDom._showMessage(err_23.message, true);
                         $$invalidate(8, profileLoader = false);
                         return [3 /*break*/, 7];
                     case 7: return [2 /*return*/];
@@ -11699,7 +12093,7 @@ var MobileProfileModal = /** @class */ (function (_super) {
 }(SvelteComponent));
 /* src/Main.svelte generated by Svelte v3.48.0 */
 function add_css(target) {
-    append_styles(target, "svelte-1xk6xa6", "@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-1xk6xa6{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-1xk6xa6{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-right h3{margin-top:40px !important;margin-bottom:10px !important;font-size:18px !important;line-height:1em !important;font-weight:700 !important}.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\n      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}");
+    append_styles(target, "svelte-14go1rs", "@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-14go1rs{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msOverlay.svelte-14go1rs{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-right h3{margin-top:40px !important;margin-bottom:10px !important;font-size:18px !important;line-height:1em !important;font-weight:700 !important}.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;opacity:0.4}.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:8px;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__profile-image-container{display:flex;justify-content:flex-start;width:100%;margin-bottom:21px;align-items:center;flex-direction:row;gap:12px}.ms-modal__profile-image{width:42px;height:42px;border-radius:50%;object-fit:cover;overflow:hidden;background:#ddd;border:1px solid #C9C9C9;display:flex;justify-content:center;align-items:center}.ms-modal__profile-image img{width:100%;height:100%;object-fit:cover}.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\n      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}");
 }
 // (118:34)
 function create_if_block_7(ctx) {
@@ -12338,7 +12732,7 @@ function create_fragment(ctx) {
             if (if_block)
                 if_block.c();
             attr(main, "id", "msOverlay");
-            attr(main, "class", "svelte-1xk6xa6");
+            attr(main, "class", "svelte-14go1rs");
         },
         m: function (target, anchor) {
             insert(target, main, anchor);