@memberstack/dom 1.9.37 → 1.9.39

package/lib/methods/dom/methods.mjs

@@ -136,6 +136,9 @@ function assign(tar, src) {
     tar[k] = src[k];
   return tar;
 }
+function is_promise(value) {
+  return !!value && (typeof value === "object" || typeof value === "function") && typeof value.then === "function";
+}
 function run(fn) {
   return fn();
 }
@@ -717,6 +720,84 @@ function create_bidirectional_transition(node, fn, params, intro) {
     }
   };
 }
+function handle_promise(promise2, info) {
+  const token = info.token = {};
+  function update2(type, index, key, value) {
+    if (info.token !== token)
+      return;
+    info.resolved = value;
+    let child_ctx = info.ctx;
+    if (key !== void 0) {
+      child_ctx = child_ctx.slice();
+      child_ctx[key] = value;
+    }
+    const block = type && (info.current = type)(child_ctx);
+    let needs_flush = false;
+    if (info.block) {
+      if (info.blocks) {
+        info.blocks.forEach((block2, i) => {
+          if (i !== index && block2) {
+            group_outros();
+            transition_out(block2, 1, 1, () => {
+              if (info.blocks[i] === block2) {
+                info.blocks[i] = null;
+              }
+            });
+            check_outros();
+          }
+        });
+      } else {
+        info.block.d(1);
+      }
+      block.c();
+      transition_in(block, 1);
+      block.m(info.mount(), info.anchor);
+      needs_flush = true;
+    }
+    info.block = block;
+    if (info.blocks)
+      info.blocks[index] = block;
+    if (needs_flush) {
+      flush();
+    }
+  }
+  if (is_promise(promise2)) {
+    const current_component2 = get_current_component();
+    promise2.then((value) => {
+      set_current_component(current_component2);
+      update2(info.then, 1, info.value, value);
+      set_current_component(null);
+    }, (error) => {
+      set_current_component(current_component2);
+      update2(info.catch, 2, info.error, error);
+      set_current_component(null);
+      if (!info.hasCatch) {
+        throw error;
+      }
+    });
+    if (info.current !== info.pending) {
+      update2(info.pending, 0);
+      return true;
+    }
+  } else {
+    if (info.current !== info.then) {
+      update2(info.then, 1, info.value, promise2);
+      return true;
+    }
+    info.resolved = promise2;
+  }
+}
+function update_await_block_branch(info, ctx, dirty) {
+  const child_ctx = ctx.slice();
+  const { resolved } = info;
+  if (info.current === info.then) {
+    child_ctx[info.value] = resolved;
+  }
+  if (info.current === info.catch) {
+    child_ctx[info.error] = resolved;
+  }
+  info.block.p(child_ctx, dirty);
+}
 function destroy_block(block, lookup) {
   block.d(1);
   lookup.delete(block.key);
@@ -1006,7 +1087,7 @@ var get_default_slot_context = (ctx) => ({ matches: (
   /*matches*/
   ctx[0]
 ) });
-function create_fragment$1l(ctx) {
+function create_fragment$1n(ctx) {
   let current;
   const default_slot_template = (
     /*#slots*/
@@ -1071,7 +1152,7 @@ function create_fragment$1l(ctx) {
     }
   };
 }
-function instance$I($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
   let { $$slots: slots = {}, $$scope } = $$props;
   let { query } = $$props;
   let mql;
@@ -1117,10 +1198,10 @@ function instance$I($$self, $$props, $$invalidate) {
 var MediaQuery = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$I, create_fragment$1l, safe_not_equal, { query: 1 });
+    init(this, options, instance$J, create_fragment$1n, safe_not_equal, { query: 1 });
   }
 };
-function create_fragment$1k(ctx) {
+function create_fragment$1m(ctx) {
   let svg;
   let path;
   let animateTransform;
@@ -1164,10 +1245,10 @@ function create_fragment$1k(ctx) {
 var LoadingIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1k, safe_not_equal, {});
+    init(this, options, null, create_fragment$1m, safe_not_equal, {});
   }
 };
-function create_fragment$1j(ctx) {
+function create_fragment$1l(ctx) {
   let div;
   let loadingicon;
   let current;
@@ -1204,10 +1285,10 @@ function create_fragment$1j(ctx) {
 var Loader = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1j, safe_not_equal, {});
+    init(this, options, null, create_fragment$1l, safe_not_equal, {});
   }
 };
-function create_fragment$1i(ctx) {
+function create_fragment$1k(ctx) {
   let svg;
   let path;
   return {
@@ -1238,10 +1319,10 @@ function create_fragment$1i(ctx) {
 var CloseIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1i, safe_not_equal, {});
+    init(this, options, null, create_fragment$1k, safe_not_equal, {});
   }
 };
-function create_fragment$1h(ctx) {
+function create_fragment$1j(ctx) {
   let div;
   let button;
   let closeicon;
@@ -1294,7 +1375,7 @@ function create_fragment$1h(ctx) {
     }
   };
 }
-function instance$H($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
   let { closeModal } = $$props;
   $$self.$$set = ($$props2) => {
     if ("closeModal" in $$props2)
@@ -1305,10 +1386,10 @@ function instance$H($$self, $$props, $$invalidate) {
 var CloseButton = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$H, create_fragment$1h, safe_not_equal, { closeModal: 0 });
+    init(this, options, instance$I, create_fragment$1j, safe_not_equal, { closeModal: 0 });
   }
 };
-function create_fragment$1g(ctx) {
+function create_fragment$1i(ctx) {
   let svg;
   let path0;
   let path1;
@@ -1361,10 +1442,10 @@ function create_fragment$1g(ctx) {
 var MemberstackIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1g, safe_not_equal, {});
+    init(this, options, null, create_fragment$1i, safe_not_equal, {});
   }
 };
-function create_else_block$h(ctx) {
+function create_else_block$i(ctx) {
   let memberstackicon;
   let current;
   memberstackicon = new MemberstackIcon({});
@@ -1392,7 +1473,7 @@ function create_else_block$h(ctx) {
     }
   };
 }
-function create_if_block$z(ctx) {
+function create_if_block$A(ctx) {
   let img;
   let img_src_value;
   let img_alt_value;
@@ -1429,12 +1510,12 @@ function create_if_block$z(ctx) {
     }
   };
 }
-function create_fragment$1f(ctx) {
+function create_fragment$1h(ctx) {
   let figure;
   let current_block_type_index;
   let if_block;
   let current;
-  const if_block_creators = [create_if_block$z, create_else_block$h];
+  const if_block_creators = [create_if_block$A, create_else_block$i];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (
@@ -1496,7 +1577,7 @@ function create_fragment$1f(ctx) {
     }
   };
 }
-function instance$G($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
   let app = {};
   AppStore.subscribe((data) => {
     $$invalidate(0, app = data);
@@ -1506,10 +1587,10 @@ function instance$G($$self, $$props, $$invalidate) {
 var FigureElement = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$G, create_fragment$1f, safe_not_equal, {});
+    init(this, options, instance$H, create_fragment$1h, safe_not_equal, {});
   }
 };
-function create_else_block$g(ctx) {
+function create_else_block$h(ctx) {
   let button;
   let loadingicon;
   let current;
@@ -1561,7 +1642,7 @@ function create_else_block$g(ctx) {
     }
   };
 }
-function create_if_block$y(ctx) {
+function create_if_block$z(ctx) {
   let button;
   let t;
   return {
@@ -1610,12 +1691,12 @@ function create_if_block$y(ctx) {
     }
   };
 }
-function create_fragment$1e(ctx) {
+function create_fragment$1g(ctx) {
   let div;
   let current_block_type_index;
   let if_block;
   let current;
-  const if_block_creators = [create_if_block$y, create_else_block$g];
+  const if_block_creators = [create_if_block$z, create_else_block$h];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (!/*isLoading*/
@@ -1674,7 +1755,7 @@ function create_fragment$1e(ctx) {
     }
   };
 }
-function instance$F($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
   let $app;
   component_subscribe($$self, AppStore, ($$value) => $$invalidate(3, $app = $$value));
   let { buttonText = "Submit" } = $$props;
@@ -1694,10 +1775,10 @@ function instance$F($$self, $$props, $$invalidate) {
 var SubmitButton = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$F, create_fragment$1e, safe_not_equal, { buttonText: 0, isLoading: 1 });
+    init(this, options, instance$G, create_fragment$1g, safe_not_equal, { buttonText: 0, isLoading: 1 });
   }
 };
-function create_fragment$1d(ctx) {
+function create_fragment$1f(ctx) {
   let svg;
   let path;
   return {
@@ -1726,10 +1807,10 @@ function create_fragment$1d(ctx) {
 var ErrorIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1d, safe_not_equal, {});
+    init(this, options, null, create_fragment$1f, safe_not_equal, {});
   }
 };
-function create_if_block$x(ctx) {
+function create_if_block$y(ctx) {
   let div;
   let erroricon;
   let t0;
@@ -1772,7 +1853,7 @@ function create_if_block$x(ctx) {
     }
   };
 }
-function create_fragment$1c(ctx) {
+function create_fragment$1e(ctx) {
   let div;
   let label;
   let t0;
@@ -1784,7 +1865,7 @@ function create_fragment$1c(ctx) {
   let dispose;
   let if_block = (
     /*inputError*/
-    ctx[2] && create_if_block$x(ctx)
+    ctx[2] && create_if_block$y(ctx)
   );
   return {
     c() {
@@ -1879,7 +1960,7 @@ function create_fragment$1c(ctx) {
             transition_in(if_block, 1);
           }
         } else {
-          if_block = create_if_block$x(ctx2);
+          if_block = create_if_block$y(ctx2);
           if_block.c();
           transition_in(if_block, 1);
           if_block.m(div, null);
@@ -1912,7 +1993,7 @@ function create_fragment$1c(ctx) {
     }
   };
 }
-function instance$E($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
   let $textStore;
   component_subscribe($$self, TextStore, ($$value) => $$invalidate(9, $textStore = $$value));
   let { emailInputValid = false } = $$props;
@@ -1961,14 +2042,14 @@ function instance$E($$self, $$props, $$invalidate) {
 var EmailInput = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$E, create_fragment$1c, safe_not_equal, {
+    init(this, options, instance$F, create_fragment$1e, safe_not_equal, {
       emailInputValid: 7,
       emailValue: 0,
       placeholder: 1
     });
   }
 };
-function create_fragment$1b(ctx) {
+function create_fragment$1d(ctx) {
   let svg;
   let path;
   return {
@@ -1998,10 +2079,10 @@ function create_fragment$1b(ctx) {
 var EyeIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1b, safe_not_equal, {});
+    init(this, options, null, create_fragment$1d, safe_not_equal, {});
   }
 };
-function create_fragment$1a(ctx) {
+function create_fragment$1c(ctx) {
   let svg;
   let path;
   return {
@@ -2031,10 +2112,10 @@ function create_fragment$1a(ctx) {
 var EyeSlashIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$1a, safe_not_equal, {});
+    init(this, options, null, create_fragment$1c, safe_not_equal, {});
   }
 };
-function create_if_block_2$i(ctx) {
+function create_if_block_2$k(ctx) {
   let div;
   let button;
   let mounted;
@@ -2073,7 +2154,7 @@ function create_if_block_2$i(ctx) {
     }
   };
 }
-function create_else_block$f(ctx) {
+function create_else_block$g(ctx) {
   let eyeslashicon;
   let current;
   eyeslashicon = new EyeSlashIcon({});
@@ -2100,7 +2181,7 @@ function create_else_block$f(ctx) {
     }
   };
 }
-function create_if_block_1$o(ctx) {
+function create_if_block_1$p(ctx) {
   let eyeicon;
   let current;
   eyeicon = new EyeIcon({});
@@ -2127,7 +2208,7 @@ function create_if_block_1$o(ctx) {
     }
   };
 }
-function create_if_block$w(ctx) {
+function create_if_block$x(ctx) {
   let div;
   let erroricon;
   let t0;
@@ -2170,7 +2251,7 @@ function create_if_block$w(ctx) {
     }
   };
 }
-function create_fragment$19(ctx) {
+function create_fragment$1b(ctx) {
   let div3;
   let div0;
   let label;
@@ -2190,9 +2271,9 @@ function create_fragment$19(ctx) {
   let dispose;
   let if_block0 = (
     /*showForgotPasswordLabel*/
-    ctx[2] && create_if_block_2$i(ctx)
+    ctx[2] && create_if_block_2$k(ctx)
   );
-  const if_block_creators = [create_if_block_1$o, create_else_block$f];
+  const if_block_creators = [create_if_block_1$p, create_else_block$g];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (!/*passwordVisible*/
@@ -2204,7 +2285,7 @@ function create_fragment$19(ctx) {
   if_block1 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   let if_block2 = (
     /*inputError*/
-    ctx[6] && create_if_block$w(ctx)
+    ctx[6] && create_if_block$x(ctx)
   );
   return {
     c() {
@@ -2307,7 +2388,7 @@ function create_fragment$19(ctx) {
         if (if_block0) {
           if_block0.p(ctx2, dirty);
         } else {
-          if_block0 = create_if_block_2$i(ctx2);
+          if_block0 = create_if_block_2$k(ctx2);
           if_block0.c();
           if_block0.m(div0, null);
         }
@@ -2365,7 +2446,7 @@ function create_fragment$19(ctx) {
             transition_in(if_block2, 1);
           }
         } else {
-          if_block2 = create_if_block$w(ctx2);
+          if_block2 = create_if_block$x(ctx2);
           if_block2.c();
           transition_in(if_block2, 1);
           if_block2.m(div3, null);
@@ -2403,7 +2484,7 @@ function create_fragment$19(ctx) {
     }
   };
 }
-function instance$D($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
   let type;
   let $textStore;
   component_subscribe($$self, TextStore, ($$value) => $$invalidate(15, $textStore = $$value));
@@ -2477,7 +2558,7 @@ function instance$D($$self, $$props, $$invalidate) {
 var PasswordInput = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$D, create_fragment$19, safe_not_equal, {
+    init(this, options, instance$E, create_fragment$1b, safe_not_equal, {
       showForgotPasswordLabel: 2,
       passwordInputValid: 13,
       passwordLabel: 3,
@@ -2487,7 +2568,7 @@ var PasswordInput = class extends SvelteComponent {
     });
   }
 };
-function create_fragment$18(ctx) {
+function create_fragment$1a(ctx) {
   let svg;
   let path;
   return {
@@ -2517,10 +2598,10 @@ function create_fragment$18(ctx) {
 var SecuredIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$18, safe_not_equal, {});
+    init(this, options, null, create_fragment$1a, safe_not_equal, {});
   }
 };
-function create_if_block$v(ctx) {
+function create_if_block$w(ctx) {
   let div;
   let a;
   let securedicon;
@@ -2561,11 +2642,11 @@ function create_if_block$v(ctx) {
     }
   };
 }
-function create_fragment$17(ctx) {
+function create_fragment$19(ctx) {
   let if_block_anchor;
   let current;
   let if_block = !/*$app*/
-  ctx[0].isPaid && create_if_block$v();
+  ctx[0].isPaid && create_if_block$w();
   return {
     c() {
       if (if_block)
@@ -2587,7 +2668,7 @@ function create_fragment$17(ctx) {
             transition_in(if_block, 1);
           }
         } else {
-          if_block = create_if_block$v();
+          if_block = create_if_block$w();
           if_block.c();
           transition_in(if_block, 1);
           if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2618,7 +2699,7 @@ function create_fragment$17(ctx) {
     }
   };
 }
-function instance$C($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
   let $app;
   component_subscribe($$self, AppStore, ($$value) => $$invalidate(0, $app = $$value));
   return [$app];
@@ -2626,10 +2707,10 @@ function instance$C($$self, $$props, $$invalidate) {
 var ModalFooter = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$C, create_fragment$17, safe_not_equal, {});
+    init(this, options, instance$D, create_fragment$19, safe_not_equal, {});
   }
 };
-function create_fragment$16(ctx) {
+function create_fragment$18(ctx) {
   let svg;
   let path;
   return {
@@ -2658,7 +2739,7 @@ function create_fragment$16(ctx) {
 var EmailIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$16, safe_not_equal, {});
+    init(this, options, null, create_fragment$18, safe_not_equal, {});
   }
 };
 var PasswordlessStore = writable({
@@ -2698,7 +2779,7 @@ var setPasswordlessMode = (mode) => {
     return store;
   });
 };
-function get_each_context$c(ctx, list, i) {
+function get_each_context$d(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[22] = list[i];
   return child_ctx;
@@ -2743,7 +2824,7 @@ function create_if_block_6$5(ctx) {
     }
   };
 }
-function create_else_block_1$7(ctx) {
+function create_else_block_1$8(ctx) {
   let submitbutton;
   let current;
   submitbutton = new SubmitButton({
@@ -2789,7 +2870,7 @@ function create_else_block_1$7(ctx) {
     }
   };
 }
-function create_if_block_5$5(ctx) {
+function create_if_block_5$7(ctx) {
   let passwordinput;
   let updating_passwordInputValid;
   let updating_display;
@@ -2896,7 +2977,7 @@ function create_if_block_5$5(ctx) {
     }
   };
 }
-function create_if_block_4$7(ctx) {
+function create_if_block_4$8(ctx) {
   let div;
   let button;
   let mounted;
@@ -2933,7 +3014,7 @@ function create_if_block_4$7(ctx) {
     }
   };
 }
-function create_if_block_3$9(ctx) {
+function create_if_block_3$b(ctx) {
   let div;
   let button;
   let mounted;
@@ -2970,7 +3051,7 @@ function create_if_block_3$9(ctx) {
     }
   };
 }
-function create_if_block$u(ctx) {
+function create_if_block$v(ctx) {
   let div4;
   let div3;
   let div0;
@@ -2983,7 +3064,7 @@ function create_if_block$u(ctx) {
   let current;
   let if_block = (
     /*$app*/
-    ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$n(ctx)
+    ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$o(ctx)
   );
   let each_value = (
     /*$app*/
@@ -2991,7 +3072,7 @@ function create_if_block$u(ctx) {
   );
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
-    each_blocks[i] = create_each_block$c(get_each_context$c(ctx, each_value, i));
+    each_blocks[i] = create_each_block$d(get_each_context$d(ctx, each_value, i));
   }
   return {
     c() {
@@ -3048,7 +3129,7 @@ function create_if_block$u(ctx) {
             transition_in(if_block, 1);
           }
         } else {
-          if_block = create_if_block_1$n(ctx2);
+          if_block = create_if_block_1$o(ctx2);
           if_block.c();
           transition_in(if_block, 1);
           if_block.m(div4, t4);
@@ -3066,11 +3147,11 @@ function create_if_block$u(ctx) {
         ctx2[7].authProviders;
         let i;
         for (i = 0; i < each_value.length; i += 1) {
-          const child_ctx = get_each_context$c(ctx2, each_value, i);
+          const child_ctx = get_each_context$d(ctx2, each_value, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
           } else {
-            each_blocks[i] = create_each_block$c(child_ctx);
+            each_blocks[i] = create_each_block$d(child_ctx);
             each_blocks[i].c();
             each_blocks[i].m(div4, null);
           }
@@ -3100,12 +3181,12 @@ function create_if_block$u(ctx) {
     }
   };
 }
-function create_if_block_1$n(ctx) {
+function create_if_block_1$o(ctx) {
   let div;
   let current_block_type_index;
   let if_block;
   let current;
-  const if_block_creators = [create_if_block_2$h, create_else_block$e];
+  const if_block_creators = [create_if_block_2$j, create_else_block$f];
   const if_blocks = [];
   function select_block_type_2(ctx2, dirty) {
     if (
@@ -3167,7 +3248,7 @@ function create_if_block_1$n(ctx) {
     }
   };
 }
-function create_else_block$e(ctx) {
+function create_else_block$f(ctx) {
   let button;
   let span;
   let mounted;
@@ -3206,7 +3287,7 @@ function create_else_block$e(ctx) {
     }
   };
 }
-function create_if_block_2$h(ctx) {
+function create_if_block_2$j(ctx) {
   let button;
   let emailicon;
   let t0;
@@ -3263,7 +3344,7 @@ function create_if_block_2$h(ctx) {
     }
   };
 }
-function create_each_block$c(ctx) {
+function create_each_block$d(ctx) {
   let div;
   let button;
   let img;
@@ -3354,7 +3435,7 @@ function create_each_block$c(ctx) {
     }
   };
 }
-function create_fragment$15(ctx) {
+function create_fragment$17(ctx) {
   let div1;
   let t0;
   let div0;
@@ -3397,7 +3478,7 @@ function create_fragment$15(ctx) {
   }
   emailinput = new EmailInput({ props: emailinput_props });
   binding_callbacks.push(() => bind(emailinput, "emailInputValid", emailinput_emailInputValid_binding));
-  const if_block_creators = [create_if_block_5$5, create_else_block_1$7];
+  const if_block_creators = [create_if_block_5$7, create_else_block_1$8];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (!/*$PasswordlessStore*/
@@ -3414,19 +3495,19 @@ function create_fragment$15(ctx) {
       ctx2[2].signup && /*params*/
       ctx2[2].signup.plans
     )
-      return create_if_block_3$9;
+      return create_if_block_3$b;
     if (
       /*signupButtonURL*/
       ctx2[9]
     )
-      return create_if_block_4$7;
+      return create_if_block_4$8;
   }
   let current_block_type = select_block_type_1(ctx);
   let if_block2 = current_block_type && current_block_type(ctx);
   let if_block3 = (
     /*$app*/
     (ctx[7].authProviders.length > 0 || /*$app*/
-    ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$u(ctx)
+    ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$v(ctx)
   );
   modalfooter = new ModalFooter({});
   return {
@@ -3568,7 +3649,7 @@ function create_fragment$15(ctx) {
             transition_in(if_block3, 1);
           }
         } else {
-          if_block3 = create_if_block$u(ctx2);
+          if_block3 = create_if_block$v(ctx2);
           if_block3.c();
           transition_in(if_block3, 1);
           if_block3.m(div0, null);
@@ -3620,7 +3701,7 @@ function create_fragment$15(ctx) {
     }
   };
 }
-function instance$B($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
   let $PasswordlessStore;
   let $app;
   let $textStore;
@@ -3746,7 +3827,7 @@ function instance$B($$self, $$props, $$invalidate) {
 var LoginModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$B, create_fragment$15, safe_not_equal, {
+    init(this, options, instance$C, create_fragment$17, safe_not_equal, {
       closeModal: 1,
       display: 0,
       onSuccessLogin: 12,
@@ -3754,15 +3835,15 @@ var LoginModal = class extends SvelteComponent {
     });
   }
 };
-function add_css$k(target) {
+function add_css$l(target) {
   append_styles(target, "svelte-1w8lbd8", ".rey-was-here.svelte-1w8lbd8{display:none !important}");
 }
-function get_each_context$b(ctx, list, i) {
+function get_each_context$c(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[25] = list[i];
   return child_ctx;
 }
-function get_each_context_1$4(ctx, list, i) {
+function get_each_context_1$5(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[28] = list[i];
   child_ctx[30] = i;
@@ -3808,7 +3889,7 @@ function create_if_block_6$4(ctx) {
     }
   };
 }
-function create_if_block_5$4(ctx) {
+function create_if_block_5$6(ctx) {
   let div1;
   let div0;
   let label;
@@ -3878,11 +3959,11 @@ function create_if_block_5$4(ctx) {
     }
   };
 }
-function create_each_block_1$4(ctx) {
+function create_each_block_1$5(ctx) {
   let if_block_anchor;
   let if_block = (
     /*customField*/
-    ctx[28].hidden !== true && create_if_block_5$4(ctx)
+    ctx[28].hidden !== true && create_if_block_5$6(ctx)
   );
   return {
     c() {
@@ -3903,7 +3984,7 @@ function create_each_block_1$4(ctx) {
         if (if_block) {
           if_block.p(ctx2, dirty);
         } else {
-          if_block = create_if_block_5$4(ctx2);
+          if_block = create_if_block_5$6(ctx2);
           if_block.c();
           if_block.m(if_block_anchor.parentNode, if_block_anchor);
         }
@@ -3920,7 +4001,7 @@ function create_each_block_1$4(ctx) {
     }
   };
 }
-function create_if_block_4$6(ctx) {
+function create_if_block_4$7(ctx) {
   let passwordinput;
   let updating_passwordInputValid;
   let current;
@@ -3971,7 +4052,7 @@ function create_if_block_4$6(ctx) {
     }
   };
 }
-function create_else_block_1$6(ctx) {
+function create_else_block_1$7(ctx) {
   let submitbutton;
   let current;
   submitbutton = new SubmitButton({
@@ -4014,7 +4095,7 @@ function create_else_block_1$6(ctx) {
     }
   };
 }
-function create_if_block_3$8(ctx) {
+function create_if_block_3$a(ctx) {
   let submitbutton;
   let current;
   submitbutton = new SubmitButton({
@@ -4057,7 +4138,7 @@ function create_if_block_3$8(ctx) {
     }
   };
 }
-function create_if_block$t(ctx) {
+function create_if_block$u(ctx) {
   let div4;
   let div3;
   let t3;
@@ -4065,7 +4146,7 @@ function create_if_block$t(ctx) {
   let current;
   let if_block = (
     /*$app*/
-    ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$m(ctx)
+    ctx[7].additionalAuthMethods.passwordless.enabled === true && create_if_block_1$n(ctx)
   );
   let each_value = (
     /*$app*/
@@ -4073,7 +4154,7 @@ function create_if_block$t(ctx) {
   );
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
-    each_blocks[i] = create_each_block$b(get_each_context$b(ctx, each_value, i));
+    each_blocks[i] = create_each_block$c(get_each_context$c(ctx, each_value, i));
   }
   return {
     c() {
@@ -4118,7 +4199,7 @@ function create_if_block$t(ctx) {
             transition_in(if_block, 1);
           }
         } else {
-          if_block = create_if_block_1$m(ctx2);
+          if_block = create_if_block_1$n(ctx2);
           if_block.c();
           transition_in(if_block, 1);
           if_block.m(div4, t4);
@@ -4136,11 +4217,11 @@ function create_if_block$t(ctx) {
         ctx2[7].authProviders;
         let i;
         for (i = 0; i < each_value.length; i += 1) {
-          const child_ctx = get_each_context$b(ctx2, each_value, i);
+          const child_ctx = get_each_context$c(ctx2, each_value, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
           } else {
-            each_blocks[i] = create_each_block$b(child_ctx);
+            each_blocks[i] = create_each_block$c(child_ctx);
             each_blocks[i].c();
             each_blocks[i].m(div4, null);
           }
@@ -4170,12 +4251,12 @@ function create_if_block$t(ctx) {
     }
   };
 }
-function create_if_block_1$m(ctx) {
+function create_if_block_1$n(ctx) {
   let div;
   let current_block_type_index;
   let if_block;
   let current;
-  const if_block_creators = [create_if_block_2$g, create_else_block$d];
+  const if_block_creators = [create_if_block_2$i, create_else_block$e];
   const if_blocks = [];
   function select_block_type_1(ctx2, dirty) {
     if (
@@ -4237,7 +4318,7 @@ function create_if_block_1$m(ctx) {
     }
   };
 }
-function create_else_block$d(ctx) {
+function create_else_block$e(ctx) {
   let button;
   let span;
   let mounted;
@@ -4276,7 +4357,7 @@ function create_else_block$d(ctx) {
     }
   };
 }
-function create_if_block_2$g(ctx) {
+function create_if_block_2$i(ctx) {
   let button;
   let emailicon;
   let t0;
@@ -4333,7 +4414,7 @@ function create_if_block_2$g(ctx) {
     }
   };
 }
-function create_each_block$b(ctx) {
+function create_each_block$c(ctx) {
   let div;
   let button;
   let img;
@@ -4417,7 +4498,7 @@ function create_each_block$b(ctx) {
     }
   };
 }
-function create_fragment$14(ctx) {
+function create_fragment$16(ctx) {
   let div4;
   let t0;
   let div3;
@@ -4456,7 +4537,7 @@ function create_fragment$14(ctx) {
   );
   let each_blocks = [];
   for (let i = 0; i < each_value_1.length; i += 1) {
-    each_blocks[i] = create_each_block_1$4(get_each_context_1$4(ctx, each_value_1, i));
+    each_blocks[i] = create_each_block_1$5(get_each_context_1$5(ctx, each_value_1, i));
   }
   function emailinput_emailInputValid_binding(value) {
     ctx[12](value);
@@ -4473,9 +4554,9 @@ function create_fragment$14(ctx) {
   binding_callbacks.push(() => bind(emailinput, "emailInputValid", emailinput_emailInputValid_binding));
   let if_block1 = (
     /*$PasswordlessStore*/
-    ctx[6].passwordlessMode === false && create_if_block_4$6(ctx)
+    ctx[6].passwordlessMode === false && create_if_block_4$7(ctx)
   );
-  const if_block_creators = [create_if_block_3$8, create_else_block_1$6];
+  const if_block_creators = [create_if_block_3$a, create_else_block_1$7];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (
@@ -4490,7 +4571,7 @@ function create_fragment$14(ctx) {
   let if_block3 = (
     /*$app*/
     (ctx[7].authProviders.length > 0 || /*$app*/
-    ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$t(ctx)
+    ctx[7].additionalAuthMethods.passwordless.enabled === true) && create_if_block$u(ctx)
   );
   modalfooter = new ModalFooter({});
   return {
@@ -4625,11 +4706,11 @@ function create_fragment$14(ctx) {
         ctx2[7].customFields;
         let i;
         for (i = 0; i < each_value_1.length; i += 1) {
-          const child_ctx = get_each_context_1$4(ctx2, each_value_1, i);
+          const child_ctx = get_each_context_1$5(ctx2, each_value_1, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
           } else {
-            each_blocks[i] = create_each_block_1$4(child_ctx);
+            each_blocks[i] = create_each_block_1$5(child_ctx);
             each_blocks[i].c();
             each_blocks[i].m(form, t4);
           }
@@ -4659,7 +4740,7 @@ function create_fragment$14(ctx) {
             transition_in(if_block1, 1);
           }
         } else {
-          if_block1 = create_if_block_4$6(ctx2);
+          if_block1 = create_if_block_4$7(ctx2);
           if_block1.c();
           transition_in(if_block1, 1);
           if_block1.m(form, t9);
@@ -4703,7 +4784,7 @@ function create_fragment$14(ctx) {
             transition_in(if_block3, 1);
           }
         } else {
-          if_block3 = create_if_block$t(ctx2);
+          if_block3 = create_if_block$u(ctx2);
           if_block3.c();
           transition_in(if_block3, 1);
           if_block3.m(div3, null);
@@ -4764,7 +4845,7 @@ function executeCaptcha() {
     return response;
   });
 }
-function instance$A($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
   var _a;
   let $PasswordlessStore;
   let $app;
@@ -4937,8 +5018,8 @@ var SignupModal = class extends SvelteComponent {
     init(
       this,
       options,
-      instance$A,
-      create_fragment$14,
+      instance$B,
+      create_fragment$16,
       safe_not_equal,
       {
         closeModal: 1,
@@ -4946,11 +5027,11 @@ var SignupModal = class extends SvelteComponent {
         onSuccessSignup: 11,
         params: 2
       },
-      add_css$k
+      add_css$l
     );
   }
 };
-function create_fragment$13(ctx) {
+function create_fragment$15(ctx) {
   let svg;
   let path;
   return {
@@ -4979,10 +5060,10 @@ function create_fragment$13(ctx) {
 var BackIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$13, safe_not_equal, {});
+    init(this, options, null, create_fragment$15, safe_not_equal, {});
   }
 };
-function create_fragment$12(ctx) {
+function create_fragment$14(ctx) {
   let div4;
   let div0;
   let button;
@@ -5177,7 +5258,7 @@ function create_fragment$12(ctx) {
     }
   };
 }
-function instance$z($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
   let $textStore;
   component_subscribe($$self, TextStore, ($$value) => $$invalidate(9, $textStore = $$value));
   let text2 = $textStore.text;
@@ -5230,10 +5311,10 @@ function instance$z($$self, $$props, $$invalidate) {
 var PassResetModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$z, create_fragment$12, safe_not_equal, { closeModal: 5, display: 0 });
+    init(this, options, instance$A, create_fragment$14, safe_not_equal, { closeModal: 5, display: 0 });
   }
 };
-function create_if_block$s(ctx) {
+function create_if_block$t(ctx) {
   let div;
   let erroricon;
   let t;
@@ -5269,7 +5350,7 @@ function create_if_block$s(ctx) {
     }
   };
 }
-function create_fragment$11(ctx) {
+function create_fragment$13(ctx) {
   let div3;
   let div0;
   let button;
@@ -5307,18 +5388,18 @@ function create_fragment$11(ctx) {
   });
   figureelement = new FigureElement({});
   let if_block = !/*tokenInputValid*/
-  ctx[3] && create_if_block$s();
+  ctx[3] && create_if_block$t();
   function passwordinput_passwordInputValid_binding(value) {
     ctx[9](value);
   }
   let passwordinput_props = {
     passwordPlaceholder: (
       /*text*/
-      ctx[5]["reset_password_placeholder"]
+      ctx[5]["reset_password_placeholder"] || "New password"
     ),
     passwordLabel: (
       /*text*/
-      ctx[5]["password"] || "Password"
+      ctx[5]["password"] || "Enter a new password"
     )
   };
   if (
@@ -5455,7 +5536,7 @@ function create_fragment$11(ctx) {
             transition_in(if_block, 1);
           }
         } else {
-          if_block = create_if_block$s();
+          if_block = create_if_block$t();
           if_block.c();
           transition_in(if_block, 1);
           if_block.m(div1, null);
@@ -5521,7 +5602,7 @@ function create_fragment$11(ctx) {
     }
   };
 }
-function instance$y($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
   let $textStore;
   component_subscribe($$self, TextStore, ($$value) => $$invalidate(10, $textStore = $$value));
   let text2 = $textStore.text;
@@ -5618,14 +5699,14 @@ function instance$y($$self, $$props, $$invalidate) {
 var PassTokenModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$y, create_fragment$11, safe_not_equal, {
+    init(this, options, instance$z, create_fragment$13, safe_not_equal, {
       closeModal: 1,
       display: 0,
       onSuccessPasswordReset: 7
     });
   }
 };
-function create_fragment$10(ctx) {
+function create_fragment$12(ctx) {
   let div2;
   let div0;
   let t0;
@@ -5721,7 +5802,7 @@ function create_fragment$10(ctx) {
     }
   };
 }
-function instance$x($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
   let { closeModal } = $$props;
   $$self.$$set = ($$props2) => {
     if ("closeModal" in $$props2)
@@ -5732,10 +5813,10 @@ function instance$x($$self, $$props, $$invalidate) {
 var PassSuccessModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$x, create_fragment$10, safe_not_equal, { closeModal: 0 });
+    init(this, options, instance$y, create_fragment$12, safe_not_equal, { closeModal: 0 });
   }
 };
-function create_else_block_1$5(ctx) {
+function create_else_block_1$6(ctx) {
   let button;
   let backicon;
   let current;
@@ -5781,7 +5862,7 @@ function create_else_block_1$5(ctx) {
     }
   };
 }
-function create_if_block_2$f(ctx) {
+function create_if_block_2$h(ctx) {
   let button;
   let backicon;
   let current;
@@ -5827,7 +5908,7 @@ function create_if_block_2$f(ctx) {
     }
   };
 }
-function create_else_block$c(ctx) {
+function create_else_block$d(ctx) {
   let h2;
   return {
     c() {
@@ -5846,7 +5927,7 @@ function create_else_block$c(ctx) {
     }
   };
 }
-function create_if_block_1$l(ctx) {
+function create_if_block_1$m(ctx) {
   let h2;
   return {
     c() {
@@ -5865,7 +5946,7 @@ function create_if_block_1$l(ctx) {
     }
   };
 }
-function create_if_block$r(ctx) {
+function create_if_block$s(ctx) {
   let div;
   let erroricon;
   let t;
@@ -5901,7 +5982,7 @@ function create_if_block$r(ctx) {
     }
   };
 }
-function create_fragment$$(ctx) {
+function create_fragment$11(ctx) {
   let div3;
   let div0;
   let current_block_type_index;
@@ -5928,7 +6009,7 @@ function create_fragment$$(ctx) {
   let current;
   let mounted;
   let dispose;
-  const if_block_creators = [create_if_block_2$f, create_else_block_1$5];
+  const if_block_creators = [create_if_block_2$h, create_else_block_1$6];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (
@@ -5952,13 +6033,13 @@ function create_fragment$$(ctx) {
       /*$PasswordlessStore*/
       ctx2[4].passwordlessModalType === "login"
     )
-      return create_if_block_1$l;
-    return create_else_block$c;
+      return create_if_block_1$m;
+    return create_else_block$d;
   }
   let current_block_type = select_block_type_1(ctx);
   let if_block1 = current_block_type(ctx);
   let if_block2 = !/*tokenInputValid*/
-  ctx[3] && create_if_block$r();
+  ctx[3] && create_if_block$s();
   submitbutton = new SubmitButton({
     props: {
       buttonText: (
@@ -6104,7 +6185,7 @@ function create_fragment$$(ctx) {
             transition_in(if_block2, 1);
           }
         } else {
-          if_block2 = create_if_block$r();
+          if_block2 = create_if_block$s();
           if_block2.c();
           transition_in(if_block2, 1);
           if_block2.m(div1, null);
@@ -6159,7 +6240,7 @@ function create_fragment$$(ctx) {
     }
   };
 }
-function instance$w($$self, $$props, $$invalidate) {
+function instance$x($$self, $$props, $$invalidate) {
   let $PasswordlessStore;
   let $textStore;
   component_subscribe($$self, PasswordlessStore, ($$value) => $$invalidate(4, $PasswordlessStore = $$value));
@@ -6279,7 +6360,7 @@ function instance$w($$self, $$props, $$invalidate) {
 var PasswordlessTokenModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$w, create_fragment$$, safe_not_equal, {
+    init(this, options, instance$x, create_fragment$11, safe_not_equal, {
       closeModal: 1,
       display: 0,
       onSuccessPasswordlessToken: 7,
@@ -6287,7 +6368,7 @@ var PasswordlessTokenModal = class extends SvelteComponent {
     });
   }
 };
-function create_fragment$_(ctx) {
+function create_fragment$10(ctx) {
   let svg;
   let path;
   return {
@@ -6316,10 +6397,10 @@ function create_fragment$_(ctx) {
 var ProfileIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$_, safe_not_equal, {});
+    init(this, options, null, create_fragment$10, safe_not_equal, {});
   }
 };
-function create_fragment$Z(ctx) {
+function create_fragment$$(ctx) {
   let svg;
   let path;
   return {
@@ -6348,10 +6429,10 @@ function create_fragment$Z(ctx) {
 var SecurityIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$Z, safe_not_equal, {});
+    init(this, options, null, create_fragment$$, safe_not_equal, {});
   }
 };
-function create_fragment$Y(ctx) {
+function create_fragment$_(ctx) {
   let svg;
   let path;
   return {
@@ -6380,10 +6461,10 @@ function create_fragment$Y(ctx) {
 var LinkOutIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$Y, safe_not_equal, {});
+    init(this, options, null, create_fragment$_, safe_not_equal, {});
   }
 };
-function create_fragment$X(ctx) {
+function create_fragment$Z(ctx) {
   let svg;
   let path;
   return {
@@ -6414,10 +6495,10 @@ function create_fragment$X(ctx) {
 var LogoutIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$X, safe_not_equal, {});
+    init(this, options, null, create_fragment$Z, safe_not_equal, {});
   }
 };
-function create_fragment$W(ctx) {
+function create_fragment$Y(ctx) {
   let svg;
   let path;
   return {
@@ -6446,10 +6527,10 @@ function create_fragment$W(ctx) {
 var PlansIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$W, safe_not_equal, {});
+    init(this, options, null, create_fragment$Y, safe_not_equal, {});
   }
 };
-function create_if_block_1$k(ctx) {
+function create_if_block_2$g(ctx) {
   let button;
   let profileicon;
   let t;
@@ -6481,7 +6562,7 @@ function create_if_block_1$k(ctx) {
           button,
           "click",
           /*click_handler*/
-          ctx[7]
+          ctx[8]
         );
         mounted = true;
       }
@@ -6516,7 +6597,7 @@ function create_if_block_1$k(ctx) {
     }
   };
 }
-function create_if_block$q(ctx) {
+function create_if_block_1$l(ctx) {
   let button;
   let plansicon;
   let t;
@@ -6548,7 +6629,7 @@ function create_if_block$q(ctx) {
           button,
           "click",
           /*click_handler_2*/
-          ctx[9]
+          ctx[10]
         );
         mounted = true;
       }
@@ -6583,51 +6664,127 @@ function create_if_block$q(ctx) {
     }
   };
 }
-function create_fragment$V(ctx) {
-  let t0;
-  let button0;
-  let securityicon;
-  let t1;
-  let t2;
-  let show_if = (
-    /*showPlansNavButton*/
-    ctx[3]()
-  );
-  let t3;
-  let button1;
-  let logouticon;
-  let t4;
+function create_if_block$r(ctx) {
+  let button;
+  let plansicon;
+  let t;
   let current;
   let mounted;
   let dispose;
-  let if_block0 = !/*hideProfileSection*/
-  ctx[1] && create_if_block_1$k(ctx);
-  securityicon = new SecurityIcon({});
-  let if_block1 = show_if && create_if_block$q(ctx);
-  logouticon = new LogoutIcon({});
+  plansicon = new PlansIcon({});
   return {
     c() {
-      if (if_block0)
-        if_block0.c();
-      t0 = space();
-      button0 = element("button");
-      create_component(securityicon.$$.fragment);
-      t1 = text(" Security");
-      t2 = space();
-      if (if_block1)
-        if_block1.c();
-      t3 = space();
-      button1 = element("button");
-      create_component(logouticon.$$.fragment);
-      t4 = text(" Logout");
-      attr(button0, "data-cy", "security-btn");
-      attr(button0, "class", "ms-modal__profile-option");
+      button = element("button");
+      create_component(plansicon.$$.fragment);
+      t = text(" Team");
+      attr(button, "data-cy", "plans-btn");
+      attr(button, "class", "ms-modal__profile-option");
       toggle_class(
-        button0,
+        button,
         "ms-modal__profile-option--active",
         /*displayProfile*/
-        ctx[0] === "security" || /*displayProfile*/
-        ctx[0] === "changePassword"
+        ctx[0] === "team"
+      );
+    },
+    m(target, anchor) {
+      insert(target, button, anchor);
+      mount_component(plansicon, button, null);
+      append(button, t);
+      current = true;
+      if (!mounted) {
+        dispose = listen(
+          button,
+          "click",
+          /*click_handler_3*/
+          ctx[11]
+        );
+        mounted = true;
+      }
+    },
+    p(ctx2, dirty) {
+      if (!current || dirty & /*displayProfile*/
+      1) {
+        toggle_class(
+          button,
+          "ms-modal__profile-option--active",
+          /*displayProfile*/
+          ctx2[0] === "team"
+        );
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(plansicon.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(plansicon.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(button);
+      destroy_component(plansicon);
+      mounted = false;
+      dispose();
+    }
+  };
+}
+function create_fragment$X(ctx) {
+  let t0;
+  let button0;
+  let securityicon;
+  let t1;
+  let t2;
+  let show_if_1 = (
+    /*showPlansNavButton*/
+    ctx[3]()
+  );
+  let t3;
+  let show_if = (
+    /*showTeamNavButton*/
+    ctx[4]()
+  );
+  let t4;
+  let button1;
+  let logouticon;
+  let t5;
+  let current;
+  let mounted;
+  let dispose;
+  let if_block0 = !/*hideProfileSection*/
+  ctx[1] && create_if_block_2$g(ctx);
+  securityicon = new SecurityIcon({});
+  let if_block1 = show_if_1 && create_if_block_1$l(ctx);
+  let if_block2 = show_if && create_if_block$r(ctx);
+  logouticon = new LogoutIcon({});
+  return {
+    c() {
+      if (if_block0)
+        if_block0.c();
+      t0 = space();
+      button0 = element("button");
+      create_component(securityicon.$$.fragment);
+      t1 = text(" Security");
+      t2 = space();
+      if (if_block1)
+        if_block1.c();
+      t3 = space();
+      if (if_block2)
+        if_block2.c();
+      t4 = space();
+      button1 = element("button");
+      create_component(logouticon.$$.fragment);
+      t5 = text(" Logout");
+      attr(button0, "data-cy", "security-btn");
+      attr(button0, "class", "ms-modal__profile-option");
+      toggle_class(
+        button0,
+        "ms-modal__profile-option--active",
+        /*displayProfile*/
+        ctx[0] === "security" || /*displayProfile*/
+        ctx[0] === "changePassword"
       );
       attr(button1, "data-cy", "logout-btn");
       attr(button1, "class", "ms-modal__profile-option");
@@ -6643,9 +6800,12 @@ function create_fragment$V(ctx) {
       if (if_block1)
         if_block1.m(target, anchor);
       insert(target, t3, anchor);
+      if (if_block2)
+        if_block2.m(target, anchor);
+      insert(target, t4, anchor);
       insert(target, button1, anchor);
       mount_component(logouticon, button1, null);
-      append(button1, t4);
+      append(button1, t5);
       current = true;
       if (!mounted) {
         dispose = [
@@ -6653,7 +6813,7 @@ function create_fragment$V(ctx) {
             button0,
             "click",
             /*click_handler_1*/
-            ctx[8]
+            ctx[9]
           ),
           listen(
             button1,
@@ -6675,7 +6835,7 @@ function create_fragment$V(ctx) {
             transition_in(if_block0, 1);
           }
         } else {
-          if_block0 = create_if_block_1$k(ctx2);
+          if_block0 = create_if_block_2$g(ctx2);
           if_block0.c();
           transition_in(if_block0, 1);
           if_block0.m(t0.parentNode, t0);
@@ -6697,8 +6857,10 @@ function create_fragment$V(ctx) {
           ctx2[0] === "changePassword"
         );
       }
-      if (show_if)
+      if (show_if_1)
         if_block1.p(ctx2, dirty);
+      if (show_if)
+        if_block2.p(ctx2, dirty);
     },
     i(local) {
       if (current)
@@ -6706,6 +6868,7 @@ function create_fragment$V(ctx) {
       transition_in(if_block0);
       transition_in(securityicon.$$.fragment, local);
       transition_in(if_block1);
+      transition_in(if_block2);
       transition_in(logouticon.$$.fragment, local);
       current = true;
     },
@@ -6713,6 +6876,7 @@ function create_fragment$V(ctx) {
       transition_out(if_block0);
       transition_out(securityicon.$$.fragment, local);
       transition_out(if_block1);
+      transition_out(if_block2);
       transition_out(logouticon.$$.fragment, local);
       current = false;
     },
@@ -6730,6 +6894,10 @@ function create_fragment$V(ctx) {
         if_block1.d(detaching);
       if (detaching)
         detach(t3);
+      if (if_block2)
+        if_block2.d(detaching);
+      if (detaching)
+        detach(t4);
       if (detaching)
         detach(button1);
       destroy_component(logouticon);
@@ -6738,7 +6906,7 @@ function create_fragment$V(ctx) {
     }
   };
 }
-function instance$v($$self, $$props, $$invalidate) {
+function instance$w($$self, $$props, $$invalidate) {
   let { member } = $$props;
   let { onSuccessLogout } = $$props;
   let { displayProfile } = $$props;
@@ -6769,20 +6937,25 @@ function instance$v($$self, $$props, $$invalidate) {
     });
   }
   function showPlansNavButton() {
-    return member.stripeCustomerId || member.planConnections.some((plan) => plan.type === "FREE");
+    return member.stripeCustomerId || member.planConnections.some((plan) => plan.type === "FREE") || member.teams.joinedTeams.length > 0;
+  }
+  function showTeamNavButton() {
+    var _a;
+    return ((_a = member.teams) == null ? void 0 : _a.ownedTeams.length) > 0;
   }
   const click_handler = () => $$invalidate(0, displayProfile = "profile");
   const click_handler_1 = () => $$invalidate(0, displayProfile = "security");
   const click_handler_2 = () => $$invalidate(0, displayProfile = "plans");
+  const click_handler_3 = () => $$invalidate(0, displayProfile = "team");
   $$self.$$set = ($$props2) => {
     if ("member" in $$props2)
-      $$invalidate(4, member = $$props2.member);
+      $$invalidate(5, member = $$props2.member);
     if ("onSuccessLogout" in $$props2)
-      $$invalidate(5, onSuccessLogout = $$props2.onSuccessLogout);
+      $$invalidate(6, onSuccessLogout = $$props2.onSuccessLogout);
     if ("displayProfile" in $$props2)
       $$invalidate(0, displayProfile = $$props2.displayProfile);
     if ("profileLoader" in $$props2)
-      $$invalidate(6, profileLoader = $$props2.profileLoader);
+      $$invalidate(7, profileLoader = $$props2.profileLoader);
     if ("hideProfileSection" in $$props2)
       $$invalidate(1, hideProfileSection2 = $$props2.hideProfileSection);
   };
@@ -6791,27 +6964,29 @@ function instance$v($$self, $$props, $$invalidate) {
     hideProfileSection2,
     logout,
     showPlansNavButton,
+    showTeamNavButton,
     member,
     onSuccessLogout,
     profileLoader,
     click_handler,
     click_handler_1,
-    click_handler_2
+    click_handler_2,
+    click_handler_3
   ];
 }
 var ProfileModalNav = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$v, create_fragment$V, safe_not_equal, {
-      member: 4,
-      onSuccessLogout: 5,
+    init(this, options, instance$w, create_fragment$X, safe_not_equal, {
+      member: 5,
+      onSuccessLogout: 6,
       displayProfile: 0,
-      profileLoader: 6,
+      profileLoader: 7,
       hideProfileSection: 1
     });
   }
 };
-function create_fragment$U(ctx) {
+function create_fragment$W(ctx) {
   let svg;
   let path;
   return {
@@ -6842,10 +7017,10 @@ function create_fragment$U(ctx) {
 var ProfileDefaultImage = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$U, safe_not_equal, {});
+    init(this, options, null, create_fragment$W, safe_not_equal, {});
   }
 };
-function create_fragment$T(ctx) {
+function create_fragment$V(ctx) {
   let svg;
   let g;
   let path0;
@@ -6890,17 +7065,17 @@ function create_fragment$T(ctx) {
 var UploadIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$T, safe_not_equal, {});
+    init(this, options, null, create_fragment$V, safe_not_equal, {});
   }
 };
-function get_each_context$a(ctx, list, i) {
+function get_each_context$b(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[10] = list[i];
   child_ctx[11] = list;
   child_ctx[12] = i;
   return child_ctx;
 }
-function create_else_block_1$4(ctx) {
+function create_else_block_1$5(ctx) {
   let profiledefaultimage;
   let current;
   profiledefaultimage = new ProfileDefaultImage({});
@@ -6928,7 +7103,7 @@ function create_else_block_1$4(ctx) {
     }
   };
 }
-function create_if_block_2$e(ctx) {
+function create_if_block_2$f(ctx) {
   let img;
   let img_src_value;
   return {
@@ -6957,7 +7132,7 @@ function create_if_block_2$e(ctx) {
     }
   };
 }
-function create_else_block$b(ctx) {
+function create_else_block$c(ctx) {
   let t;
   return {
     c() {
@@ -6972,7 +7147,7 @@ function create_else_block$b(ctx) {
     }
   };
 }
-function create_if_block_1$j(ctx) {
+function create_if_block_1$k(ctx) {
   let t;
   return {
     c() {
@@ -6987,7 +7162,7 @@ function create_if_block_1$j(ctx) {
     }
   };
 }
-function create_if_block$p(ctx) {
+function create_if_block$q(ctx) {
   let div1;
   let div0;
   let label;
@@ -7112,11 +7287,11 @@ function create_if_block$p(ctx) {
     }
   };
 }
-function create_each_block$a(ctx) {
+function create_each_block$b(ctx) {
   let if_block_anchor;
   let if_block = (
     /*customField*/
-    ctx[10].hidden !== true && create_if_block$p(ctx)
+    ctx[10].hidden !== true && create_if_block$q(ctx)
   );
   return {
     c() {
@@ -7137,7 +7312,7 @@ function create_each_block$a(ctx) {
         if (if_block) {
           if_block.p(ctx2, dirty);
         } else {
-          if_block = create_if_block$p(ctx2);
+          if_block = create_if_block$q(ctx2);
           if_block.c();
           if_block.m(if_block_anchor.parentNode, if_block_anchor);
         }
@@ -7154,7 +7329,7 @@ function create_each_block$a(ctx) {
     }
   };
 }
-function create_fragment$S(ctx) {
+function create_fragment$U(ctx) {
   let div1;
   let h2;
   let t1;
@@ -7175,7 +7350,7 @@ function create_fragment$S(ctx) {
   let current;
   let mounted;
   let dispose;
-  const if_block_creators = [create_if_block_2$e, create_else_block_1$4];
+  const if_block_creators = [create_if_block_2$f, create_else_block_1$5];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (
@@ -7191,8 +7366,8 @@ function create_fragment$S(ctx) {
   function select_block_type_1(ctx2, dirty) {
     if (!/*member*/
     ctx2[0].profileImage)
-      return create_if_block_1$j;
-    return create_else_block$b;
+      return create_if_block_1$k;
+    return create_else_block$c;
   }
   let current_block_type = select_block_type_1(ctx);
   let if_block1 = current_block_type(ctx);
@@ -7202,7 +7377,7 @@ function create_fragment$S(ctx) {
   );
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
-    each_blocks[i] = create_each_block$a(get_each_context$a(ctx, each_value, i));
+    each_blocks[i] = create_each_block$b(get_each_context$b(ctx, each_value, i));
   }
   return {
     c() {
@@ -7325,11 +7500,11 @@ function create_fragment$S(ctx) {
         ctx2[1];
         let i;
         for (i = 0; i < each_value.length; i += 1) {
-          const child_ctx = get_each_context$a(ctx2, each_value, i);
+          const child_ctx = get_each_context$b(ctx2, each_value, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
           } else {
-            each_blocks[i] = create_each_block$a(child_ctx);
+            each_blocks[i] = create_each_block$b(child_ctx);
             each_blocks[i].c();
             each_blocks[i].m(form, null);
           }
@@ -7372,7 +7547,7 @@ function create_fragment$S(ctx) {
     }
   };
 }
-function instance$u($$self, $$props, $$invalidate) {
+function instance$v($$self, $$props, $$invalidate) {
   let { customFields } = $$props;
   let { member } = $$props;
   let { profileLoader } = $$props;
@@ -7475,14 +7650,14 @@ function instance$u($$self, $$props, $$invalidate) {
 var ProfileInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$u, create_fragment$S, safe_not_equal, {
+    init(this, options, instance$v, create_fragment$U, safe_not_equal, {
       customFields: 1,
       member: 0,
       profileLoader: 5
     });
   }
 };
-function create_fragment$R(ctx) {
+function create_fragment$T(ctx) {
   let svg;
   let path;
   return {
@@ -7511,15 +7686,15 @@ function create_fragment$R(ctx) {
 var PasswordLockIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$R, safe_not_equal, {});
+    init(this, options, null, create_fragment$T, safe_not_equal, {});
   }
 };
-function get_each_context$9(ctx, list, i) {
+function get_each_context$a(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[16] = list[i];
   return child_ctx;
 }
-function create_else_block_1$3(ctx) {
+function create_else_block_1$4(ctx) {
   let t;
   return {
     c() {
@@ -7534,7 +7709,7 @@ function create_else_block_1$3(ctx) {
     }
   };
 }
-function create_if_block_2$d(ctx) {
+function create_if_block_2$e(ctx) {
   let t;
   return {
     c() {
@@ -7549,7 +7724,7 @@ function create_if_block_2$d(ctx) {
     }
   };
 }
-function create_if_block$o(ctx) {
+function create_if_block$p(ctx) {
   let p;
   let t1;
   let div;
@@ -7564,9 +7739,9 @@ function create_if_block$o(ctx) {
     ctx2[16].provider
   );
   for (let i = 0; i < each_value.length; i += 1) {
-    let child_ctx = get_each_context$9(ctx, each_value, i);
+    let child_ctx = get_each_context$a(ctx, each_value, i);
     let key = get_key(child_ctx);
-    each_1_lookup.set(key, each_blocks[i] = create_each_block$9(key, child_ctx));
+    each_1_lookup.set(key, each_blocks[i] = create_each_block$a(key, child_ctx));
   }
   return {
     c() {
@@ -7595,7 +7770,7 @@ function create_if_block$o(ctx) {
       210) {
         each_value = /*$app*/
         ctx2[4].authProviders;
-        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, destroy_block, create_each_block$9, null, get_each_context$9);
+        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, destroy_block, create_each_block$a, null, get_each_context$a);
       }
     },
     d(detaching) {
@@ -7611,7 +7786,7 @@ function create_if_block$o(ctx) {
     }
   };
 }
-function create_else_block$a(ctx) {
+function create_else_block$b(ctx) {
   let button;
   let img;
   let img_src_value;
@@ -7688,7 +7863,7 @@ function create_else_block$a(ctx) {
     }
   };
 }
-function create_if_block_1$i(ctx) {
+function create_if_block_1$j(ctx) {
   let button;
   let img;
   let img_src_value;
@@ -7766,7 +7941,7 @@ function create_if_block_1$i(ctx) {
     }
   };
 }
-function create_each_block$9(key_1, ctx) {
+function create_each_block$a(key_1, ctx) {
   let div;
   let show_if;
   let t;
@@ -7788,8 +7963,8 @@ function create_each_block$9(key_1, ctx) {
       show_if = !!/*member*/
       ctx2[1].auth.providers.some(func2);
     if (show_if)
-      return create_if_block_1$i;
-    return create_else_block$a;
+      return create_if_block_1$j;
+    return create_else_block$b;
   }
   let current_block_type = select_block_type_1(ctx, -1);
   let if_block = current_block_type(ctx);
@@ -7828,7 +8003,7 @@ function create_each_block$9(key_1, ctx) {
     }
   };
 }
-function create_fragment$Q(ctx) {
+function create_fragment$S(ctx) {
   let div1;
   let h2;
   let t1;
@@ -7881,14 +8056,14 @@ function create_fragment$Q(ctx) {
   function select_block_type(ctx2, dirty) {
     if (!/*member*/
     ctx2[1].auth.hasPassword)
-      return create_if_block_2$d;
-    return create_else_block_1$3;
+      return create_if_block_2$e;
+    return create_else_block_1$4;
   }
   let current_block_type = select_block_type(ctx);
   let if_block0 = current_block_type(ctx);
   let if_block1 = (
     /*$app*/
-    ctx[4].authProviders.length > 0 && create_if_block$o(ctx)
+    ctx[4].authProviders.length > 0 && create_if_block$p(ctx)
   );
   return {
     c() {
@@ -8014,7 +8189,7 @@ function create_fragment$Q(ctx) {
         if (if_block1) {
           if_block1.p(ctx2, dirty);
         } else {
-          if_block1 = create_if_block$o(ctx2);
+          if_block1 = create_if_block$p(ctx2);
           if_block1.c();
           if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
         }
@@ -8060,7 +8235,7 @@ function create_fragment$Q(ctx) {
     }
   };
 }
-function instance$t($$self, $$props, $$invalidate) {
+function instance$u($$self, $$props, $$invalidate) {
   let $app;
   component_subscribe($$self, AppStore, ($$value) => $$invalidate(4, $app = $$value));
   let { displayProfile } = $$props;
@@ -8169,7 +8344,7 @@ function instance$t($$self, $$props, $$invalidate) {
 var SecurityInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$t, create_fragment$Q, safe_not_equal, {
+    init(this, options, instance$u, create_fragment$S, safe_not_equal, {
       displayProfile: 0,
       member: 1,
       emailValue: 2,
@@ -8177,7 +8352,7 @@ var SecurityInfoContent = class extends SvelteComponent {
     });
   }
 };
-function create_else_block$9(ctx) {
+function create_else_block$a(ctx) {
   let t;
   return {
     c() {
@@ -8192,7 +8367,7 @@ function create_else_block$9(ctx) {
     }
   };
 }
-function create_if_block_1$h(ctx) {
+function create_if_block_1$i(ctx) {
   let t;
   return {
     c() {
@@ -8207,7 +8382,7 @@ function create_if_block_1$h(ctx) {
     }
   };
 }
-function create_if_block$n(ctx) {
+function create_if_block$o(ctx) {
   let passwordinput;
   let updating_passwordValue;
   let updating_passwordInputValid;
@@ -8280,7 +8455,7 @@ function create_if_block$n(ctx) {
     }
   };
 }
-function create_fragment$P(ctx) {
+function create_fragment$R(ctx) {
   let div3;
   let div1;
   let div0;
@@ -8310,14 +8485,14 @@ function create_fragment$P(ctx) {
   function select_block_type(ctx2, dirty) {
     if (!/*member*/
     ctx2[1].auth.hasPassword)
-      return create_if_block_1$h;
-    return create_else_block$9;
+      return create_if_block_1$i;
+    return create_else_block$a;
   }
   let current_block_type = select_block_type(ctx);
   let if_block0 = current_block_type(ctx);
   let if_block1 = (
     /*member*/
-    ctx[1].auth.hasPassword && create_if_block$n(ctx)
+    ctx[1].auth.hasPassword && create_if_block$o(ctx)
   );
   function passwordinput0_passwordValue_binding(value) {
     ctx[13](value);
@@ -8483,7 +8658,7 @@ function create_fragment$P(ctx) {
             transition_in(if_block1, 1);
           }
         } else {
-          if_block1 = create_if_block$n(ctx2);
+          if_block1 = create_if_block$o(ctx2);
           if_block1.c();
           transition_in(if_block1, 1);
           if_block1.m(form, t4);
@@ -8562,7 +8737,7 @@ function create_fragment$P(ctx) {
     }
   };
 }
-function instance$s($$self, $$props, $$invalidate) {
+function instance$t($$self, $$props, $$invalidate) {
   let { displayProfile } = $$props;
   let { profileLoader } = $$props;
   let { member } = $$props;
@@ -8659,7 +8834,7 @@ function instance$s($$self, $$props, $$invalidate) {
 var PasswordInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$s, create_fragment$P, safe_not_equal, {
+    init(this, options, instance$t, create_fragment$R, safe_not_equal, {
       displayProfile: 0,
       profileLoader: 9,
       member: 1
@@ -8699,7 +8874,7 @@ function slide(node, { delay = 0, duration = 400, easing = cubicOut, axis = "y"
     css: (t) => `overflow: hidden;opacity: ${Math.min(t * 20, 1) * opacity};${primary_property}: ${t * primary_property_value}px;padding-${secondary_properties[0]}: ${t * padding_start_value}px;padding-${secondary_properties[1]}: ${t * padding_end_value}px;margin-${secondary_properties[0]}: ${t * margin_start_value}px;margin-${secondary_properties[1]}: ${t * margin_end_value}px;border-${secondary_properties[0]}-width: ${t * border_width_start_value}px;border-${secondary_properties[1]}-width: ${t * border_width_end_value}px;`
   };
 }
-function create_fragment$O(ctx) {
+function create_fragment$Q(ctx) {
   let div;
   let loadingicon;
   let div_transition;
@@ -8749,10 +8924,10 @@ function create_fragment$O(ctx) {
 var ProfileLoader = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$O, safe_not_equal, {});
+    init(this, options, null, create_fragment$Q, safe_not_equal, {});
   }
 };
-function create_fragment$N(ctx) {
+function create_fragment$P(ctx) {
   let button;
   let switch_instance0;
   let t0;
@@ -8918,7 +9093,7 @@ function create_fragment$N(ctx) {
     }
   };
 }
-function instance$r($$self, $$props, $$invalidate) {
+function instance$s($$self, $$props, $$invalidate) {
   const omit_props_names = ["buttonText", "buttonRightIcon", "buttonLeftIcon", "onClick"];
   let $$restProps = compute_rest_props($$props, omit_props_names);
   let $app;
@@ -8949,7 +9124,7 @@ function instance$r($$self, $$props, $$invalidate) {
 var RegularButton = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$r, create_fragment$N, safe_not_equal, {
+    init(this, options, instance$s, create_fragment$P, safe_not_equal, {
       buttonText: 0,
       buttonRightIcon: 1,
       buttonLeftIcon: 2,
@@ -8957,7 +9132,7 @@ var RegularButton = class extends SvelteComponent {
     });
   }
 };
-function create_fragment$M(ctx) {
+function create_fragment$O(ctx) {
   let button;
   let t;
   let button_class_value;
@@ -9027,7 +9202,7 @@ function create_fragment$M(ctx) {
     }
   };
 }
-function instance$q($$self, $$props, $$invalidate) {
+function instance$r($$self, $$props, $$invalidate) {
   const omit_props_names = ["buttonText", "onClick"];
   let $$restProps = compute_rest_props($$props, omit_props_names);
   let $app;
@@ -9052,16 +9227,21 @@ function instance$q($$self, $$props, $$invalidate) {
 var TextButton = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$q, create_fragment$M, safe_not_equal, { buttonText: 0, onClick: 1 });
+    init(this, options, instance$r, create_fragment$O, safe_not_equal, { buttonText: 0, onClick: 1 });
   }
 };
-function get_each_context$8(ctx, list, i) {
+function get_each_context$9(ctx, list, i) {
   const child_ctx = ctx.slice();
-  child_ctx[8] = list[i];
-  child_ctx[10] = i;
+  child_ctx[11] = list[i];
+  child_ctx[13] = i;
   return child_ctx;
 }
-function create_if_block_2$c(ctx) {
+function get_each_context_1$4(ctx, list, i) {
+  const child_ctx = ctx.slice();
+  child_ctx[14] = list[i];
+  return child_ctx;
+}
+function create_if_block_3$9(ctx) {
   let div;
   let regularbutton;
   let current;
@@ -9069,7 +9249,7 @@ function create_if_block_2$c(ctx) {
     props: {
       onClick: (
         /*launchPortal*/
-        ctx[3]
+        ctx[4]
       ),
       class: "ms-modal__regular-button--margin-right ms-modal__regular-button--left-icon",
       buttonText: "Manage Subscriptions",
@@ -9106,18 +9286,18 @@ function create_if_block_2$c(ctx) {
     }
   };
 }
-function create_if_block_1$g(ctx) {
+function create_if_block_2$d(ctx) {
   let h3;
   let t1;
   let each_1_anchor;
   let current;
-  let each_value = (
-    /*freePlanConnections*/
+  let each_value_1 = (
+    /*joinedTeams*/
     ctx[1]
   );
   let each_blocks = [];
-  for (let i = 0; i < each_value.length; i += 1) {
-    each_blocks[i] = create_each_block$8(get_each_context$8(ctx, each_value, i));
+  for (let i = 0; i < each_value_1.length; i += 1) {
+    each_blocks[i] = create_each_block_1$4(get_each_context_1$4(ctx, each_value_1, i));
   }
   const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
     each_blocks[i] = null;
@@ -9125,7 +9305,7 @@ function create_if_block_1$g(ctx) {
   return {
     c() {
       h3 = element("h3");
-      h3.textContent = "Free Plans";
+      h3.textContent = "Team Plans";
       t1 = space();
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
@@ -9144,25 +9324,25 @@ function create_if_block_1$g(ctx) {
       current = true;
     },
     p(ctx2, dirty) {
-      if (dirty & /*removeFreePlan, freePlanConnections, $app*/
-      22) {
-        each_value = /*freePlanConnections*/
+      if (dirty & /*removeMemberFromTeam, joinedTeams, member*/
+      67) {
+        each_value_1 = /*joinedTeams*/
         ctx2[1];
         let i;
-        for (i = 0; i < each_value.length; i += 1) {
-          const child_ctx = get_each_context$8(ctx2, each_value, i);
+        for (i = 0; i < each_value_1.length; i += 1) {
+          const child_ctx = get_each_context_1$4(ctx2, each_value_1, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
             transition_in(each_blocks[i], 1);
           } else {
-            each_blocks[i] = create_each_block$8(child_ctx);
+            each_blocks[i] = create_each_block_1$4(child_ctx);
             each_blocks[i].c();
             transition_in(each_blocks[i], 1);
             each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
           }
         }
         group_outros();
-        for (i = each_value.length; i < each_blocks.length; i += 1) {
+        for (i = each_value_1.length; i < each_blocks.length; i += 1) {
           out(i);
         }
         check_outros();
@@ -9171,7 +9351,7 @@ function create_if_block_1$g(ctx) {
     i(local) {
       if (current)
         return;
-      for (let i = 0; i < each_value.length; i += 1) {
+      for (let i = 0; i < each_value_1.length; i += 1) {
         transition_in(each_blocks[i]);
       }
       current = true;
@@ -9194,40 +9374,30 @@ function create_if_block_1$g(ctx) {
     }
   };
 }
-function create_each_block$8(ctx) {
+function create_each_block_1$4(ctx) {
   let div1;
   let div0;
   let b;
   let t0_value = (
-    /*$app*/
-    ctx[2].plans.find(func2).name + ""
+    /*team*/
+    ctx[14].planName + ""
   );
   let t0;
   let t1;
   let textbutton;
   let t2;
   let current;
-  function func2(...args) {
+  function func2() {
     return (
       /*func*/
-      ctx[6](
-        /*memberPlan*/
-        ctx[8],
-        ...args
-      )
-    );
-  }
-  function func_12() {
-    return (
-      /*func_1*/
-      ctx[7](
-        /*memberPlan*/
-        ctx[8]
+      ctx[8](
+        /*team*/
+        ctx[14]
       )
     );
   }
   textbutton = new TextButton({
-    props: { buttonText: "Remove", onClick: func_12 }
+    props: { buttonText: "Leave Team", onClick: func2 }
   });
   return {
     c() {
@@ -9252,14 +9422,14 @@ function create_each_block$8(ctx) {
     },
     p(new_ctx, dirty) {
       ctx = new_ctx;
-      if ((!current || dirty & /*$app, freePlanConnections*/
-      6) && t0_value !== (t0_value = /*$app*/
-      ctx[2].plans.find(func2).name + ""))
+      if ((!current || dirty & /*joinedTeams*/
+      2) && t0_value !== (t0_value = /*team*/
+      ctx[14].planName + ""))
         set_data(t0, t0_value);
       const textbutton_changes = {};
-      if (dirty & /*freePlanConnections*/
-      2)
-        textbutton_changes.onClick = func_12;
+      if (dirty & /*joinedTeams, member*/
+      3)
+        textbutton_changes.onClick = func2;
       textbutton.$set(textbutton_changes);
     },
     i(local) {
@@ -9279,40 +9449,218 @@ function create_each_block$8(ctx) {
     }
   };
 }
-function create_if_block$m(ctx) {
-  let div;
-  return {
-    c() {
-      div = element("div");
-      div.textContent = "You currently have no plans.";
-    },
-    m(target, anchor) {
-      insert(target, div, anchor);
-    },
+function create_if_block_1$h(ctx) {
+  let h3;
+  let t1;
+  let each_1_anchor;
+  let current;
+  let each_value = (
+    /*freePlanConnections*/
+    ctx[2]
+  );
+  let each_blocks = [];
+  for (let i = 0; i < each_value.length; i += 1) {
+    each_blocks[i] = create_each_block$9(get_each_context$9(ctx, each_value, i));
+  }
+  const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
+    each_blocks[i] = null;
+  });
+  return {
+    c() {
+      h3 = element("h3");
+      h3.textContent = "Free Plans";
+      t1 = space();
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].c();
+      }
+      each_1_anchor = empty();
+    },
+    m(target, anchor) {
+      insert(target, h3, anchor);
+      insert(target, t1, anchor);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        if (each_blocks[i]) {
+          each_blocks[i].m(target, anchor);
+        }
+      }
+      insert(target, each_1_anchor, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*removeFreePlan, freePlanConnections, $app*/
+      44) {
+        each_value = /*freePlanConnections*/
+        ctx2[2];
+        let i;
+        for (i = 0; i < each_value.length; i += 1) {
+          const child_ctx = get_each_context$9(ctx2, each_value, i);
+          if (each_blocks[i]) {
+            each_blocks[i].p(child_ctx, dirty);
+            transition_in(each_blocks[i], 1);
+          } else {
+            each_blocks[i] = create_each_block$9(child_ctx);
+            each_blocks[i].c();
+            transition_in(each_blocks[i], 1);
+            each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+          }
+        }
+        group_outros();
+        for (i = each_value.length; i < each_blocks.length; i += 1) {
+          out(i);
+        }
+        check_outros();
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      for (let i = 0; i < each_value.length; i += 1) {
+        transition_in(each_blocks[i]);
+      }
+      current = true;
+    },
+    o(local) {
+      each_blocks = each_blocks.filter(Boolean);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        transition_out(each_blocks[i]);
+      }
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(h3);
+      if (detaching)
+        detach(t1);
+      destroy_each(each_blocks, detaching);
+      if (detaching)
+        detach(each_1_anchor);
+    }
+  };
+}
+function create_each_block$9(ctx) {
+  let div1;
+  let div0;
+  let b;
+  let t0_value = (
+    /*$app*/
+    ctx[3].plans.find(func_12).name + ""
+  );
+  let t0;
+  let t1;
+  let textbutton;
+  let t2;
+  let current;
+  function func_12(...args) {
+    return (
+      /*func_1*/
+      ctx[9](
+        /*memberPlan*/
+        ctx[11],
+        ...args
+      )
+    );
+  }
+  function func_22() {
+    return (
+      /*func_2*/
+      ctx[10](
+        /*memberPlan*/
+        ctx[11]
+      )
+    );
+  }
+  textbutton = new TextButton({
+    props: { buttonText: "Remove", onClick: func_22 }
+  });
+  return {
+    c() {
+      div1 = element("div");
+      div0 = element("div");
+      b = element("b");
+      t0 = text(t0_value);
+      t1 = space();
+      create_component(textbutton.$$.fragment);
+      t2 = space();
+      attr(div1, "class", "ms-modal__card");
+    },
+    m(target, anchor) {
+      insert(target, div1, anchor);
+      append(div1, div0);
+      append(div0, b);
+      append(b, t0);
+      append(div1, t1);
+      mount_component(textbutton, div1, null);
+      append(div1, t2);
+      current = true;
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+      if ((!current || dirty & /*$app, freePlanConnections*/
+      12) && t0_value !== (t0_value = /*$app*/
+      ctx[3].plans.find(func_12).name + ""))
+        set_data(t0, t0_value);
+      const textbutton_changes = {};
+      if (dirty & /*freePlanConnections*/
+      4)
+        textbutton_changes.onClick = func_22;
+      textbutton.$set(textbutton_changes);
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(textbutton.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(textbutton.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div1);
+      destroy_component(textbutton);
+    }
+  };
+}
+function create_if_block$n(ctx) {
+  let div;
+  return {
+    c() {
+      div = element("div");
+      div.textContent = "You currently have free no plans.";
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+    },
     d(detaching) {
       if (detaching)
         detach(div);
     }
   };
 }
-function create_fragment$L(ctx) {
+function create_fragment$N(ctx) {
   let div;
   let t1;
   let t2;
   let t3;
-  let if_block2_anchor;
+  let t4;
+  let if_block3_anchor;
   let current;
   let if_block0 = (
     /*member*/
-    ctx[0].stripeCustomerId && create_if_block_2$c(ctx)
+    ctx[0].stripeCustomerId && create_if_block_3$9(ctx)
   );
   let if_block1 = (
+    /*joinedTeams*/
+    ctx[1].length > 0 && create_if_block_2$d(ctx)
+  );
+  let if_block2 = (
     /*freePlanConnections*/
-    ctx[1].length > 0 && create_if_block_1$g(ctx)
+    ctx[2].length > 0 && create_if_block_1$h(ctx)
   );
-  let if_block2 = !/*member*/
+  let if_block3 = !/*member*/
   ctx[0].stripeCustomerId && /*freePlanConnections*/
-  ctx[1].length === 0 && create_if_block$m();
+  ctx[2].length === 0 && create_if_block$n();
   return {
     c() {
       div = element("div");
@@ -9326,7 +9674,10 @@ function create_fragment$L(ctx) {
       t3 = space();
       if (if_block2)
         if_block2.c();
-      if_block2_anchor = empty();
+      t4 = space();
+      if (if_block3)
+        if_block3.c();
+      if_block3_anchor = empty();
       attr(div, "class", "ms-modal__title-container");
     },
     m(target, anchor) {
@@ -9335,166 +9686,1288 @@ function create_fragment$L(ctx) {
       if (if_block0)
         if_block0.m(target, anchor);
       insert(target, t2, anchor);
-      if (if_block1)
-        if_block1.m(target, anchor);
-      insert(target, t3, anchor);
-      if (if_block2)
-        if_block2.m(target, anchor);
-      insert(target, if_block2_anchor, anchor);
+      if (if_block1)
+        if_block1.m(target, anchor);
+      insert(target, t3, anchor);
+      if (if_block2)
+        if_block2.m(target, anchor);
+      insert(target, t4, anchor);
+      if (if_block3)
+        if_block3.m(target, anchor);
+      insert(target, if_block3_anchor, anchor);
+      current = true;
+    },
+    p(ctx2, [dirty]) {
+      if (
+        /*member*/
+        ctx2[0].stripeCustomerId
+      ) {
+        if (if_block0) {
+          if_block0.p(ctx2, dirty);
+          if (dirty & /*member*/
+          1) {
+            transition_in(if_block0, 1);
+          }
+        } else {
+          if_block0 = create_if_block_3$9(ctx2);
+          if_block0.c();
+          transition_in(if_block0, 1);
+          if_block0.m(t2.parentNode, t2);
+        }
+      } else if (if_block0) {
+        group_outros();
+        transition_out(if_block0, 1, 1, () => {
+          if_block0 = null;
+        });
+        check_outros();
+      }
+      if (
+        /*joinedTeams*/
+        ctx2[1].length > 0
+      ) {
+        if (if_block1) {
+          if_block1.p(ctx2, dirty);
+          if (dirty & /*joinedTeams*/
+          2) {
+            transition_in(if_block1, 1);
+          }
+        } else {
+          if_block1 = create_if_block_2$d(ctx2);
+          if_block1.c();
+          transition_in(if_block1, 1);
+          if_block1.m(t3.parentNode, t3);
+        }
+      } else if (if_block1) {
+        group_outros();
+        transition_out(if_block1, 1, 1, () => {
+          if_block1 = null;
+        });
+        check_outros();
+      }
+      if (
+        /*freePlanConnections*/
+        ctx2[2].length > 0
+      ) {
+        if (if_block2) {
+          if_block2.p(ctx2, dirty);
+          if (dirty & /*freePlanConnections*/
+          4) {
+            transition_in(if_block2, 1);
+          }
+        } else {
+          if_block2 = create_if_block_1$h(ctx2);
+          if_block2.c();
+          transition_in(if_block2, 1);
+          if_block2.m(t4.parentNode, t4);
+        }
+      } else if (if_block2) {
+        group_outros();
+        transition_out(if_block2, 1, 1, () => {
+          if_block2 = null;
+        });
+        check_outros();
+      }
+      if (!/*member*/
+      ctx2[0].stripeCustomerId && /*freePlanConnections*/
+      ctx2[2].length === 0) {
+        if (if_block3)
+          ;
+        else {
+          if_block3 = create_if_block$n();
+          if_block3.c();
+          if_block3.m(if_block3_anchor.parentNode, if_block3_anchor);
+        }
+      } else if (if_block3) {
+        if_block3.d(1);
+        if_block3 = null;
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(if_block0);
+      transition_in(if_block1);
+      transition_in(if_block2);
+      current = true;
+    },
+    o(local) {
+      transition_out(if_block0);
+      transition_out(if_block1);
+      transition_out(if_block2);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div);
+      if (detaching)
+        detach(t1);
+      if (if_block0)
+        if_block0.d(detaching);
+      if (detaching)
+        detach(t2);
+      if (if_block1)
+        if_block1.d(detaching);
+      if (detaching)
+        detach(t3);
+      if (if_block2)
+        if_block2.d(detaching);
+      if (detaching)
+        detach(t4);
+      if (if_block3)
+        if_block3.d(detaching);
+      if (detaching)
+        detach(if_block3_anchor);
+    }
+  };
+}
+function instance$q($$self, $$props, $$invalidate) {
+  let freePlanConnections;
+  let joinedTeams;
+  let $app;
+  component_subscribe($$self, AppStore, ($$value) => $$invalidate(3, $app = $$value));
+  let { profileLoader } = $$props;
+  let { member } = $$props;
+  function launchPortal(e) {
+    return __async(this, null, function* () {
+      $$invalidate(7, profileLoader = true);
+      yield window.$memberstackDom.launchStripeCustomerPortal({ priceIds: [], autoRedirect: true });
+    });
+  }
+  function removeFreePlan(planId) {
+    return __async(this, null, function* () {
+      $$invalidate(7, profileLoader = true);
+      try {
+        yield window.$memberstackDom.removePlan({ planId });
+        $$invalidate(0, member.planConnections = member.planConnections.filter((plan) => plan.planId !== planId), member);
+      } catch (err) {
+        console.log(err);
+        window.$memberstackDom._showMessage(err.message, true);
+      } finally {
+        $$invalidate(7, profileLoader = false);
+      }
+    });
+  }
+  function removeMemberFromTeam(teamId, memberId) {
+    return __async(this, null, function* () {
+      try {
+        yield window.$memberstackDom.removeMemberFromTeam({ teamId, memberId });
+        $$invalidate(0, member.teams.joinedTeams = member.teams.joinedTeams.filter((t) => t.teamId !== teamId), member);
+      } catch (err) {
+        window.$memberstackDom._showMessage(err.message, true);
+      }
+    });
+  }
+  const func2 = (team) => removeMemberFromTeam(team.teamId, member.id);
+  const func_12 = (memberPlan, plan) => plan.id === memberPlan.planId;
+  const func_22 = (memberPlan) => removeFreePlan(memberPlan.planId);
+  $$self.$$set = ($$props2) => {
+    if ("profileLoader" in $$props2)
+      $$invalidate(7, profileLoader = $$props2.profileLoader);
+    if ("member" in $$props2)
+      $$invalidate(0, member = $$props2.member);
+  };
+  $$self.$$.update = () => {
+    var _a;
+    if ($$self.$$.dirty & /*member*/
+    1) {
+      $$invalidate(2, freePlanConnections = member.planConnections.filter((plan) => plan.type === "FREE"));
+    }
+    if ($$self.$$.dirty & /*member*/
+    1) {
+      $$invalidate(1, joinedTeams = (_a = member.teams) == null ? void 0 : _a.joinedTeams);
+    }
+  };
+  return [
+    member,
+    joinedTeams,
+    freePlanConnections,
+    $app,
+    launchPortal,
+    removeFreePlan,
+    removeMemberFromTeam,
+    profileLoader,
+    func2,
+    func_12,
+    func_22
+  ];
+}
+var PlansInfoContent = class extends SvelteComponent {
+  constructor(options) {
+    super();
+    init(this, options, instance$q, create_fragment$N, safe_not_equal, { profileLoader: 7, member: 0 });
+  }
+};
+function add_css$k(target) {
+  append_styles(target, "svelte-c6ihgv", "svg.svelte-c6ihgv{fill:currentColor}");
+}
+function create_fragment$M(ctx) {
+  let svg;
+  let path;
+  return {
+    c() {
+      svg = svg_element("svg");
+      path = svg_element("path");
+      attr(path, "d", "M226.783-133.782q-38.363 0-65.682-27.319-27.319-27.319-27.319-65.682v-506.434q0-38.363 27.319-65.682 27.319-27.319 65.682-27.319h151.521q10.391-32.696 37.688-53.261 27.296-20.566 64.008-20.566 34.326 0 62.283 20.566 27.957 20.565 38.913 53.261h152.021q38.363 0 65.682 27.319 27.319 27.319 27.319 65.682v506.434q0 38.363-27.319 65.682-27.319 27.319-65.682 27.319H226.783Zm0-93.001h506.434v-506.434h-63.043v75.043q0 18.887-13.807 32.694-13.807 13.807-32.694 13.807H336.327q-18.887 0-32.694-13.807-13.807-13.807-13.807-32.694v-75.043h-63.043v506.434Zm253.006-518.913q13.711 0 23.711-9.789 10-9.79 10-23.5 0-13.711-9.789-23.711-9.79-10-23.5-10-13.711 0-23.711 9.79-10 9.789-10 23.5 0 13.71 9.789 23.71 9.79 10 23.5 10Z");
+      attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+      attr(svg, "height", "20");
+      attr(svg, "viewBox", "0 -960 960 960");
+      attr(svg, "width", "20");
+      attr(svg, "class", "svelte-c6ihgv");
+    },
+    m(target, anchor) {
+      insert(target, svg, anchor);
+      append(svg, path);
+    },
+    p: noop,
+    i: noop,
+    o: noop,
+    d(detaching) {
+      if (detaching)
+        detach(svg);
+    }
+  };
+}
+var CopyIcon$1 = class extends SvelteComponent {
+  constructor(options) {
+    super();
+    init(this, options, null, create_fragment$M, safe_not_equal, {}, add_css$k);
+  }
+};
+function create_fragment$L(ctx) {
+  let svg;
+  let path;
+  return {
+    c() {
+      svg = svg_element("svg");
+      path = svg_element("path");
+      attr(path, "fill", "currentColor");
+      attr(path, "d", "M109-120q-11 0-20-5.5T75-140q-5-9-5.5-19.5T75-180l370-640q6-10 15.5-15t19.5-5q10 0 19.5 5t15.5 15l370 640q6 10 5.5 20.5T885-140q-5 9-14 14.5t-20 5.5H109Zm371-120q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm0-120q17 0 28.5-11.5T520-400v-120q0-17-11.5-28.5T480-560q-17 0-28.5 11.5T440-520v120q0 17 11.5 28.5T480-360Z");
+      attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+      attr(svg, "height", "24");
+      attr(svg, "viewBox", "0 -960 960 960");
+      attr(svg, "width", "24");
+    },
+    m(target, anchor) {
+      insert(target, svg, anchor);
+      append(svg, path);
+    },
+    p: noop,
+    i: noop,
+    o: noop,
+    d(detaching) {
+      if (detaching)
+        detach(svg);
+    }
+  };
+}
+var WarningIcon$1 = class extends SvelteComponent {
+  constructor(options) {
+    super();
+    init(this, options, null, create_fragment$L, safe_not_equal, {});
+  }
+};
+function add_css$j(target) {
+  append_styles(target, "svelte-1haqb7b", ".ms-modal__title-container--teams.svelte-1haqb7b{display:flex;justify-content:flex-start;align-items:baseline;margin-bottom:24px;gap:12px}.ms-modal__title--teams.svelte-1haqb7b{margin-bottom:0px}.ms-modal__title--seats.svelte-1haqb7b{font-size:14px;line-height:1;font-weight:500;color:#5c5c5c}.ms-modal__invite-group.svelte-1haqb7b{margin-bottom:24px}.ms-modal__invite-input-group.svelte-1haqb7b{display:flex;gap:12px;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;padding:6px}.ms-modal__invite-input.svelte-1haqb7b{border:none;background:none;outline:none;width:100%;font-size:12px;padding:8px 0;text-overflow:ellipsis}.ms-modal__invite-copy-btn.svelte-1haqb7b{font-size:14px;font-weight:700;line-height:1;color:#fff;background-color:#2962ff;border-radius:4px;display:flex;align-items:center;padding:8px 12px;gap:6px}.ms-modal__invite-copy-btn svg{margin-right:4px;width:16px}.ms-modal__invite-regenerate-btn.svelte-1haqb7b{font-size:12px;font-weight:600;line-height:1;color:#2962ff;background-color:transparent;border:none;outline:none;padding:4px 0}.ms-modal__upgrade-warning.svelte-1haqb7b{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1;color:#e28c0a;background-color:#faf3e1;width:100%;text-align:left}.ms-modal__upgrade-warning-text.svelte-1haqb7b{width:100%}.ms-modal__team-member.svelte-1haqb7b{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ebebeb}.ms-modal__team-member.svelte-1haqb7b:last-child{border-bottom:none}.ms-modal__team-member-info.svelte-1haqb7b{display:flex;align-items:center}.ms-modal__team-member-image.svelte-1haqb7b{width:32px;height:32px;border-radius:50%;margin-right:10px}.ms-modal__team-member-image--initial.svelte-1haqb7b{width:32px;height:32px;border-radius:50%;border:1.33px solid #2962ff;margin-right:12px;display:flex;justify-content:center;align-items:center;background-color:#e7f1ff;color:#2962ff;font-size:18px;font-weight:500;line-height:1}.ms-modal__team-member-email.svelte-1haqb7b{font-size:14px;font-weight:500;line-height:1;color:#5c5c5c}.ms-modal__team-member-actions.svelte-1haqb7b{display:flex;align-items:center}.ms-modal__team-member-role.svelte-1haqb7b{font-size:12px;font-weight:500;line-height:1;color:#5c5c5c}.ms-modal__team-member-remove-btn.svelte-1haqb7b{font-size:12px;font-weight:600;line-height:1;color:#c8020d;background-color:transparent;border:none;outline:none;padding:4px 0;display:flex;align-items:center;margin-left:8px}.ms-modal__team-member-remove-text.svelte-1haqb7b{margin-right:8px}.ms-modal__team-member-remove-btn svg{width:10px !important}");
+}
+function get_each_context$8(ctx, list, i) {
+  const child_ctx = ctx.slice();
+  child_ctx[15] = list[i];
+  return child_ctx;
+}
+function create_if_block_5$5(ctx) {
+  var _a, _b;
+  let div;
+  let t0_value = (
+    /*teamData*/
+    ((_a = ctx[0]) == null ? void 0 : _a.members.length) + ""
+  );
+  let t0;
+  let t1;
+  let t2_value = (
+    /*teamData*/
+    ((_b = ctx[0]) == null ? void 0 : _b.maxTeamMembers) + ""
+  );
+  let t2;
+  let t3;
+  return {
+    c() {
+      div = element("div");
+      t0 = text(t0_value);
+      t1 = text("/");
+      t2 = text(t2_value);
+      t3 = text(" Seats");
+      attr(div, "class", "ms-modal__title--seats svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      append(div, t0);
+      append(div, t1);
+      append(div, t2);
+      append(div, t3);
+    },
+    p(ctx2, dirty) {
+      var _a2, _b2;
+      if (dirty & /*teamData*/
+      1 && t0_value !== (t0_value = /*teamData*/
+      ((_a2 = ctx2[0]) == null ? void 0 : _a2.members.length) + ""))
+        set_data(t0, t0_value);
+      if (dirty & /*teamData*/
+      1 && t2_value !== (t2_value = /*teamData*/
+      ((_b2 = ctx2[0]) == null ? void 0 : _b2.maxTeamMembers) + ""))
+        set_data(t2, t2_value);
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div);
+    }
+  };
+}
+function create_catch_block(ctx) {
+  return {
+    c: noop,
+    m: noop,
+    p: noop,
+    i: noop,
+    o: noop,
+    d: noop
+  };
+}
+function create_then_block(ctx) {
+  let current_block_type_index;
+  let if_block0;
+  let t;
+  let if_block1_anchor;
+  let current;
+  const if_block_creators = [create_if_block_4$6, create_else_block_2$1];
+  const if_blocks = [];
+  function select_block_type(ctx2, dirty) {
+    var _a, _b;
+    if (
+      /*teamData*/
+      ((_a = ctx2[0]) == null ? void 0 : _a.members.length) < /*teamData*/
+      ((_b = ctx2[0]) == null ? void 0 : _b.maxTeamMembers)
+    )
+      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);
+  let if_block1 = (
+    /*teamData*/
+    ctx[0] && /*teamData*/
+    ctx[0].members.length > 0 && create_if_block$m(ctx)
+  );
+  return {
+    c() {
+      if_block0.c();
+      t = space();
+      if (if_block1)
+        if_block1.c();
+      if_block1_anchor = empty();
+    },
+    m(target, anchor) {
+      if_blocks[current_block_type_index].m(target, anchor);
+      insert(target, t, anchor);
+      if (if_block1)
+        if_block1.m(target, anchor);
+      insert(target, if_block1_anchor, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
+      let previous_block_index = current_block_type_index;
+      current_block_type_index = select_block_type(ctx2);
+      if (current_block_type_index === previous_block_index) {
+        if_blocks[current_block_type_index].p(ctx2, dirty);
+      } else {
+        group_outros();
+        transition_out(if_blocks[previous_block_index], 1, 1, () => {
+          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](ctx2);
+          if_block0.c();
+        } else {
+          if_block0.p(ctx2, dirty);
+        }
+        transition_in(if_block0, 1);
+        if_block0.m(t.parentNode, t);
+      }
+      if (
+        /*teamData*/
+        ctx2[0] && /*teamData*/
+        ctx2[0].members.length > 0
+      ) {
+        if (if_block1) {
+          if_block1.p(ctx2, dirty);
+          if (dirty & /*teamData*/
+          1) {
+            transition_in(if_block1, 1);
+          }
+        } else {
+          if_block1 = create_if_block$m(ctx2);
+          if_block1.c();
+          transition_in(if_block1, 1);
+          if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
+        }
+      } else if (if_block1) {
+        group_outros();
+        transition_out(if_block1, 1, 1, () => {
+          if_block1 = null;
+        });
+        check_outros();
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(if_block0);
+      transition_in(if_block1);
+      current = true;
+    },
+    o(local) {
+      transition_out(if_block0);
+      transition_out(if_block1);
+      current = false;
+    },
+    d(detaching) {
+      if_blocks[current_block_type_index].d(detaching);
+      if (detaching)
+        detach(t);
+      if (if_block1)
+        if_block1.d(detaching);
+      if (detaching)
+        detach(if_block1_anchor);
+    }
+  };
+}
+function create_else_block_2$1(ctx) {
+  let div;
+  let warningicon;
+  let t0;
+  let span;
+  let current;
+  warningicon = new WarningIcon$1({});
+  return {
+    c() {
+      div = element("div");
+      create_component(warningicon.$$.fragment);
+      t0 = space();
+      span = element("span");
+      span.textContent = "Your team is growing! Upgrade your plan for more seats.";
+      attr(span, "class", "ms-modal__upgrade-warning-text svelte-1haqb7b");
+      attr(div, "class", "ms-modal__upgrade-warning svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      mount_component(warningicon, div, null);
+      append(div, t0);
+      append(div, span);
+      current = true;
+    },
+    p: noop,
+    i(local) {
+      if (current)
+        return;
+      transition_in(warningicon.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(warningicon.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div);
+      destroy_component(warningicon);
+    }
+  };
+}
+function create_if_block_4$6(ctx) {
+  let div1;
+  let div0;
+  let input;
+  let t0;
+  let button0;
+  let copyicon;
+  let t1;
+  let t2;
+  let t3;
+  let button1;
+  let current;
+  let mounted;
+  let dispose;
+  copyicon = new CopyIcon$1({});
+  return {
+    c() {
+      div1 = element("div");
+      div0 = element("div");
+      input = element("input");
+      t0 = space();
+      button0 = element("button");
+      create_component(copyicon.$$.fragment);
+      t1 = space();
+      t2 = text(
+        /*copyInviteText*/
+        ctx[2]
+      );
+      t3 = space();
+      button1 = element("button");
+      button1.textContent = "Regenerate Invite Link";
+      attr(input, "type", "text");
+      attr(input, "class", "ms-modal__invite-input svelte-1haqb7b");
+      input.value = /*inviteLink*/
+      ctx[3];
+      input.readOnly = true;
+      attr(button0, "class", "ms-modal__invite-copy-btn svelte-1haqb7b");
+      attr(div0, "class", "ms-modal__invite-input-group svelte-1haqb7b");
+      attr(button1, "class", "ms-modal__invite-regenerate-btn svelte-1haqb7b");
+      attr(div1, "class", "ms-modal__invite-group svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, div1, anchor);
+      append(div1, div0);
+      append(div0, input);
+      append(div0, t0);
+      append(div0, button0);
+      mount_component(copyicon, button0, null);
+      append(button0, t1);
+      append(button0, t2);
+      append(div1, t3);
+      append(div1, button1);
+      current = true;
+      if (!mounted) {
+        dispose = [
+          listen(
+            button0,
+            "click",
+            /*click_handler*/
+            ctx[10]
+          ),
+          listen(
+            button1,
+            "click",
+            /*click_handler_1*/
+            ctx[11]
+          )
+        ];
+        mounted = true;
+      }
+    },
+    p(ctx2, dirty) {
+      if (!current || dirty & /*inviteLink*/
+      8 && input.value !== /*inviteLink*/
+      ctx2[3]) {
+        input.value = /*inviteLink*/
+        ctx2[3];
+      }
+      if (!current || dirty & /*copyInviteText*/
+      4)
+        set_data(
+          t2,
+          /*copyInviteText*/
+          ctx2[2]
+        );
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(copyicon.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(copyicon.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div1);
+      destroy_component(copyicon);
+      mounted = false;
+      run_all(dispose);
+    }
+  };
+}
+function create_if_block$m(ctx) {
+  let div;
+  let each_blocks = [];
+  let each_1_lookup = /* @__PURE__ */ new Map();
+  let current;
+  let each_value = (
+    /*teamData*/
+    ctx[0].members
+  );
+  const get_key = (ctx2) => (
+    /*m*/
+    ctx2[15].member.id
+  );
+  for (let i = 0; i < each_value.length; i += 1) {
+    let child_ctx = get_each_context$8(ctx, each_value, i);
+    let key = get_key(child_ctx);
+    each_1_lookup.set(key, each_blocks[i] = create_each_block$8(key, child_ctx));
+  }
+  return {
+    c() {
+      div = element("div");
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].c();
+      }
+      attr(div, "class", "ms-modal__team-members");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        if (each_blocks[i]) {
+          each_blocks[i].m(div, null);
+        }
+      }
+      current = true;
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*showRemoveButton, teamData, removeMemberFromTeam*/
+      81) {
+        each_value = /*teamData*/
+        ctx2[0].members;
+        group_outros();
+        each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block$8, null, get_each_context$8);
+        check_outros();
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      for (let i = 0; i < each_value.length; i += 1) {
+        transition_in(each_blocks[i]);
+      }
+      current = true;
+    },
+    o(local) {
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        transition_out(each_blocks[i]);
+      }
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].d();
+      }
+    }
+  };
+}
+function create_else_block_1$3(ctx) {
+  let img;
+  let img_src_value;
+  return {
+    c() {
+      img = element("img");
+      attr(img, "class", "ms-modal__team-member-image svelte-1haqb7b");
+      if (!src_url_equal(img.src, img_src_value = /*m*/
+      ctx[15].member.profileImage))
+        attr(img, "src", img_src_value);
+      attr(img, "alt", "Member Profile Avatar");
+    },
+    m(target, anchor) {
+      insert(target, img, anchor);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*teamData*/
+      1 && !src_url_equal(img.src, img_src_value = /*m*/
+      ctx2[15].member.profileImage)) {
+        attr(img, "src", img_src_value);
+      }
+    },
+    d(detaching) {
+      if (detaching)
+        detach(img);
+    }
+  };
+}
+function create_if_block_3$8(ctx) {
+  let div;
+  let t_value = (
+    /*m*/
+    ctx[15].member.auth.email[0].toUpperCase() + ""
+  );
+  let t;
+  return {
+    c() {
+      div = element("div");
+      t = text(t_value);
+      attr(div, "class", "ms-modal__team-member-image--initial svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      append(div, t);
+    },
+    p(ctx2, dirty) {
+      if (dirty & /*teamData*/
+      1 && t_value !== (t_value = /*m*/
+      ctx2[15].member.auth.email[0].toUpperCase() + ""))
+        set_data(t, t_value);
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div);
+    }
+  };
+}
+function create_if_block_1$g(ctx) {
+  let current_block_type_index;
+  let if_block;
+  let if_block_anchor;
+  let current;
+  const if_block_creators = [create_if_block_2$c, create_else_block$9];
+  const if_blocks = [];
+  function select_block_type_2(ctx2, dirty) {
+    if (!/*m*/
+    ctx2[15].showRemoveButton)
+      return 0;
+    return 1;
+  }
+  current_block_type_index = select_block_type_2(ctx);
+  if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
+  return {
+    c() {
+      if_block.c();
+      if_block_anchor = empty();
+    },
+    m(target, anchor) {
+      if_blocks[current_block_type_index].m(target, anchor);
+      insert(target, if_block_anchor, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
+      let previous_block_index = current_block_type_index;
+      current_block_type_index = select_block_type_2(ctx2);
+      if (current_block_type_index === previous_block_index) {
+        if_blocks[current_block_type_index].p(ctx2, dirty);
+      } else {
+        group_outros();
+        transition_out(if_blocks[previous_block_index], 1, 1, () => {
+          if_blocks[previous_block_index] = null;
+        });
+        check_outros();
+        if_block = if_blocks[current_block_type_index];
+        if (!if_block) {
+          if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
+          if_block.c();
+        } else {
+          if_block.p(ctx2, dirty);
+        }
+        transition_in(if_block, 1);
+        if_block.m(if_block_anchor.parentNode, if_block_anchor);
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(if_block);
+      current = true;
+    },
+    o(local) {
+      transition_out(if_block);
+      current = false;
+    },
+    d(detaching) {
+      if_blocks[current_block_type_index].d(detaching);
+      if (detaching)
+        detach(if_block_anchor);
+    }
+  };
+}
+function create_else_block$9(ctx) {
+  let button;
+  let span;
+  let t1;
+  let closeicon;
+  let current;
+  let mounted;
+  let dispose;
+  closeicon = new CloseIcon({});
+  function click_handler_3() {
+    return (
+      /*click_handler_3*/
+      ctx[13](
+        /*m*/
+        ctx[15]
+      )
+    );
+  }
+  return {
+    c() {
+      button = element("button");
+      span = element("span");
+      span.textContent = "Are you sure?";
+      t1 = space();
+      create_component(closeicon.$$.fragment);
+      attr(span, "class", "ms-modal__team-member-remove-text svelte-1haqb7b");
+      attr(button, "class", "ms-modal__team-member-remove-btn svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, button, anchor);
+      append(button, span);
+      append(button, t1);
+      mount_component(closeicon, button, null);
+      current = true;
+      if (!mounted) {
+        dispose = listen(button, "click", click_handler_3);
+        mounted = true;
+      }
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(closeicon.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(closeicon.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(button);
+      destroy_component(closeicon);
+      mounted = false;
+      dispose();
+    }
+  };
+}
+function create_if_block_2$c(ctx) {
+  let button;
+  let closeicon;
+  let current;
+  let mounted;
+  let dispose;
+  closeicon = new CloseIcon({});
+  function click_handler_2() {
+    return (
+      /*click_handler_2*/
+      ctx[12](
+        /*m*/
+        ctx[15]
+      )
+    );
+  }
+  return {
+    c() {
+      button = element("button");
+      create_component(closeicon.$$.fragment);
+      attr(button, "class", "ms-modal__team-member-remove-btn svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, button, anchor);
+      mount_component(closeicon, button, null);
+      current = true;
+      if (!mounted) {
+        dispose = listen(button, "click", click_handler_2);
+        mounted = true;
+      }
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(closeicon.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(closeicon.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(button);
+      destroy_component(closeicon);
+      mounted = false;
+      dispose();
+    }
+  };
+}
+function create_each_block$8(key_1, ctx) {
+  let div4;
+  let div1;
+  let t0;
+  let div0;
+  let t1_value = (
+    /*m*/
+    ctx[15].member.auth.email + ""
+  );
+  let t1;
+  let t2;
+  let div3;
+  let div2;
+  let t3_value = (
+    /*m*/
+    ctx[15].role + ""
+  );
+  let t3;
+  let t4;
+  let t5;
+  let current;
+  function select_block_type_1(ctx2, dirty) {
+    if (
+      /*m*/
+      ctx2[15].member.profileImage === null
+    )
+      return create_if_block_3$8;
+    return create_else_block_1$3;
+  }
+  let current_block_type = select_block_type_1(ctx);
+  let if_block0 = current_block_type(ctx);
+  let if_block1 = (
+    /*m*/
+    ctx[15].role !== "OWNER" && create_if_block_1$g(ctx)
+  );
+  return {
+    key: key_1,
+    first: null,
+    c() {
+      div4 = element("div");
+      div1 = element("div");
+      if_block0.c();
+      t0 = space();
+      div0 = element("div");
+      t1 = text(t1_value);
+      t2 = space();
+      div3 = element("div");
+      div2 = element("div");
+      t3 = text(t3_value);
+      t4 = space();
+      if (if_block1)
+        if_block1.c();
+      t5 = space();
+      attr(div0, "class", "ms-modal__team-member-email svelte-1haqb7b");
+      attr(div1, "class", "ms-modal__team-member-info svelte-1haqb7b");
+      attr(div2, "class", "ms-modal__team-member-role svelte-1haqb7b");
+      attr(div3, "class", "ms-modal__team-member-actions svelte-1haqb7b");
+      attr(div4, "class", "ms-modal__team-member svelte-1haqb7b");
+      this.first = div4;
+    },
+    m(target, anchor) {
+      insert(target, div4, anchor);
+      append(div4, div1);
+      if_block0.m(div1, null);
+      append(div1, t0);
+      append(div1, div0);
+      append(div0, t1);
+      append(div4, t2);
+      append(div4, div3);
+      append(div3, div2);
+      append(div2, t3);
+      append(div3, t4);
+      if (if_block1)
+        if_block1.m(div3, null);
+      append(div4, t5);
+      current = true;
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+      if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block0) {
+        if_block0.p(ctx, dirty);
+      } else {
+        if_block0.d(1);
+        if_block0 = current_block_type(ctx);
+        if (if_block0) {
+          if_block0.c();
+          if_block0.m(div1, t0);
+        }
+      }
+      if ((!current || dirty & /*teamData*/
+      1) && t1_value !== (t1_value = /*m*/
+      ctx[15].member.auth.email + ""))
+        set_data(t1, t1_value);
+      if ((!current || dirty & /*teamData*/
+      1) && t3_value !== (t3_value = /*m*/
+      ctx[15].role + ""))
+        set_data(t3, t3_value);
+      if (
+        /*m*/
+        ctx[15].role !== "OWNER"
+      ) {
+        if (if_block1) {
+          if_block1.p(ctx, dirty);
+          if (dirty & /*teamData*/
+          1) {
+            transition_in(if_block1, 1);
+          }
+        } else {
+          if_block1 = create_if_block_1$g(ctx);
+          if_block1.c();
+          transition_in(if_block1, 1);
+          if_block1.m(div3, null);
+        }
+      } else if (if_block1) {
+        group_outros();
+        transition_out(if_block1, 1, 1, () => {
+          if_block1 = null;
+        });
+        check_outros();
+      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(if_block1);
+      current = true;
+    },
+    o(local) {
+      transition_out(if_block1);
+      current = false;
+    },
+    d(detaching) {
+      if (detaching)
+        detach(div4);
+      if_block0.d();
+      if (if_block1)
+        if_block1.d();
+    }
+  };
+}
+function create_pending_block(ctx) {
+  let p;
+  return {
+    c() {
+      p = element("p");
+      p.textContent = "Loading...";
+    },
+    m(target, anchor) {
+      insert(target, p, anchor);
+    },
+    p: noop,
+    i: noop,
+    o: noop,
+    d(detaching) {
+      if (detaching)
+        detach(p);
+    }
+  };
+}
+function create_fragment$K(ctx) {
+  var _a;
+  let div;
+  let h2;
+  let t1;
+  let t2;
+  let await_block_anchor;
+  let promise2;
+  let current;
+  let if_block = (
+    /*teamData*/
+    ((_a = ctx[0]) == null ? void 0 : _a.members.length) > 0 && create_if_block_5$5(ctx)
+  );
+  let info = {
+    ctx,
+    current: null,
+    token: null,
+    hasCatch: false,
+    pending: create_pending_block,
+    then: create_then_block,
+    catch: create_catch_block,
+    blocks: [, , ,]
+  };
+  handle_promise(promise2 = /*teamPromise*/
+  ctx[1], info);
+  return {
+    c() {
+      div = element("div");
+      h2 = element("h2");
+      h2.textContent = "Team";
+      t1 = space();
+      if (if_block)
+        if_block.c();
+      t2 = space();
+      await_block_anchor = empty();
+      info.block.c();
+      attr(h2, "class", "ms-modal__title ms-modal__title--teams svelte-1haqb7b");
+      attr(div, "class", "ms-modal__title-container ms-modal__title-container--teams svelte-1haqb7b");
+    },
+    m(target, anchor) {
+      insert(target, div, anchor);
+      append(div, h2);
+      append(div, t1);
+      if (if_block)
+        if_block.m(div, null);
+      insert(target, t2, anchor);
+      insert(target, await_block_anchor, anchor);
+      info.block.m(target, info.anchor = anchor);
+      info.mount = () => await_block_anchor.parentNode;
+      info.anchor = await_block_anchor;
       current = true;
     },
-    p(ctx2, [dirty]) {
-      if (
-        /*member*/
-        ctx2[0].stripeCustomerId
-      ) {
-        if (if_block0) {
-          if_block0.p(ctx2, dirty);
-          if (dirty & /*member*/
-          1) {
-            transition_in(if_block0, 1);
-          }
-        } else {
-          if_block0 = create_if_block_2$c(ctx2);
-          if_block0.c();
-          transition_in(if_block0, 1);
-          if_block0.m(t2.parentNode, t2);
-        }
-      } else if (if_block0) {
-        group_outros();
-        transition_out(if_block0, 1, 1, () => {
-          if_block0 = null;
-        });
-        check_outros();
-      }
+    p(new_ctx, [dirty]) {
+      var _a2;
+      ctx = new_ctx;
       if (
-        /*freePlanConnections*/
-        ctx2[1].length > 0
+        /*teamData*/
+        ((_a2 = ctx[0]) == null ? void 0 : _a2.members.length) > 0
       ) {
-        if (if_block1) {
-          if_block1.p(ctx2, dirty);
-          if (dirty & /*freePlanConnections*/
-          2) {
-            transition_in(if_block1, 1);
-          }
+        if (if_block) {
+          if_block.p(ctx, dirty);
         } else {
-          if_block1 = create_if_block_1$g(ctx2);
-          if_block1.c();
-          transition_in(if_block1, 1);
-          if_block1.m(t3.parentNode, t3);
+          if_block = create_if_block_5$5(ctx);
+          if_block.c();
+          if_block.m(div, null);
         }
-      } else if (if_block1) {
-        group_outros();
-        transition_out(if_block1, 1, 1, () => {
-          if_block1 = null;
-        });
-        check_outros();
+      } else if (if_block) {
+        if_block.d(1);
+        if_block = null;
       }
-      if (!/*member*/
-      ctx2[0].stripeCustomerId && /*freePlanConnections*/
-      ctx2[1].length === 0) {
-        if (if_block2)
-          ;
-        else {
-          if_block2 = create_if_block$m();
-          if_block2.c();
-          if_block2.m(if_block2_anchor.parentNode, if_block2_anchor);
-        }
-      } else if (if_block2) {
-        if_block2.d(1);
-        if_block2 = null;
+      info.ctx = ctx;
+      if (dirty & /*teamPromise*/
+      2 && promise2 !== (promise2 = /*teamPromise*/
+      ctx[1]) && handle_promise(promise2, info))
+        ;
+      else {
+        update_await_block_branch(info, ctx, dirty);
       }
     },
     i(local) {
       if (current)
         return;
-      transition_in(if_block0);
-      transition_in(if_block1);
+      transition_in(info.block);
       current = true;
     },
     o(local) {
-      transition_out(if_block0);
-      transition_out(if_block1);
+      for (let i = 0; i < 3; i += 1) {
+        const block = info.blocks[i];
+        transition_out(block);
+      }
       current = false;
     },
     d(detaching) {
       if (detaching)
         detach(div);
-      if (detaching)
-        detach(t1);
-      if (if_block0)
-        if_block0.d(detaching);
+      if (if_block)
+        if_block.d();
       if (detaching)
         detach(t2);
-      if (if_block1)
-        if_block1.d(detaching);
-      if (detaching)
-        detach(t3);
-      if (if_block2)
-        if_block2.d(detaching);
       if (detaching)
-        detach(if_block2_anchor);
+        detach(await_block_anchor);
+      info.block.d(detaching);
+      info.token = null;
+      info = null;
     }
   };
 }
 function instance$p($$self, $$props, $$invalidate) {
-  let freePlanConnections;
-  let $app;
-  component_subscribe($$self, AppStore, ($$value) => $$invalidate(2, $app = $$value));
+  var _a, _b, _c;
+  let inviteLink;
   let { profileLoader } = $$props;
   let { member } = $$props;
-  function launchPortal(e) {
+  let teamPromise;
+  let teamData;
+  let copyInviteText = "Copy";
+  function showRemoveButton(m) {
+    m.showRemoveButton = true;
+    $$invalidate(0, teamData.members = [...teamData.members.filter((member2) => member2.member.id !== m.member.id), m], teamData);
+    setTimeout(
+      () => {
+        m.showRemoveButton = false;
+      },
+      3e3
+    );
+  }
+  function copyInviteLink() {
+    navigator.clipboard.writeText(inviteLink);
+    $$invalidate(2, copyInviteText = "Copied!");
+    setTimeout(
+      () => {
+        $$invalidate(2, copyInviteText = "Copy");
+      },
+      2e3
+    );
+  }
+  function getTeam(teamId) {
     return __async(this, null, function* () {
-      $$invalidate(5, profileLoader = true);
-      yield window.$memberstackDom.launchStripeCustomerPortal({ priceIds: [], autoRedirect: true });
+      const { data } = yield window.$memberstackDom.getTeam({ teamId });
+      $$invalidate(0, teamData = data);
+      return data;
     });
   }
-  function removeFreePlan(planId) {
+  function removeMemberFromTeam(memberId) {
     return __async(this, null, function* () {
-      $$invalidate(5, profileLoader = true);
       try {
-        yield window.$memberstackDom.removePlan({ planId });
-        $$invalidate(0, member.planConnections = member.planConnections.filter((plan) => plan.planId !== planId), member);
+        $$invalidate(8, profileLoader = true);
+        yield window.$memberstackDom.removeMemberFromTeam({ teamId: teamData.id, memberId });
+        $$invalidate(0, teamData.members = teamData.members.filter((m) => m.member.id !== memberId), teamData);
+        window.$memberstackDom._showMessage("Member has been removed from team.", false);
       } catch (err) {
-        console.log(err);
         window.$memberstackDom._showMessage(err.message, true);
       } finally {
-        $$invalidate(5, profileLoader = false);
+        $$invalidate(8, profileLoader = false);
+      }
+    });
+  }
+  function generateInviteToken() {
+    return __async(this, null, function* () {
+      try {
+        $$invalidate(8, profileLoader = true);
+        const { data } = yield window.$memberstackDom.generateInviteToken({ teamId: teamData.id });
+        $$invalidate(0, teamData.inviteToken = data.inviteToken, teamData);
+        window.$memberstackDom._showMessage("Invite Link Regenerated", false);
+      } catch (err) {
+        window.$memberstackDom._showMessage(err.message, true);
+      } finally {
+        $$invalidate(8, profileLoader = false);
       }
     });
   }
-  const func2 = (memberPlan, plan) => plan.id === memberPlan.planId;
-  const func_12 = (memberPlan) => removeFreePlan(memberPlan.planId);
+  if (((_b = (_a = member == null ? void 0 : member.teams) == null ? void 0 : _a.ownedTeams) == null ? void 0 : _b.length) > 0) {
+    const teamId = (_c = member.teams) == null ? void 0 : _c.ownedTeams[0].teamId;
+    teamPromise = getTeam(teamId);
+  } else {
+    teamPromise = Promise.resolve(null);
+  }
+  const click_handler = () => copyInviteLink();
+  const click_handler_1 = () => generateInviteToken();
+  const click_handler_2 = (m) => showRemoveButton(m);
+  const click_handler_3 = (m) => removeMemberFromTeam(m.member.id);
   $$self.$$set = ($$props2) => {
     if ("profileLoader" in $$props2)
-      $$invalidate(5, profileLoader = $$props2.profileLoader);
+      $$invalidate(8, profileLoader = $$props2.profileLoader);
     if ("member" in $$props2)
-      $$invalidate(0, member = $$props2.member);
+      $$invalidate(9, member = $$props2.member);
   };
   $$self.$$.update = () => {
-    if ($$self.$$.dirty & /*member*/
+    var _a2;
+    if ($$self.$$.dirty & /*teamData*/
     1) {
-      $$invalidate(1, freePlanConnections = member.planConnections.filter((plan) => plan.type === "FREE"));
+      $$invalidate(3, inviteLink = `${window.location.origin}${(_a2 = teamData == null ? void 0 : teamData.plan) == null ? void 0 : _a2.teamAccountInviteSignupLink}?inviteToken=${teamData == null ? void 0 : teamData.inviteToken}`);
     }
   };
   return [
-    member,
-    freePlanConnections,
-    $app,
-    launchPortal,
-    removeFreePlan,
+    teamData,
+    teamPromise,
+    copyInviteText,
+    inviteLink,
+    showRemoveButton,
+    copyInviteLink,
+    removeMemberFromTeam,
+    generateInviteToken,
     profileLoader,
-    func2,
-    func_12
+    member,
+    click_handler,
+    click_handler_1,
+    click_handler_2,
+    click_handler_3
   ];
 }
-var PlansInfoContent = class extends SvelteComponent {
+var ProfileTeamContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$p, create_fragment$L, safe_not_equal, { profileLoader: 5, member: 0 });
+    init(this, options, instance$p, create_fragment$K, safe_not_equal, { profileLoader: 8, member: 9 }, add_css$j);
   }
 };
-function create_if_block_4$5(ctx) {
+function create_if_block_5$4(ctx) {
   let profileloader;
   let current;
   profileloader = new ProfileLoader({});
@@ -9521,6 +10994,76 @@ function create_if_block_4$5(ctx) {
     }
   };
 }
+function create_if_block_4$5(ctx) {
+  let profileteamcontent;
+  let updating_member;
+  let updating_profileLoader;
+  let current;
+  function profileteamcontent_member_binding(value) {
+    ctx[19](value);
+  }
+  function profileteamcontent_profileLoader_binding(value) {
+    ctx[20](value);
+  }
+  let profileteamcontent_props = {};
+  if (
+    /*member*/
+    ctx[1] !== void 0
+  ) {
+    profileteamcontent_props.member = /*member*/
+    ctx[1];
+  }
+  if (
+    /*profileLoader*/
+    ctx[4] !== void 0
+  ) {
+    profileteamcontent_props.profileLoader = /*profileLoader*/
+    ctx[4];
+  }
+  profileteamcontent = new ProfileTeamContent({ props: profileteamcontent_props });
+  binding_callbacks.push(() => bind(profileteamcontent, "member", profileteamcontent_member_binding));
+  binding_callbacks.push(() => bind(profileteamcontent, "profileLoader", profileteamcontent_profileLoader_binding));
+  return {
+    c() {
+      create_component(profileteamcontent.$$.fragment);
+    },
+    m(target, anchor) {
+      mount_component(profileteamcontent, target, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
+      const profileteamcontent_changes = {};
+      if (!updating_member && dirty & /*member*/
+      2) {
+        updating_member = true;
+        profileteamcontent_changes.member = /*member*/
+        ctx2[1];
+        add_flush_callback(() => updating_member = false);
+      }
+      if (!updating_profileLoader && dirty & /*profileLoader*/
+      16) {
+        updating_profileLoader = true;
+        profileteamcontent_changes.profileLoader = /*profileLoader*/
+        ctx2[4];
+        add_flush_callback(() => updating_profileLoader = false);
+      }
+      profileteamcontent.$set(profileteamcontent_changes);
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in(profileteamcontent.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out(profileteamcontent.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      destroy_component(profileteamcontent, detaching);
+    }
+  };
+}
 function create_if_block_3$7(ctx) {
   let plansinfocontent;
   let updating_member;
@@ -9848,7 +11391,7 @@ function create_if_block$l(ctx) {
     }
   };
 }
-function create_fragment$K(ctx) {
+function create_fragment$J(ctx) {
   let div5;
   let div1;
   let div0;
@@ -9923,9 +11466,15 @@ function create_fragment$K(ctx) {
   binding_callbacks.push(() => bind(profilemodalnav, "profileLoader", profilemodalnav_profileLoader_binding));
   let if_block0 = (
     /*profileLoader*/
-    ctx[4] && create_if_block_4$5()
+    ctx[4] && create_if_block_5$4()
   );
-  const if_block_creators = [create_if_block$l, create_if_block_1$f, create_if_block_2$b, create_if_block_3$7];
+  const if_block_creators = [
+    create_if_block$l,
+    create_if_block_1$f,
+    create_if_block_2$b,
+    create_if_block_3$7,
+    create_if_block_4$5
+  ];
   const if_blocks = [];
   function select_block_type(ctx2, dirty) {
     if (
@@ -9948,6 +11497,11 @@ function create_fragment$K(ctx) {
       ctx2[0] === "plans"
     )
       return 3;
+    if (
+      /*displayProfile*/
+      ctx2[0] === "team"
+    )
+      return 4;
     return -1;
   }
   if (~(current_block_type_index = select_block_type(ctx))) {
@@ -10053,7 +11607,7 @@ function create_fragment$K(ctx) {
             transition_in(if_block0, 1);
           }
         } else {
-          if_block0 = create_if_block_4$5();
+          if_block0 = create_if_block_5$4();
           if_block0.c();
           transition_in(if_block0, 1);
           if_block0.m(div3, t4);
@@ -10187,6 +11741,14 @@ function instance$o($$self, $$props, $$invalidate) {
     profileLoader = value;
     $$invalidate(4, profileLoader);
   }
+  function profileteamcontent_member_binding(value) {
+    member = value;
+    $$invalidate(1, member);
+  }
+  function profileteamcontent_profileLoader_binding(value) {
+    profileLoader = value;
+    $$invalidate(4, profileLoader);
+  }
   $$self.$$set = ($$props2) => {
     if ("onSuccessLogout" in $$props2)
       $$invalidate(2, onSuccessLogout = $$props2.onSuccessLogout);
@@ -10216,13 +11778,15 @@ function instance$o($$self, $$props, $$invalidate) {
     passwordinfocontent_profileLoader_binding,
     passwordinfocontent_member_binding,
     plansinfocontent_member_binding,
-    plansinfocontent_profileLoader_binding
+    plansinfocontent_profileLoader_binding,
+    profileteamcontent_member_binding,
+    profileteamcontent_profileLoader_binding
   ];
 }
 var ProfileModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$o, create_fragment$K, safe_not_equal, {
+    init(this, options, instance$o, create_fragment$J, safe_not_equal, {
       onSuccessLogout: 2,
       closeModal: 3,
       displayProfile: 0,
@@ -10230,7 +11794,7 @@ var ProfileModal = class extends SvelteComponent {
     });
   }
 };
-function create_fragment$J(ctx) {
+function create_fragment$I(ctx) {
   let svg;
   let path;
   return {
@@ -10260,7 +11824,7 @@ function create_fragment$J(ctx) {
 var ForwardIcon = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, null, create_fragment$J, safe_not_equal, {});
+    init(this, options, null, create_fragment$I, safe_not_equal, {});
   }
 };
 function create_if_block_1$e(ctx) {
@@ -10405,7 +11969,7 @@ function create_if_block$k(ctx) {
     }
   };
 }
-function create_fragment$I(ctx) {
+function create_fragment$H(ctx) {
   let div2;
   let t0;
   let button0;
@@ -10665,7 +12229,7 @@ function instance$n($$self, $$props, $$invalidate) {
 var MobileProfileModalNav = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$n, create_fragment$I, safe_not_equal, {
+    init(this, options, instance$n, create_fragment$H, safe_not_equal, {
       member: 1,
       onSuccessLogout: 6,
       displayProfile: 0,
@@ -10834,7 +12398,7 @@ function create_each_block$7(ctx) {
     }
   };
 }
-function create_fragment$H(ctx) {
+function create_fragment$G(ctx) {
   let form;
   let t0;
   let div;
@@ -10957,7 +12521,7 @@ function instance$m($$self, $$props, $$invalidate) {
 var MobileProfileInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$m, create_fragment$H, safe_not_equal, {
+    init(this, options, instance$m, create_fragment$G, safe_not_equal, {
       customFields: 1,
       member: 0,
       profileLoader: 3
@@ -11278,7 +12842,7 @@ function create_each_block$6(key_1, ctx) {
     }
   };
 }
-function create_fragment$G(ctx) {
+function create_fragment$F(ctx) {
   let form;
   let emailinput;
   let updating_emailInputValid;
@@ -11601,7 +13165,7 @@ function instance$l($$self, $$props, $$invalidate) {
 var MobileSecurityInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$l, create_fragment$G, safe_not_equal, {
+    init(this, options, instance$l, create_fragment$F, safe_not_equal, {
       displayProfile: 0,
       member: 1,
       emailValue: 2,
@@ -11682,7 +13246,7 @@ function create_if_block$h(ctx) {
     }
   };
 }
-function create_fragment$F(ctx) {
+function create_fragment$E(ctx) {
   let form;
   let t0;
   let passwordinput0;
@@ -11998,7 +13562,7 @@ function instance$k($$self, $$props, $$invalidate) {
 var MobilePasswordInfoContent = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$k, create_fragment$F, safe_not_equal, { profileLoader: 8, member: 0 });
+    init(this, options, instance$k, create_fragment$E, safe_not_equal, { profileLoader: 8, member: 0 });
   }
 };
 function create_if_block_6$3(ctx) {
@@ -12505,7 +14069,7 @@ function create_if_block$g(ctx) {
     }
   };
 }
-function create_fragment$E(ctx) {
+function create_fragment$D(ctx) {
   let div5;
   let div2;
   let t0;
@@ -12911,7 +14475,7 @@ function instance$j($$self, $$props, $$invalidate) {
 var MobileProfileModal = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance$j, create_fragment$E, safe_not_equal, {
+    init(this, options, instance$j, create_fragment$D, safe_not_equal, {
       onSuccessLogout: 3,
       closeModal: 4,
       displayProfile: 0,
@@ -12920,42 +14484,6 @@ var MobileProfileModal = class extends SvelteComponent {
     });
   }
 };
-function add_css$j(target) {
-  append_styles(target, "svelte-c6ihgv", "svg.svelte-c6ihgv{fill:currentColor}");
-}
-function create_fragment$D(ctx) {
-  let svg;
-  let path;
-  return {
-    c() {
-      svg = svg_element("svg");
-      path = svg_element("path");
-      attr(path, "d", "M226.783-133.782q-38.363 0-65.682-27.319-27.319-27.319-27.319-65.682v-506.434q0-38.363 27.319-65.682 27.319-27.319 65.682-27.319h151.521q10.391-32.696 37.688-53.261 27.296-20.566 64.008-20.566 34.326 0 62.283 20.566 27.957 20.565 38.913 53.261h152.021q38.363 0 65.682 27.319 27.319 27.319 27.319 65.682v506.434q0 38.363-27.319 65.682-27.319 27.319-65.682 27.319H226.783Zm0-93.001h506.434v-506.434h-63.043v75.043q0 18.887-13.807 32.694-13.807 13.807-32.694 13.807H336.327q-18.887 0-32.694-13.807-13.807-13.807-13.807-32.694v-75.043h-63.043v506.434Zm253.006-518.913q13.711 0 23.711-9.789 10-9.79 10-23.5 0-13.711-9.789-23.711-9.79-10-23.5-10-13.711 0-23.711 9.79-10 9.789-10 23.5 0 13.71 9.789 23.71 9.79 10 23.5 10Z");
-      attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-      attr(svg, "height", "20");
-      attr(svg, "viewBox", "0 -960 960 960");
-      attr(svg, "width", "20");
-      attr(svg, "class", "svelte-c6ihgv");
-    },
-    m(target, anchor) {
-      insert(target, svg, anchor);
-      append(svg, path);
-    },
-    p: noop,
-    i: noop,
-    o: noop,
-    d(detaching) {
-      if (detaching)
-        detach(svg);
-    }
-  };
-}
-var CopyIcon$1 = class extends SvelteComponent {
-  constructor(options) {
-    super();
-    init(this, options, null, create_fragment$D, safe_not_equal, {}, add_css$j);
-  }
-};
 function add_css$i(target) {
   append_styles(target, "svelte-50knw2", "svg.svelte-50knw2{fill:currentColor;width:9px;height:auto}");
 }
@@ -14984,7 +16512,7 @@ var InspectorBadgeOpen = class extends SvelteComponent {
   }
 };
 function add_css$f(target) {
-  append_styles(target, "svelte-1dmftgw", ".ms-inspector-badge.svelte-1dmftgw{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:2147483648 !important;background:#fff;padding:0 7px;margin:0;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);cursor:pointer;display:flex;align-items:stretch;color:#000;background-color:#faf3e1;border:1px solid #d78e2c;border-radius:4px;font-size:12px;font-weight:700;font-family:Plus Jakarta Sans, sans-serif;gap:7px;height:42px}.ms-inspector-badge__text-wrapper.svelte-1dmftgw{display:flex;justify-content:center;align-items:center;gap:7px}.ms-inspector-badge__logo.svelte-1dmftgw{display:flex;align-items:center;align-self:center}.ms-inspector-badge__text.svelte-1dmftgw{align-self:center}.ms-inspector-badge__divider.svelte-1dmftgw{border-left:1px solid #d88e2b}.ms-inspector-badge__count.svelte-1dmftgw{border:1px solid #c1c1c1;border-radius:4px;background-color:#fff;color:#000;padding:0 7px;margin:7px 0;display:flex;align-items:center;position:relative}.ms-inspector-badge__count--open.svelte-1dmftgw{background-color:#fff;color:#000;padding:0}.ms-inspector-badge__error-indicator.svelte-1dmftgw{width:10px;height:10px;background-color:#e06657;border-radius:50%;position:absolute;top:0;right:0;transform:translate(50%, -50%)}");
+  append_styles(target, "svelte-rhveiw", ".ms-inspector-badge.svelte-rhveiw{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:2147483648 !important;background:#fff;padding:0 7px;margin:0;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);cursor:pointer;display:flex;align-items:stretch;color:#000;background-color:#faf3e1;border:1px solid #d78e2c;border-radius:4px;font-size:12px;font-weight:700;font-family:Plus Jakarta Sans, sans-serif;gap:7px;height:42px}.ms-inspector-badge--error.svelte-rhveiw{background-color:#f6cfca;border-color:#e06657}.ms-inspector-badge__text-wrapper.svelte-rhveiw{display:flex;justify-content:center;align-items:center;gap:7px}.ms-inspector-badge__logo.svelte-rhveiw{display:flex;align-items:center;align-self:center}.ms-inspector-badge__text.svelte-rhveiw{align-self:center}.ms-inspector-badge__divider.svelte-rhveiw{border-left:1px solid #d88e2b}.ms-inspector-badge__count.svelte-rhveiw{border:1px solid #c1c1c1;border-radius:4px;background-color:#fff;color:#000;padding:0 7px;margin:7px 0;display:flex;align-items:center;position:relative}.ms-inspector-badge__count--open.svelte-rhveiw{background-color:#fff;color:#000;padding:0}.ms-inspector-badge__error-indicator.svelte-rhveiw{width:10px;height:10px;background-color:#e06657;border-radius:50%;position:absolute;top:0;right:0;transform:translate(50%, -50%)}");
 }
 function create_else_block_1$1(ctx) {
   let span;
@@ -14992,7 +16520,7 @@ function create_else_block_1$1(ctx) {
     c() {
       span = element("span");
       span.textContent = "Hide Inspector";
-      attr(span, "class", "ms-inspector-badge__text svelte-1dmftgw");
+      attr(span, "class", "ms-inspector-badge__text svelte-rhveiw");
     },
     m(target, anchor) {
       insert(target, span, anchor);
@@ -15009,7 +16537,7 @@ function create_if_block_2$8(ctx) {
     c() {
       span = element("span");
       span.textContent = "Test Mode";
-      attr(span, "class", "ms-inspector-badge__text svelte-1dmftgw");
+      attr(span, "class", "ms-inspector-badge__text svelte-rhveiw");
     },
     m(target, anchor) {
       insert(target, span, anchor);
@@ -15027,7 +16555,7 @@ function create_if_block_1$b(ctx) {
   return {
     c() {
       span = element("span");
-      attr(span, "class", "ms-inspector-badge__error-indicator svelte-1dmftgw");
+      attr(span, "class", "ms-inspector-badge__error-indicator svelte-rhveiw");
     },
     m(target, anchor) {
       insert(target, span, anchor);
@@ -15169,18 +16697,24 @@ function create_fragment$y(ctx) {
         if_block1.c();
       t3 = space();
       if_block2.c();
-      attr(span0, "class", "ms-inspector-badge__logo svelte-1dmftgw");
-      attr(span1, "class", "ms-inspector-badge__text-wrapper svelte-1dmftgw");
-      attr(span2, "class", "ms-inspector-badge__divider svelte-1dmftgw");
-      attr(span3, "class", "ms-inspector-badge__count svelte-1dmftgw");
+      attr(span0, "class", "ms-inspector-badge__logo svelte-rhveiw");
+      attr(span1, "class", "ms-inspector-badge__text-wrapper svelte-rhveiw");
+      attr(span2, "class", "ms-inspector-badge__divider svelte-rhveiw");
+      attr(span3, "class", "ms-inspector-badge__count svelte-rhveiw");
       toggle_class(
         span3,
         "ms-inspector-badge__count--open",
         /*$InspectorStore*/
         ctx[0].showSidebar
       );
-      attr(button, "class", "ms-inspector-badge svelte-1dmftgw");
+      attr(button, "class", "ms-inspector-badge svelte-rhveiw");
       attr(button, "data-cy", "inspector-button");
+      toggle_class(
+        button,
+        "ms-inspector-badge--error",
+        /*$InspectorStore*/
+        ctx[0].xRayErrorElements.length > 0
+      );
       set_style(
         button,
         "z-index",
@@ -15274,6 +16808,15 @@ function create_fragment$y(ctx) {
           ctx2[0].showSidebar
         );
       }
+      if (!current || dirty & /*$InspectorStore*/
+      1) {
+        toggle_class(
+          button,
+          "ms-inspector-badge--error",
+          /*$InspectorStore*/
+          ctx2[0].xRayErrorElements.length > 0
+        );
+      }
       if (dirty & /*$InspectorStore*/
       1) {
         set_style(
@@ -24999,7 +26542,6 @@ function instance($$self, $$props, $$invalidate) {
       if (params && params.app) {
         setAppStore(params.app);
       } else {
-        console.log("No app specified - request it");
         yield getApp();
       }
       $$invalidate(7, appLoading = false);