@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.3-dev

package/dist/TeamMemberList-DZfEnOs1.js

@@ -1,2097 +0,0 @@
-import { defineComponent as oe, mergeModels as Jt, useModel as Zt, createElementBlock as R, openBlock as p, Fragment as ce, renderList as Pt, normalizeClass as Mt, toDisplayString as N, unref as s, computed as U, resolveComponent as j, createElementVNode as f, createBlock as G, createCommentVNode as L, createVNode as d, ref as b, watch as ue, onUnmounted as $t, createSlots as ft, withCtx as ee, renderSlot as Qt, withModifiers as lt, nextTick as es, h as ts, createTextVNode as ss } from "vue";
-import { useI18n as pe, useCoreStore as He } from "@feedmepos/mf-common";
-import { useSnackbar as ot, useDialog as Ft, useBreakpoints as Rt, components as Qe, SnackbarPosition as et } from "@feedmepos/ui-library";
-import { u as as } from "./useDebounce-B8ZPVS5C.js";
-import { _ as ls, S as ie } from "./SelectFilter-ATOm0hdn.js";
-import { l as vt, g as bt, b as yt, O as os, _ as rs, a as ns } from "./app-CdrnR_Pw.js";
-import { u as is, _ as gt } from "./useDiscardConfirm-DPhEV6v0.js";
-import { _ as us } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
-import { s as ms, _ as ds, d as cs, e as ps } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js";
-import { u as Ct } from "./useLoading-BBjBUzGJ.js";
-import { w as fs, h as vs, b as bs, E as ys, t as gs } from "./member-grant-C46lvrh2.js";
-import { a as Ye, i as rt, t as Se, b as Xe, S as Ae, D as Dt, E as Nt, h as Be, u as hs, s as ht, c as We, d as xs, e as xt } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-B5QDOF0L.js";
-import { n as nt } from "./string-DZQ1uNjn.js";
-import { c as Ue } from "./iteration-ZpERYj3o.js";
-import { l as Te } from "./lodash-7SZBZ8VQ.js";
-import { _ as _t } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BBoRXQPn.js";
-import { t as ke, u as Et, c as tt, b as It, m as st, d as At, p as Ut, i as _s, j as kt, k as Is } from "./rule-BlMymDXm.js";
-import { u as Ot } from "./restaurant-CKhT6kgj.js";
-import { u as Lt } from "./role-C6hFKOfU.js";
-var Oe = /* @__PURE__ */ ((l) => (l.Update = "Update", l.Remove = "Remove", l))(Oe || {});
-const je = "__unassigned__";
-function St(l) {
-  if (!(l != null && l.length) || l[0] === je) return l;
-  const g = l.filter((c) => c !== je);
-  return g.length === l.length ? l : [je, ...g];
-}
-const Us = {
-  role: "tablist",
-  class: "flex w-full max-w-[361px] items-center gap-4 rounded-[12px] bg-fm-color-neutral-gray-100 p-4"
-}, ks = ["aria-selected", "disabled", "onClick"], Ss = /* @__PURE__ */ oe({
-  __name: "SegmentedTabs",
-  props: /* @__PURE__ */ Jt({
-    items: {},
-    disabled: { type: Boolean }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const g = Zt(l, "modelValue");
-    return (c, t) => (p(), R("div", Us, [
-      (p(!0), R(ce, null, Pt(l.items, (i) => (p(), R("button", {
-        key: i.value,
-        type: "button",
-        role: "tab",
-        "aria-selected": g.value === i.value,
-        disabled: l.disabled,
-        class: Mt([
-          "flex-1 rounded-[8px] px-12 py-8 text-center text-[16px] leading-[24px] tracking-[0.04px] transition-colors disabled:cursor-not-allowed",
-          g.value === i.value ? "border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white font-semibold text-fm-color-typo-primary shadow-[0px_1px_2px_0px_rgba(28,28,30,0.04)]" : "border border-transparent font-medium text-fm-color-typo-tertiary hover:bg-fm-color-opacity-sm"
-        ]),
-        onClick: (n) => g.value = i.value
-      }, N(i.label), 11, ks))), 128))
-    ]));
-  }
-}), it = /* @__PURE__ */ oe({
-  __name: "MemberStatusBadge",
-  props: {
-    status: {}
-  },
-  setup(l) {
-    const { t: g } = pe();
-    return (c, t) => (p(), R("span", {
-      class: Mt([
-        "inline-flex items-center rounded-[4px] px-4 py-[2px] text-[10px] font-medium leading-[14px] tracking-[0.2px] whitespace-nowrap",
-        l.status === "active" ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : "bg-fm-color-system-warning-100 text-fm-color-typo-warning"
-      ])
-    }, N(s(g)(`team.status.${l.status}`)), 3));
-  }
-}), ws = {
-  class: "flex items-center gap-12 rounded-[16px] border border-[#995900] bg-fm-color-system-warning-100 p-16",
-  role: "alert",
-  "data-testid": "existing-member-notice"
-}, Vs = { class: "flex size-[56px] shrink-0 items-center justify-center rounded-full bg-fm-color-primary fm-typo-en-body-lg-600 text-fm-color-typo-white" }, Ps = { class: "flex min-w-0 flex-1 flex-col gap-[2px]" }, Ms = { class: "flex items-center gap-8" }, $s = { class: "truncate text-[16px] font-semibold leading-[24px] text-fm-color-typo-primary" }, Fs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Rs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Cs = /* @__PURE__ */ oe({
-  __name: "ExistingMemberNotice",
-  props: {
-    existing: {},
-    match: {}
-  },
-  emits: ["update"],
-  setup(l, { emit: g }) {
-    const c = l, t = g, { t: i } = pe(), n = U(() => c.existing.kind === "member" ? "active" : "invited"), I = U(
-      () => c.existing.restaurantCount === 1 ? i("team.existingMember.restaurantCount.one") : i("team.existingMember.restaurantCount.other", { count: c.existing.restaurantCount })
-    ), T = U(() => c.existing.kind !== "member" || !c.existing.isOwner);
-    return (q, B) => {
-      const P = j("FmButton");
-      return p(), R("div", ws, [
-        f("div", Vs, N(s(nt)(l.existing.name)), 1),
-        f("div", Ps, [
-          f("div", Ms, [
-            f("p", $s, N(l.existing.name), 1),
-            d(it, { status: n.value }, null, 8, ["status"])
-          ]),
-          f("p", Fs, N(s(i)(`team.existingMember.alreadyUses.${l.match}`, { restaurants: I.value })), 1),
-          f("p", Rs, N(T.value ? s(i)("team.existingMember.updateInstead") : s(i)("team.existingMember.isOwner")), 1)
-        ]),
-        T.value ? (p(), G(P, {
-          key: 0,
-          label: s(i)("team.existingMember.updateAccess"),
-          size: "md",
-          variant: "primary",
-          class: "shrink-0",
-          onClick: B[0] || (B[0] = (K) => t("update"))
-        }, null, 8, ["label"])) : L("", !0)
-      ]);
-    };
-  }
-}), Ds = {
-  class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-300 bg-fm-color-neutral-white p-16",
-  "data-testid": "member-details-card"
-}, Ns = { class: "flex flex-col gap-8" }, Es = { class: "fm-typo-en-title-sm-600" }, As = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Os = { class: "flex flex-col gap-[6px]" }, Ls = { class: "fm-typo-en-body-sm-600" }, Ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Bs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, js = { class: "grid grid-cols-2 gap-[14px] xs:grid-cols-1" }, qs = { class: "grid grid-cols-2 gap-[14px] xs:grid-cols-1" }, Gs = 400, Ks = /* @__PURE__ */ oe({
-  __name: "MemberDetailsCard",
-  props: {
-    providers: {
-      type: Array,
-      required: !0
-    }
-  },
-  emits: ["update-existing"],
-  setup(l, { expose: g, emit: c }) {
-    var Y, te;
-    const t = l, i = c, { t: n } = pe(), I = He(), { supportedCountries: T, ready: q } = Ye(), B = U(() => {
-      var o;
-      const E = (o = I.currentCountry.value) == null ? void 0 : o.toUpperCase();
-      return E && rt(E) ? E : void 0;
-    }), P = b(((Y = t.providers[0]) == null ? void 0 : Y.slug) ?? ""), K = U(() => t.providers.find((E) => E.slug === P.value)), m = U(() => {
-      var E;
-      return ((E = K.value) == null ? void 0 : E.label) ?? "";
-    }), y = U(
-      () => t.providers.map((E) => ({ label: E.label, value: E.slug }))
-    ), w = b(((te = K.value) == null ? void 0 : te.inviteMatch) ?? "mobile"), V = b(""), $ = b(""), v = b(""), k = b(""), F = U(() => [
-      { label: n("team.memberDetails.phoneNumber"), value: "mobile" },
-      { label: n("team.memberDetails.emailAddress"), value: "email" }
-    ]), M = U(() => {
-      if (w.value === "mobile") {
-        const E = Se(V.value);
-        return E ? { mobile: E } : null;
-      }
-      return Xe($.value) ? { email: $.value.trim().toLowerCase() } : null;
-    }), u = b(null);
-    let O, H = 0;
-    ue(
-      [M, P],
-      ([E]) => {
-        clearTimeout(O);
-        const o = ++H;
-        u.value = null, E && (O = setTimeout(async () => {
-          try {
-            const _ = await Ae.lookup(E, P.value || void 0);
-            o === H && (u.value = _);
-          } catch {
-          }
-        }, Gs));
-      },
-      { deep: !0 }
-    ), $t(() => clearTimeout(O));
-    function Z() {
-      const E = Be(V.value) ? Se(V.value) ?? "" : "", o = $.value.trim().toLowerCase();
-      return {
-        provider: P.value,
-        match: w.value,
-        ...w.value === "mobile" ? { mobile: Se(V.value) ?? "", ...o ? { email: o } : {} } : { email: o, ...E ? { mobile: E } : {} },
-        displayName: v.value.trim(),
-        ...k.value.trim() ? { employeeId: k.value.trim() } : {}
-      };
-    }
-    function re() {
-      return Be(V.value) || !!$.value.trim() || !!v.value.trim() || !!k.value.trim();
-    }
-    return g({
-      readDetails: Z,
-      isModified: re,
-      /** Add is blocked while the key belongs to someone already. */
-      hasExisting: U(() => !!u.value),
-      providerLabel: m
-    }), (E, o) => {
-      const _ = j("FmSelect"), z = j("FmPhoneNumber"), ne = j("FmCircularProgress"), X = j("FmTextField");
-      return p(), R("div", Ds, [
-        f("div", Ns, [
-          f("p", Es, N(s(n)("team.memberDetails.title")), 1),
-          f("p", As, N(s(n)("team.memberDetails.ssoNotice", { label: m.value })), 1)
-        ]),
-        l.providers.length > 1 ? (p(), G(_, {
-          key: 0,
-          modelValue: P.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (x) => P.value = x),
-          label: s(n)("team.memberDetails.provider"),
-          items: y.value
-        }, null, 8, ["modelValue", "label", "items"])) : L("", !0),
-        f("div", Os, [
-          f("p", Ls, N(s(n)("team.memberDetails.signInUsing")), 1),
-          d(Ss, {
-            modelValue: w.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (x) => w.value = x),
-            items: F.value
-          }, null, 8, ["modelValue", "items"])
-        ]),
-        w.value === "mobile" ? (p(), R(ce, { key: 1 }, [
-          s(q) ? (p(), G(z, {
-            key: 0,
-            modelValue: V.value,
-            "onUpdate:modelValue": o[2] || (o[2] = (x) => V.value = x),
-            label: s(n)("team.memberDetails.phoneNumber"),
-            "default-country": B.value,
-            "extra-country-codes": s(T),
-            rules: [(x) => !!s(Se)(x) || s(n)("team.memberDetails.errors.mobileInvalid")]
-          }, ft({ _: 2 }, [
-            M.value ? {
-              name: "helper-text",
-              fn: ee(() => [
-                f("span", Ts, N(s(n)("team.memberDetails.signInHint.mobile", { label: m.value })), 1)
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["modelValue", "label", "default-country", "extra-country-codes", "rules"])) : (p(), G(ne, { key: 1 }))
-        ], 64)) : (p(), G(X, {
-          key: 2,
-          modelValue: $.value,
-          "onUpdate:modelValue": o[3] || (o[3] = (x) => $.value = x),
-          label: s(n)("team.memberDetails.emailAddress"),
-          placeholder: s(n)("team.memberDetails.emailPlaceholder"),
-          rules: [(x) => s(Xe)(x) || s(n)("team.memberDetails.errors.emailInvalid")]
-        }, ft({ _: 2 }, [
-          M.value ? {
-            name: "helper-text",
-            fn: ee(() => [
-              f("span", Bs, N(s(n)("team.memberDetails.signInHint.email", { label: m.value })), 1)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["modelValue", "label", "placeholder", "rules"])),
-        u.value ? (p(), G(Cs, {
-          key: 3,
-          existing: u.value,
-          match: w.value,
-          onUpdate: o[4] || (o[4] = (x) => i("update-existing", u.value))
-        }, null, 8, ["existing", "match"])) : L("", !0),
-        f("div", js, [
-          d(X, {
-            modelValue: v.value,
-            "onUpdate:modelValue": o[5] || (o[5] = (x) => v.value = x),
-            label: s(n)("team.memberDetails.name"),
-            placeholder: s(n)("team.memberDetails.namePlaceholder"),
-            rules: [
-              (x) => !!x.trim() || s(n)("team.memberDetails.errors.nameRequired"),
-              (x) => x.trim().length <= s(Dt) || s(n)("team.memberDetails.errors.nameTooLong")
-            ]
-          }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
-          d(X, {
-            modelValue: k.value,
-            "onUpdate:modelValue": o[6] || (o[6] = (x) => k.value = x),
-            label: s(n)("team.memberDetails.employeeId"),
-            "label-mark": "optional",
-            placeholder: s(n)("team.memberDetails.employeeIdPlaceholder"),
-            rules: [
-              (x) => x.trim().length <= s(Nt) || s(n)("team.memberDetails.errors.employeeIdTooLong")
-            ]
-          }, null, 8, ["modelValue", "label", "placeholder", "rules"])
-        ]),
-        f("div", qs, [
-          w.value === "mobile" ? (p(), G(X, {
-            key: 0,
-            modelValue: $.value,
-            "onUpdate:modelValue": o[7] || (o[7] = (x) => $.value = x),
-            label: s(n)("team.memberDetails.emailAddress"),
-            "label-mark": "optional",
-            placeholder: s(n)("team.memberDetails.emailPlaceholder"),
-            rules: [
-              (x) => !x.trim() || s(Xe)(x) || s(n)("team.memberDetails.errors.emailInvalid")
-            ]
-          }, null, 8, ["modelValue", "label", "placeholder", "rules"])) : (p(), R(ce, { key: 1 }, [
-            s(q) ? (p(), G(z, {
-              key: 0,
-              modelValue: V.value,
-              "onUpdate:modelValue": o[8] || (o[8] = (x) => V.value = x),
-              label: s(n)("team.memberDetails.phoneNumber"),
-              "label-mark": "optional",
-              "default-country": B.value,
-              "extra-country-codes": s(T),
-              rules: [
-                (x) => !s(Be)(x) || !!s(Se)(x) || s(n)("team.memberDetails.errors.mobileInvalid")
-              ]
-            }, null, 8, ["modelValue", "label", "default-country", "extra-country-codes", "rules"])) : L("", !0)
-          ], 64))
-        ])
-      ]);
-    };
-  }
-}), zs = {
-  class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-200 px-24 py-16",
-  "data-testid": "member-header-card"
-}, Ws = { class: "flex items-center gap-16" }, Xs = { class: "flex size-[56px] shrink-0 items-center justify-center rounded-full bg-fm-color-primary fm-typo-en-body-lg-600 text-fm-color-typo-white" }, Hs = { class: "flex min-w-0 flex-1 flex-col" }, Ys = { class: "flex items-center gap-8" }, Js = { class: "truncate text-[16px] font-semibold leading-[24px] text-fm-color-typo-primary" }, Zs = {
-  key: 0,
-  class: "truncate fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Qs = {
-  key: 1,
-  class: "truncate fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ea = /* @__PURE__ */ oe({
-  __name: "MemberHeaderCard",
-  props: {
-    name: {},
-    status: {},
-    email: {},
-    phoneNumber: {}
-  },
-  setup(l) {
-    const g = l, c = U(() => nt(g.name));
-    return (t, i) => (p(), R("div", zs, [
-      f("div", Ws, [
-        f("div", Xs, N(c.value), 1),
-        f("div", Hs, [
-          f("div", Ys, [
-            f("p", Js, N(l.name), 1),
-            d(it, { status: l.status }, null, 8, ["status"])
-          ]),
-          l.email ? (p(), R("p", Zs, N(l.email), 1)) : L("", !0),
-          l.phoneNumber ? (p(), R("p", Qs, N(l.phoneNumber), 1)) : L("", !0)
-        ])
-      ]),
-      Qt(t.$slots, "default")
-    ]));
-  }
-});
-function ta(l) {
-  const g = [];
-  for (const { restaurantId: c, roleId: t } of l) {
-    if (!c) continue;
-    const i = g.find((n) => n.roleId === t);
-    i ? i.restaurantIds.push(c) : g.push({ restaurantIds: [c], roleId: t });
-  }
-  return g;
-}
-function wt(l) {
-  return l.flatMap(
-    (g) => g.restaurantIds.map((c) => ({ restaurantId: c, roleId: g.roleId }))
-  );
-}
-function sa(l, g) {
-  const c = (t) => t.map((i) => `${i.restaurantId}:${i.roleId}`).sort().join("|");
-  return c(l) === c(g);
-}
-function aa(l) {
-  return `${l.profile.code ? `${l.profile.code} - ` : ""}${l.profile.name}`;
-}
-function la(l, g, c) {
-  var n;
-  const t = ((n = g[c]) == null ? void 0 : n.restaurantIds) ?? [], i = new Set(g.flatMap((I, T) => T === c ? [] : I.restaurantIds));
-  return l.filter((I) => I.managable || t.includes(I._id)).map((I) => ({
-    label: aa(I),
-    value: I._id,
-    disabled: i.has(I._id)
-  }));
-}
-function Tt(l, g, c) {
-  return g.restaurantIds.length === 0 ? [] : l.filter(
-    (t) => g.restaurantIds.every((i) => t.restaurants.some((n) => n.id === i))
-  ).map((t) => ({
-    label: t.name,
-    value: t._id,
-    disabled: !c(t) && t._id !== g.roleId
-  }));
-}
-function oa(l, g, c) {
-  var i, n;
-  const t = Tt(l, g, c);
-  return ((i = t.find((I) => I.value === g.roleId && !I.disabled)) == null ? void 0 : i.value) ?? ((n = t.find((I) => !I.disabled)) == null ? void 0 : n.value) ?? "";
-}
-function ra(l, g) {
-  const c = new Set(g.flatMap((i) => i.restaurantIds));
-  return l.some((i) => i.managable && !c.has(i._id)) && g.every((i) => i.restaurantIds.length > 0 && i.roleId);
-}
-const na = { class: "flex flex-col gap-12" }, ia = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_32px] gap-x-[14px]" }, ua = { class: "fm-typo-en-body-lg-600" }, ma = { class: "fm-typo-en-body-lg-600" }, da = ["disabled"], ca = /* @__PURE__ */ oe({
-  __name: "PosAssignmentRows",
-  props: {
-    modelValue: {
-      type: Array,
-      required: !0
-    },
-    restaurants: {
-      type: Array,
-      required: !0
-    },
-    roles: {
-      type: Array,
-      required: !0
-    },
-    isRoleUsable: {
-      type: Function,
-      required: !0
-    }
-  },
-  emits: ["update:modelValue", "create-role"],
-  setup(l, { emit: g }) {
-    const c = l, t = g, { t: i } = pe(), n = b(I(c.modelValue));
-    function I(y) {
-      const w = ta(y);
-      return w.length > 0 ? w : [{ restaurantIds: [], roleId: "" }];
-    }
-    ue(
-      () => c.modelValue,
-      (y) => {
-        sa(y, wt(n.value)) || (n.value = I(y));
-      },
-      { deep: !0 }
-    );
-    function T(y) {
-      n.value = y, t("update:modelValue", wt(y));
-    }
-    function q(y, w) {
-      const V = n.value.map(($, v) => {
-        if (v !== y) return $;
-        const k = { ...$, restaurantIds: w };
-        return { ...k, roleId: oa(c.roles, k, c.isRoleUsable) };
-      });
-      T(V);
-    }
-    function B(y, w) {
-      T(n.value.map((V, $) => $ === y ? { ...V, roleId: w } : V));
-    }
-    function P() {
-      T([...n.value, { restaurantIds: [], roleId: "" }]);
-    }
-    function K(y) {
-      const w = n.value.filter((V, $) => $ !== y);
-      T(w.length > 0 ? w : [{ restaurantIds: [], roleId: "" }]);
-    }
-    const m = U(() => ra(c.restaurants, n.value));
-    return (y, w) => {
-      const V = j("FmSelect"), $ = j("FmButton");
-      return p(), R("div", na, [
-        f("div", ia, [
-          f("p", ua, N(s(i)("team.posAccess.restaurants")), 1),
-          f("p", ma, N(s(i)("team.posAccess.posRole")), 1)
-        ]),
-        (p(!0), R(ce, null, Pt(n.value, (v, k) => (p(), R("div", {
-          key: k,
-          class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_32px] items-center gap-x-[14px]",
-          "data-testid": "pos-assignment-row"
-        }, [
-          d(V, {
-            class: "min-w-0",
-            "model-value": v.restaurantIds,
-            items: s(la)(l.restaurants, n.value, k),
-            multiselect: "",
-            searchable: "",
-            "search-debounce": 300,
-            placeholder: s(i)("team.posAccess.selectRestaurants"),
-            "onUpdate:modelValue": (F) => q(k, F)
-          }, null, 8, ["model-value", "items", "placeholder", "onUpdate:modelValue"]),
-          d(V, {
-            class: "min-w-0",
-            "model-value": v.roleId,
-            items: s(Tt)(l.roles, v, l.isRoleUsable),
-            placeholder: s(i)("team.posAccess.selectRole"),
-            disabled: v.restaurantIds.length === 0,
-            "onUpdate:modelValue": (F) => B(k, F)
-          }, {
-            "append-menu": ee(() => [
-              f("button", {
-                type: "button",
-                class: "w-full px-12 py-8 text-left text-[12px] font-semibold text-fm-color-primary",
-                "data-testid": "create-pos-role",
-                onClick: w[0] || (w[0] = (F) => t("create-role"))
-              }, " + " + N(s(i)("team.posAccess.createRole")), 1)
-            ]),
-            _: 1
-          }, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
-          n.value.length > 1 ? (p(), G($, {
-            key: 0,
-            icon: "delete",
-            variant: "tertiary",
-            size: "md",
-            "text-color": "neutral-gray-400",
-            "aria-label": s(i)("common.remove"),
-            onClick: lt((F) => K(k), ["stop"])
-          }, null, 8, ["aria-label", "onClick"])) : L("", !0)
-        ]))), 128)),
-        f("button", {
-          type: "button",
-          class: "self-start fm-typo-en-body-md-600 text-fm-color-primary disabled:cursor-not-allowed disabled:text-fm-color-typo-disabled",
-          disabled: !m.value,
-          "data-testid": "add-pos-row",
-          onClick: lt(P, ["stop"])
-        }, " + " + N(s(i)("team.posAccess.addRestaurant")), 9, da)
-      ]);
-    };
-  }
-}), pa = {
-  class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-300 bg-fm-color-neutral-white p-16",
-  "data-testid": "pos-access-card"
-}, fa = { class: "flex items-center gap-8" }, va = { class: "flex flex-1 flex-col gap-8" }, ba = { class: "fm-typo-en-title-sm-600" }, ya = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ga = {
-  key: 0,
-  class: "flex flex-col gap-24"
-}, ha = { class: "flex flex-col gap-12" }, xa = { class: "fm-typo-en-body-lg-600" }, _a = { class: "flex flex-col items-start gap-16" }, at = 4, Ia = /* @__PURE__ */ oe({
-  __name: "TeamMemberMasterUser",
-  props: {
-    modelValue: {
-      type: Object,
-      default: void 0
-    },
-    fallbackName: {
-      type: String,
-      required: !0
-    },
-    fallbackPasscode: {
-      type: String,
-      default: void 0
-    },
-    restaurants: {
-      type: Array,
-      required: !0
-    },
-    roles: {
-      type: Array,
-      required: !0
-    },
-    usableRoleIds: {
-      type: Array,
-      default: null
-    },
-    posUserId: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["update:model-value", "create-role"],
-  setup(l, { emit: g }) {
-    const c = l, t = g, { t: i } = pe(), n = ot(), I = Ct(n), T = b(!1), q = b([]), B = U(() => {
-      var v;
-      return ms(((v = c.modelValue) == null ? void 0 : v.roles) ?? []);
-    });
-    function P(v) {
-      return c.usableRoleIds === null || c.usableRoleIds.includes(v._id);
-    }
-    function K(v) {
-      v ? c.modelValue || t("update:model-value", {
-        code: "",
-        name: c.fallbackName,
-        roles: [],
-        passcode: c.fallbackPasscode || ""
-      }) : t("update:model-value", null);
-    }
-    function m(v, k) {
-      if (!c.modelValue || v === "passcode" && c.modelValue.passcode === k) return;
-      const F = Ue(c.modelValue);
-      F[v] = k, t("update:model-value", F);
-    }
-    const y = b(!1), w = U(() => B.value.length > 0);
-    async function V() {
-      if (w.value)
-        try {
-          const v = await I.custom(
-            () => ke.generateMasterUserPasscode({
-              restaurantIds: B.value,
-              excludePosUserId: c.posUserId
-            }),
-            { isLoading: y }
-          );
-          T.value = !1, q.value = v.split(""), m("passcode", v);
-        } catch {
-        }
-    }
-    ue(
-      () => {
-        var v;
-        return (v = c.modelValue) == null ? void 0 : v.passcode;
-      },
-      (v) => {
-        const k = q.value.join("");
-        v !== k && (v && v.length === at ? (q.value = v.split(""), T.value = !0) : (q.value = [], T.value = !1));
-      },
-      { immediate: !0 }
-    );
-    const $ = U({
-      get: () => {
-        var v;
-        return ((v = c.modelValue) == null ? void 0 : v.roles) ?? [];
-      },
-      set: () => {
-      }
-    });
-    return (v, k) => {
-      const F = j("FmSwitch"), M = j("FmFormGroup");
-      return p(), R("div", pa, [
-        f("div", fa, [
-          f("div", va, [
-            f("p", ba, N(s(i)("team.posAccess.title")), 1),
-            f("p", ya, N(s(i)("team.posAccess.subtitle")), 1)
-          ]),
-          d(F, {
-            "model-value": !!l.modelValue,
-            value: "master-user",
-            "onUpdate:modelValue": K
-          }, null, 8, ["model-value"])
-        ]),
-        l.modelValue ? (p(), R("div", ga, [
-          d(M, {
-            modelValue: $.value,
-            "onUpdate:modelValue": k[2] || (k[2] = (u) => $.value = u),
-            tag: "div",
-            rules: [
-              (u) => !u || u.length === 0 ? s(i)("team.memberForm.masterUser.restaurantRequired") : u.some((O) => !O.roleId) ? s(i)("team.memberForm.masterUser.roleRequired") : !0
-            ]
-          }, {
-            default: ee(() => [
-              d(ca, {
-                "model-value": l.modelValue.roles,
-                restaurants: l.restaurants,
-                roles: l.roles,
-                "is-role-usable": P,
-                "onUpdate:modelValue": k[0] || (k[0] = (u) => m("roles", u)),
-                onCreateRole: k[1] || (k[1] = (u) => t("create-role"))
-              }, null, 8, ["model-value", "restaurants", "roles"])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "rules"]),
-          f("div", ha, [
-            f("p", xa, N(s(i)("team.posAccess.passcode")), 1),
-            f("div", _a, [
-              d(M, {
-                modelValue: q.value,
-                "onUpdate:modelValue": k[6] || (k[6] = (u) => q.value = u),
-                rules: [
-                  (u) => (u == null ? void 0 : u.filter((O) => !!O).length) !== at ? s(i)("team.memberForm.masterUser.passcodeRequired") : !0
-                ]
-              }, {
-                default: ee(() => [
-                  d(ds, {
-                    modelValue: q.value,
-                    "onUpdate:modelValue": k[3] || (k[3] = (u) => q.value = u),
-                    masked: T.value,
-                    "onUpdate:masked": k[4] || (k[4] = (u) => T.value = u),
-                    length: at,
-                    "toggle-label": s(i)("team.memberForm.masterUser.passcodeToggleVisibility"),
-                    onComplete: k[5] || (k[5] = (u) => m("passcode", u))
-                  }, null, 8, ["modelValue", "masked", "toggle-label"])
-                ]),
-                _: 1
-              }, 8, ["modelValue", "rules"]),
-              d(cs, {
-                label: s(i)("team.memberForm.masterUser.passcodeGenerate"),
-                hint: s(i)("team.memberForm.masterUser.passcodeSelectOutletFirst"),
-                loading: y.value,
-                disabled: !w.value,
-                onClick: V
-              }, null, 8, ["label", "hint", "loading", "disabled"])
-            ])
-          ])
-        ])) : L("", !0)
-      ]);
-    };
-  }
-}), Ua = { class: "flex flex-col gap-24" }, ka = {
-  key: 0,
-  class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-200 p-16",
-  "data-testid": "where-they-work-card"
-}, Sa = { class: "flex flex-col gap-8" }, wa = { class: "fm-typo-en-title-sm-600" }, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pa = {
-  key: 1,
-  class: "flex items-center justify-center py-64"
-}, Ma = {
-  key: 3,
-  class: "flex flex-col gap-16 rounded-[16px] border border-fm-color-neutral-gray-300 p-16",
-  "data-testid": "portal-access-card"
-}, $a = { class: "flex items-center gap-8" }, Fa = { class: "flex flex-1 flex-col gap-8" }, Ra = { class: "fm-typo-en-title-sm-600" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Da = /* @__PURE__ */ oe({
-  __name: "MemberGrantFields",
-  props: {
-    initialValue: {
-      type: Object
-    },
-    /** Name to fall back on when neither the saved grant nor the POS user has one. */
-    fallbackName: {
-      type: String,
-      default: ""
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["create-pos-role"],
-  setup(l, { expose: g, emit: c }) {
-    var Q, Me, ve;
-    const t = l, i = c, { t: n } = pe(), I = Ft(), { breakpoints: T } = Rt(), q = Et(), B = U(
-      () => q.permissionSets.value.map((r) => ({
-        label: r.name,
-        value: r.id
-      }))
-    ), P = b(((Q = t.initialValue) == null ? void 0 : Q.permissionSetIds) || []), K = U(
-      () => tt(P.value, q.permissionSets.value)
-    ), m = b((Me = t.initialValue) == null ? void 0 : Me.posUser), y = b(
-      It(
-        st(K.value),
-        ((ve = t.initialValue) == null ? void 0 : ve.permissions) || []
-      )
-    ), { customReportPermissions: w, isLoaded: V } = At(), $ = new Set(
-      Ut.filter((r) => r.subject.startsWith(_s)).map((r) => r.subject)
-    ), v = U(() => {
-      const r = new Set($);
-      for (const D of w.value) r.add(D.subject);
-      return r;
-    }), k = U(() => {
-      const r = /* @__PURE__ */ new Set();
-      for (const D of Ut)
-        D.category === vt.reports && r.add(D.subject);
-      for (const D of w.value)
-        D.category === vt.reports && r.add(D.subject);
-      return r;
-    }), F = U(() => {
-      var r;
-      return !!((r = t.initialValue) != null && r.isOwner);
-    }), M = U(
-      () => kt(y.value, { isOwner: F.value })
-    ), u = Ot(), O = Lt().roles, H = U(() => {
-      const r = M.value.restaurantIds;
-      return r === null ? u.restaurants.value : u.restaurants.value.filter((D) => r.includes(D._id));
-    }), Z = b(!1);
-    function re(r) {
-      Z.value = r, !r && (P.value = [], y.value = fs(y.value));
-    }
-    const Y = b({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
-    function te(r) {
-      P.value = [...(r == null ? void 0 : r.permissionSetIds) ?? []], y.value = It(
-        st(
-          tt(
-            P.value,
-            q.permissionSets.value
-          )
-        ),
-        (r == null ? void 0 : r.permissions) || []
-      ), m.value = r != null && r.posUser ? C(Ue(r.posUser), y.value) : void 0, we.value = !!m.value, Z.value = vs(y.value, P.value), Y.value = {
-        permissionSetIds: [...P.value],
-        userPermissions: Ue(y.value),
-        posUser: m.value ? Ue(m.value) : void 0
-      };
-    }
-    function E() {
-      return !Te.isEqual(P.value, Y.value.permissionSetIds) || !Te.isEqual(y.value, Y.value.userPermissions) || !Te.isEqual(m.value, Y.value.posUser);
-    }
-    function o(r) {
-      m.value = C(m.value, r);
-    }
-    function _(r) {
-      return st(
-        tt(r, q.permissionSets.value)
-      );
-    }
-    function z(r) {
-      y.value = _(r);
-    }
-    function ne(r) {
-      const D = [...r ?? []];
-      if (Te.isEqual(D, P.value)) return;
-      const be = !Te.isEqual(
-        y.value,
-        _(P.value)
-      );
-      if (P.value = D, !be) {
-        z(D);
-        return;
-      }
-      I.open({
-        title: n("permissionSet.form.overrideInherited.title"),
-        message: n("permissionSet.form.overrideInherited.message"),
-        minWidth: T.value.lg ? 588 : 0,
-        primaryActions: {
-          text: n("permissionSet.form.overrideInherited.override"),
-          close: !1
-        },
-        secondaryActions: {
-          text: n("permissionSet.form.overrideInherited.keepCurrent"),
-          close: !0
-        }
-      }).onPrimary(() => {
-        z(D), I.close();
-      });
-    }
-    function X() {
-      var r, D;
-      return bs({
-        userPermissions: y.value,
-        inheritedPermissions: K.value,
-        permissionSetIds: P.value,
-        posUser: m.value,
-        reportSubjects: V.value ? v.value : $,
-        defaultReportSubjects: k.value,
-        savedPosUser: (r = t.initialValue) == null ? void 0 : r.posUser,
-        fallbackName: ((D = t.initialValue) == null ? void 0 : D.name) || t.fallbackName
-      });
-    }
-    const x = b();
-    function C(r, D) {
-      if (!r) return r;
-      const be = kt(D, { isOwner: F.value }), { roleIds: ye, restaurantIds: J } = be;
-      if (ye === null && J === null) return r;
-      const ae = Ue(r);
-      return ae.roles = ae.roles.filter(
-        (me) => (ye === null || ye.includes(me.roleId)) && (J === null || J.includes(me.restaurantId))
-      ), ae;
-    }
-    const we = b(!!m.value), Ve = b(!1);
-    function Pe(r) {
-      m.value = r, Ve.value = !0;
-    }
-    return ue(
-      () => !!m.value,
-      async (r) => {
-        r && !we.value && Ve.value && (await es(), x.value && x.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), we.value = r;
-      }
-    ), ue(
-      () => t.initialValue,
-      (r, D) => {
-        if (!D || !r || D.id !== r.id) {
-          Ve.value = !1, te(r);
-          return;
-        }
-        r.posUser !== void 0 && !Ve.value && (m.value = r.posUser ? C(Ue(r.posUser), y.value) : void 0, Y.value = {
-          ...Y.value,
-          posUser: m.value ? Ue(m.value) : void 0
-        });
-      },
-      { immediate: !0 }
-    ), ue(
-      y,
-      (r) => {
-        m.value = C(m.value, r);
-      },
-      { deep: !0 }
-    ), g({
-      readGrantData: X,
-      isModified: E
-    }), (r, D) => {
-      var ae, me, $e, qe, Fe, Ge;
-      const be = j("FmCircularProgress"), ye = j("FmSwitch"), J = j("FmSelect");
-      return p(), R("div", Ua, [
-        (ae = l.initialValue) != null && ae.isOwner ? L("", !0) : (p(), R("section", ka, [
-          f("div", Sa, [
-            f("p", wa, N(s(n)("team.whereTheyWork.title")), 1),
-            f("p", Va, N(s(n)("team.whereTheyWork.subtitle")), 1)
-          ]),
-          d(_t, {
-            modelValue: y.value,
-            "onUpdate:modelValue": D[0] || (D[0] = (Re) => y.value = Re),
-            part: "workplace",
-            "inherit-permissions": K.value,
-            onPermissionChanged: o
-          }, null, 8, ["modelValue", "inherit-permissions"])
-        ])),
-        l.loading ? (p(), R("div", Pa, [
-          d(be, { size: "xl" })
-        ])) : (p(), G(Ia, {
-          key: 2,
-          ref_key: "masterUserContentRef",
-          ref: x,
-          "model-value": m.value,
-          "fallback-name": ((me = l.initialValue) == null ? void 0 : me.name) || l.fallbackName,
-          "fallback-passcode": (qe = ($e = l.initialValue) == null ? void 0 : $e.posUser) == null ? void 0 : qe.passcode,
-          roles: s(O),
-          "usable-role-ids": M.value.roleIds,
-          restaurants: H.value,
-          "pos-user-id": (Fe = l.initialValue) == null ? void 0 : Fe.posUserId,
-          "onUpdate:modelValue": Pe,
-          onCreateRole: D[1] || (D[1] = (Re) => i("create-pos-role"))
-        }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "usable-role-ids", "restaurants", "pos-user-id"])),
-        (Ge = l.initialValue) != null && Ge.isOwner ? L("", !0) : (p(), R("section", Ma, [
-          f("div", $a, [
-            f("div", Fa, [
-              f("p", Ra, N(s(n)("team.portalAccess.title")), 1),
-              f("p", Ca, N(s(n)("team.portalAccess.subtitle")), 1)
-            ]),
-            d(ye, {
-              "model-value": Z.value,
-              value: "portal-access",
-              "onUpdate:modelValue": re
-            }, null, 8, ["model-value"])
-          ]),
-          Z.value ? (p(), R(ce, { key: 0 }, [
-            d(J, {
-              "model-value": P.value,
-              multiselect: "",
-              searchable: "",
-              "search-debounce": 300,
-              label: s(n)("team.memberForm.permissionSet.title"),
-              items: B.value,
-              placeholder: s(n)("team.memberForm.permissionSet.selectPlaceholder"),
-              "onUpdate:modelValue": ne
-            }, null, 8, ["model-value", "label", "items", "placeholder"]),
-            d(_t, {
-              modelValue: y.value,
-              "onUpdate:modelValue": D[2] || (D[2] = (Re) => y.value = Re),
-              part: "portal",
-              "inherit-permissions": K.value,
-              onPermissionChanged: o
-            }, null, 8, ["modelValue", "inherit-permissions"])
-          ], 64)) : L("", !0)
-        ]))
-      ]);
-    };
-  }
-}), Vt = {
-  async readPermissionUserByPhoneNo(l) {
-    return bt(
-      await yt().get(
-        `/portal-users/search-by-phone/${encodeURIComponent(l)}`
-      )
-    );
-  },
-  async readPermissionUserByEmail(l) {
-    return bt(
-      await yt().get(
-        `/portal-users/search-by-email/${encodeURIComponent(l)}`
-      )
-    );
-  }
-}, Na = { class: "flex flex-col gap-24 w-full" }, Ea = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, Aa = { class: "user-info-icon user-info-icon--lg" }, Oa = { class: "flex-1 overflow-hidden" }, La = { class: "profile-displayName" }, Ta = { class: "profile-email" }, Ba = { class: "profile-phone" }, ja = { key: 2 }, qa = /* @__PURE__ */ oe({
-  __name: "PortalUserSearcher",
-  emits: ["invite"],
-  setup(l, { emit: g }) {
-    const c = g, { t } = pe(), i = ot(), n = He(), { supportedCountries: I, ready: T } = Ye(), q = U(() => {
-      var u;
-      const M = (u = n.currentCountry.value) == null ? void 0 : u.toUpperCase();
-      return M && rt(M) ? M : void 0;
-    }), B = b("phone"), P = b(""), K = b(""), m = b(), y = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = U(() => y.test(K.value.trim()));
-    async function V() {
-      const M = B.value === "phone" ? P.value.replace(/ /g, "") : K.value.trim();
-      if (!M) {
-        i.open({
-          type: "error",
-          title: t("team.memberForm.searchUser.emptyError")
-        });
-        return;
-      }
-      if (B.value === "email" && !w.value) {
-        i.open({
-          type: "error",
-          title: t("team.memberForm.searchUser.invalidEmail")
-        });
-        return;
-      }
-      const u = () => {
-        m.value = void 0, i.open({
-          type: "error",
-          title: t("team.memberForm.searchUser.userNotFound")
-        });
-      };
-      try {
-        const O = B.value === "phone" ? await Vt.readPermissionUserByPhoneNo(M) : await Vt.readPermissionUserByEmail(M);
-        if (!O) {
-          u();
-          return;
-        }
-        m.value = O;
-      } catch {
-        m.value = void 0, i.open({
-          type: "error",
-          title: t("team.memberForm.searchUser.searchFailed")
-        });
-      }
-    }
-    const $ = U(() => {
-      var H;
-      let M = ((H = m.value) == null ? void 0 : H.displayName) ?? "";
-      M || (M = "Feed Me");
-      const [u, O] = M.split(" ");
-      return O ? `${u[0]}${O[0]}` : u.slice(0, 2);
-    }), v = b(!1);
-    function k(M) {
-      c("invite", M), v.value = !0;
-    }
-    function F() {
-      v.value = !1;
-    }
-    return (M, u) => {
-      var E, o, _;
-      const O = j("FmRadio"), H = j("FmPhoneNumber"), Z = j("FmCircularProgress"), re = j("FmTextField"), Y = j("FmRadioGroup"), te = j("FmButton");
-      return p(), R("div", Na, [
-        v.value ? L("", !0) : (p(), R("div", Ea, [
-          d(Y, {
-            modelValue: B.value,
-            "onUpdate:modelValue": u[2] || (u[2] = (z) => B.value = z)
-          }, {
-            default: ee(() => [
-              d(O, {
-                value: "phone",
-                label: s(t)("team.memberForm.searchUser.phoneNumber")
-              }, null, 8, ["label"]),
-              B.value === "phone" && s(T) ? (p(), G(H, {
-                key: 0,
-                modelValue: P.value,
-                "onUpdate:modelValue": u[0] || (u[0] = (z) => P.value = z),
-                "default-country": q.value,
-                "extra-country-codes": s(I),
-                class: "ml-8"
-              }, null, 8, ["modelValue", "default-country", "extra-country-codes"])) : B.value === "phone" ? (p(), G(Z, {
-                key: 1,
-                class: "ml-8"
-              })) : L("", !0),
-              d(O, {
-                value: "email",
-                label: s(t)("team.memberForm.searchUser.email")
-              }, null, 8, ["label"]),
-              B.value === "email" ? (p(), G(re, {
-                key: 2,
-                modelValue: K.value,
-                "onUpdate:modelValue": u[1] || (u[1] = (z) => K.value = z),
-                placeholder: s(t)("team.memberForm.searchUser.emailPlaceholder"),
-                rules: [
-                  (z) => !z || w.value || s(t)("team.memberForm.searchUser.invalidEmail")
-                ],
-                class: "ml-8"
-              }, null, 8, ["modelValue", "placeholder", "rules"])) : L("", !0)
-            ]),
-            _: 1
-          }, 8, ["modelValue"]),
-          d(te, {
-            label: s(t)("team.memberForm.searchUser.search"),
-            variant: "secondary",
-            onClick: V
-          }, null, 8, ["label"])
-        ])),
-        m.value ? (p(), R("div", {
-          key: 1,
-          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: u[3] || (u[3] = (z) => k(m.value))
-        }, [
-          f("div", Aa, N($.value), 1),
-          f("div", Oa, [
-            f("p", La, N((E = m.value) == null ? void 0 : E.displayName), 1),
-            f("p", Ta, N((o = m.value) == null ? void 0 : o.email), 1),
-            f("p", Ba, N((_ = m.value) == null ? void 0 : _.phoneNumber), 1)
-          ])
-        ])) : L("", !0),
-        v.value ? (p(), R("div", ja, [
-          d(te, {
-            label: s(t)("team.memberForm.searchUser.changeUser"),
-            variant: "secondary",
-            onClick: F
-          }, null, 8, ["label"])
-        ])) : L("", !0)
-      ]);
-    };
-  }
-}), Ga = /* @__PURE__ */ ls(qa, [["__scopeId", "data-v-827dfd60"]]), Ka = { class: "flex flex-col gap-24" }, za = {
-  key: 1,
-  class: "flex w-full"
-}, Wa = {
-  key: 0,
-  class: "grid grid-cols-2 gap-[14px] xs:grid-cols-1",
-  "data-testid": "member-edit-details"
-}, Xa = /* @__PURE__ */ oe({
-  __name: "AddMemberForm",
-  props: {
-    initialValue: {
-      type: Object
-    },
-    /**
-     * The business's staff SSO providers. With one, Add creates the member by their SSO
-     * sign-in key (an invite until their first sign-in) instead of searching FeedMe users.
-     */
-    providers: {
-      type: Array,
-      default: () => []
-    },
-    roleErrorMessage: {
-      type: String,
-      default: ""
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["update-existing", "create-pos-role"],
-  setup(l, { expose: g, emit: c }) {
-    const t = l, i = c, n = U(() => !t.initialValue && t.providers.length > 0), { t: I } = pe(), T = He(), { supportedCountries: q, ready: B } = Ye(), P = U(() => {
-      var _;
-      const o = (_ = T.currentCountry.value) == null ? void 0 : _.toUpperCase();
-      return o && rt(o) ? o : void 0;
-    }), K = U(() => {
-      var o;
-      return ((o = t.initialValue) == null ? void 0 : o.status) === "invited";
-    }), m = U(() => !!t.initialValue && !t.initialValue.isOwner), y = b(""), w = b(""), V = b("");
-    function $(o) {
-      y.value = (o == null ? void 0 : o.displayName) ?? (o == null ? void 0 : o.name) ?? "", w.value = (o == null ? void 0 : o.employeeId) ?? "", V.value = (o == null ? void 0 : o.contact) ?? "";
-    }
-    $(t.initialValue);
-    function v() {
-      var _;
-      if (!m.value) return null;
-      const o = ((_ = t.initialValue) == null ? void 0 : _.match) === "email" ? Be(V.value) ? Se(V.value) ?? "" : "" : V.value.trim().toLowerCase();
-      return {
-        displayName: y.value.trim(),
-        employeeId: w.value.trim(),
-        contact: o
-      };
-    }
-    function k() {
-      const o = t.initialValue;
-      return !o || !m.value ? !1 : w.value.trim() !== (o.employeeId ?? "") || K.value && (y.value.trim() !== (o.displayName ?? o.name) || V.value.trim() !== (o.contact ?? ""));
-    }
-    const F = b(), M = b(), u = b();
-    function O() {
-      var o, _;
-      return n.value && ((o = u.value) != null && o.isModified()) || k() || !t.initialValue && F.value ? !0 : ((_ = M.value) == null ? void 0 : _.isModified()) ?? !1;
-    }
-    function H(o) {
-      F.value = o;
-    }
-    function Z(o) {
-      return y.value === (o.displayName ?? o.name) && w.value === (o.employeeId ?? "") && V.value === (o.contact ?? "");
-    }
-    function re() {
-      var _, z, ne, X, x;
-      const o = ((_ = M.value) == null ? void 0 : _.readGrantData()) ?? ys;
-      return {
-        email: ((z = F.value) == null ? void 0 : z.email) ?? void 0,
-        phoneNumber: ((ne = F.value) == null ? void 0 : ne.phoneNumber) ?? void 0,
-        customPermissions: o.customPermissions,
-        permissions: o.permissions,
-        permissionSetIds: o.permissionSetIds,
-        name: ((X = F.value) == null ? void 0 : X.displayName) || ((x = t.initialValue) == null ? void 0 : x.name) || "",
-        posUser: o.posUser
-      };
-    }
-    function Y() {
-      var o;
-      return n.value ? ((o = u.value) == null ? void 0 : o.readDetails()) ?? null : null;
-    }
-    const te = b();
-    async function E() {
-      return (await te.value.validateInputsWithoutSubmit()).length ? null : re();
-    }
-    return ue(
-      () => t.initialValue,
-      (o, _) => {
-        (!_ || !o || _.id !== o.id) && (F.value = void 0), (!_ || !o || _.id !== o.id || Z(_)) && $(o);
-      }
-    ), g({
-      readFormData: re,
-      readDetails: Y,
-      readEdits: v,
-      validate: E,
-      isModified: O,
-      /** Add stays disabled while the sign-in key belongs to someone already (AC4). */
-      hasExisting: U(() => {
-        var o;
-        return !!((o = u.value) != null && o.hasExisting);
-      }),
-      providerLabel: U(() => {
-        var o;
-        return ((o = u.value) == null ? void 0 : o.providerLabel) ?? "";
-      })
-    }), (o, _) => {
-      const z = j("FmTextField"), ne = j("FmPhoneNumber"), X = j("FmForm");
-      return p(), G(X, {
-        ref_key: "formRef",
-        ref: te,
-        class: "mx-4"
-      }, {
-        default: ee(() => {
-          var x;
-          return [
-            f("div", Ka, [
-              n.value ? (p(), G(Ks, {
-                key: 0,
-                ref_key: "detailsRef",
-                ref: u,
-                providers: l.providers,
-                onUpdateExisting: _[0] || (_[0] = (C) => i("update-existing", C))
-              }, null, 8, ["providers"])) : l.initialValue ? (p(), G(ea, {
-                key: 2,
-                name: l.initialValue.name,
-                status: l.initialValue.status ?? "active",
-                email: l.initialValue.email,
-                "phone-number": l.initialValue.phoneNumber
-              }, {
-                default: ee(() => [
-                  m.value ? (p(), R("div", Wa, [
-                    K.value ? (p(), G(z, {
-                      key: 0,
-                      modelValue: y.value,
-                      "onUpdate:modelValue": _[2] || (_[2] = (C) => y.value = C),
-                      label: s(I)("team.memberDetails.name"),
-                      placeholder: s(I)("team.memberDetails.namePlaceholder"),
-                      rules: [
-                        (C) => !!C.trim() || s(I)("team.memberDetails.errors.nameRequired"),
-                        (C) => C.trim().length <= s(Dt) || s(I)("team.memberDetails.errors.nameTooLong")
-                      ]
-                    }, null, 8, ["modelValue", "label", "placeholder", "rules"])) : L("", !0),
-                    d(z, {
-                      modelValue: w.value,
-                      "onUpdate:modelValue": _[3] || (_[3] = (C) => w.value = C),
-                      label: s(I)("team.memberDetails.employeeId"),
-                      "label-mark": "optional",
-                      placeholder: s(I)("team.memberDetails.employeeIdPlaceholder"),
-                      rules: [
-                        (C) => C.trim().length <= s(Nt) || s(I)("team.memberDetails.errors.employeeIdTooLong")
-                      ]
-                    }, null, 8, ["modelValue", "label", "placeholder", "rules"]),
-                    K.value ? (p(), R(ce, { key: 1 }, [
-                      l.initialValue.match === "mobile" ? (p(), G(z, {
-                        key: 0,
-                        modelValue: V.value,
-                        "onUpdate:modelValue": _[4] || (_[4] = (C) => V.value = C),
-                        label: s(I)("team.memberDetails.emailAddress"),
-                        "label-mark": "optional",
-                        placeholder: s(I)("team.memberDetails.emailPlaceholder"),
-                        rules: [
-                          (C) => !C.trim() || s(Xe)(C) || s(I)("team.memberDetails.errors.emailInvalid")
-                        ]
-                      }, null, 8, ["modelValue", "label", "placeholder", "rules"])) : s(B) ? (p(), G(ne, {
-                        key: 1,
-                        modelValue: V.value,
-                        "onUpdate:modelValue": _[5] || (_[5] = (C) => V.value = C),
-                        label: s(I)("team.memberDetails.phoneNumber"),
-                        "label-mark": "optional",
-                        "default-country": P.value,
-                        "extra-country-codes": s(q),
-                        rules: [
-                          (C) => !s(Be)(C) || !!s(Se)(C) || s(I)("team.memberDetails.errors.mobileInvalid")
-                        ]
-                      }, null, 8, ["modelValue", "label", "default-country", "extra-country-codes", "rules"])) : L("", !0)
-                    ], 64)) : L("", !0)
-                  ])) : L("", !0)
-                ]),
-                _: 1
-              }, 8, ["name", "status", "email", "phone-number"])) : (p(), R("div", za, [
-                d(Ga, {
-                  onInvite: _[1] || (_[1] = (C) => H(C))
-                })
-              ])),
-              n.value || F.value || l.initialValue ? (p(), G(Da, {
-                key: 3,
-                ref_key: "grantFieldsRef",
-                ref: M,
-                "initial-value": l.initialValue,
-                "fallback-name": ((x = F.value) == null ? void 0 : x.displayName) || "",
-                loading: l.loading,
-                onCreatePosRole: _[6] || (_[6] = (C) => i("create-pos-role"))
-              }, null, 8, ["initial-value", "fallback-name", "loading"])) : L("", !0)
-            ])
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ha = {
-  class: "space-y-24"
-}, Ya = {
-  class: "space-y-8"
-}, Ja = {
-  key: 0,
-  class: "flex w-full items-start justify-between px-16"
-}, Za = {
-  class: "flex items-start gap-8"
-}, Qa = {
-  key: 1,
-  class: "space-y-4 px-16"
-}, el = {
-  class: "flex items-start gap-8"
-}, tl = {
-  class: "flex h-full flex-col overflow-auto"
-}, sl = {
-  class: "flex w-full items-center justify-between"
-}, al = {
-  class: "fm-typo-en-title-md-600"
-}, ll = {
-  class: "flex items-center justify-start gap-8"
-}, Ee = 100, ol = 2;
-var se = /* @__PURE__ */ function(l) {
-  return l[l.ADD = 0] = "ADD", l[l.UPDATE = 1] = "UPDATE", l[l.CLOSED = 2] = "CLOSED", l;
-}(se || {});
-const Sl = /* @__PURE__ */ oe({
-  __name: "TeamMemberList",
-  setup(l, {
-    expose: g
-  }) {
-    const {
-      fetchCustomReportPermissions: c
-    } = At();
-    Ye();
-    const {
-      t
-    } = pe(), i = He(), {
-      providers: n,
-      hasProviders: I,
-      canInvite: T,
-      providerLabel: q
-    } = hs(), B = U(() => T.value ? n.value : []), P = Ot(), K = Lt(), m = ot(), y = Ct(m), w = Et(), V = Is(), $ = b(!0), v = b(!1), k = U(() => P.isLoading.value), F = b([]), M = b(0), u = b(1), O = b(""), H = b("");
-    ue(P.restaurants, (e) => {
-      if (e.length > 0 && F.value.length > 0) {
-        const a = new Map(e.map((S) => [S._id, S.profile.name])), h = e.map((S) => S.profile.name).sort();
-        F.value = F.value.map((S) => ({
-          ...S,
-          restaurants: S.managableRestaurantIds === null ? h : S.managableRestaurantIds.map((W) => a.get(W) ?? "").filter(Boolean).sort()
-        }));
-      }
-    });
-    const Z = U(() => [{
-      label: t("team.filter.unassigned_label"),
-      value: je
-    }, ...P.restaurants.value.map((e) => ({
-      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
-      value: e._id
-    }))]), re = ({
-      member: e,
-      className: a = ""
-    }) => {
-      const h = {
-        label: t("team.actions.updateMember"),
-        onClick: () => Me(Oe.Update, e)
-      }, S = {
-        label: t("team.actions.removeMember"),
-        onClick: () => Me(Oe.Remove, e),
-        itemClass: "text-fm-color-typo-error"
-      };
-      if (e.status === "invited") {
-        const le = {
-          label: t("team.staffInvite.actions.resend"),
-          onClick: () => Bt(e)
-        }, Ne = {
-          label: t("team.staffInvite.actions.revoke"),
-          onClick: () => Re(e),
-          itemClass: "text-fm-color-typo-error"
-        };
-        return d(gt, {
-          class: a,
-          items: [h, le, Ne]
-        }, null);
-      }
-      const W = e.doc.isOwner ? [h] : [h, S];
-      return d(gt, {
-        class: a,
-        items: W
-      }, null);
-    }, Y = (e) => {
-      if (e.doc.isOwner) return t("team.labels.businessOwner");
-      const a = e.restaurants.slice(0, ol), h = e.restaurants.length - a.length;
-      return d("div", {
-        class: "flex flex-col gap-4 py-4"
-      }, [a.map((S) => d("span", {
-        class: "truncate"
-      }, [S])), h > 0 && d("span", {
-        class: "text-fm-color-primary"
-      }, [t("team.labels.moreRestaurants", {
-        count: h
-      })])]);
-    }, te = (e) => e.phoneNumber || e.email, E = [{
-      accessorKey: "name",
-      header: () => t("team.table.columns.name"),
-      enableSorting: !1,
-      cell(e) {
-        const a = e.row.original;
-        return d("div", {
-          class: "flex items-center gap-8"
-        }, [d(Qe.FmAvatar, {
-          name: a.name,
-          initials: nt(a.name),
-          size: "sm",
-          class: "shrink-0"
-        }, null), d("span", {
-          class: "truncate"
-        }, [a.name])]);
-      }
-    }, {
-      accessorKey: "phoneNumber",
-      header: () => t("team.table.columns.phoneNumber"),
-      enableSorting: !1,
-      cell(e) {
-        const a = e.row.original;
-        return d("div", {
-          class: "flex min-w-0 items-center gap-8"
-        }, [d("span", {
-          class: "truncate"
-        }, [te(a)]), a.loginMethod === "sso" && d("span", {
-          class: "shrink-0 rounded-[4px] bg-fm-color-neutral-gray-100 px-4 py-[2px] text-[10px] font-medium leading-[14px] text-fm-color-typo-secondary"
-        }, [t("team.labels.sso")])]);
-      }
-    }, {
-      accessorKey: "restaurant",
-      header: () => t("team.table.columns.restaurant"),
-      enableSorting: !1,
-      cell(e) {
-        if (k.value)
-          return ts(ps);
-        const a = e.row.original;
-        return Y(a);
-      }
-    }, {
-      accessorKey: "assignedRoles",
-      header: () => t("team.table.columns.assignedRoles"),
-      enableSorting: !1,
-      cell(e) {
-        const a = e.row.original, h = V.getPermissionAssignmentByUserId(a.id), S = (h == null ? void 0 : h.permissionSetIds) || a.doc.permissionSetIds || [];
-        return w.permissionSets.value.filter((le) => S.includes(le.id)).map((le) => le.name).join(", ");
-      }
-    }, {
-      accessorKey: "permission",
-      header: () => t("team.table.columns.permission"),
-      enableSorting: !1,
-      cell(e) {
-        const a = e.row.original;
-        return o(a);
-      },
-      meta: {
-        width: "200px"
-      }
-    }, {
-      accessorKey: "posAccess",
-      header: () => t("team.table.columns.posAccess"),
-      enableSorting: !1,
-      cell(e) {
-        return e.row.original.doc.hasPosUser ? t("team.labels.yes") : t("team.labels.no");
-      }
-    }, {
-      accessorKey: "status",
-      header: () => t("team.table.columns.status"),
-      enableSorting: !1,
-      cell(e) {
-        return d(it, {
-          status: e.row.original.status
-        }, null);
-      }
-    }, {
-      id: "action",
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell(e) {
-        const a = e.row.original;
-        return re({
-          member: a,
-          className: "flex justify-end w-full"
-        });
-      },
-      enableSorting: !1
-    }];
-    function o(e) {
-      if (e.doc.isOwner)
-        return t("team.labels.businessOwner");
-      const a = d(Qe.FmTooltip, {
-        variant: "plain",
-        placement: "top"
-      }, {
-        default: () => d(Qe.FmIcon, {
-          name: "info",
-          class: "cursor-pointer text-fm-color-neutral-gray-300"
-        }, null),
-        content: () => d("div", null, [t("team.labels.permission"), e.permissionLabels.map((h) => d("div", null, [ss("- "), h]))])
-      });
-      return d("div", {
-        class: "flex flex-row items-center gap-8"
-      }, [d("span", null, [t("team.labels.allowed", {
-        count: e.permissionLabels.length
-      })]), e.permissionLabels.length > 0 && a]);
-    }
-    function _(e) {
-      var W, le, Ne, Le;
-      const a = V.getPermissionAssignmentByUserId(e.id), h = (a == null ? void 0 : a.customPermissions) ?? e.permissions ?? [], S = (a == null ? void 0 : a.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
-      return {
-        id: e.id,
-        isOwner: e.doc.isOwner,
-        name: e.name,
-        phoneNumber: e.phoneNumber,
-        email: e.email,
-        permissions: h,
-        permissionSetIds: S,
-        posUser: e.doc.posUser ? {
-          code: ((W = e.doc.posUser) == null ? void 0 : W.code) ?? "",
-          name: ((le = e.doc.posUser) == null ? void 0 : le.name) ?? e.name,
-          passcode: ((Ne = e.doc.posUser) == null ? void 0 : Ne.passcode) ?? "",
-          roles: ((Le = e.doc.posUser) == null ? void 0 : Le.roles) ?? []
-        } : void 0,
-        posUserId: e.doc.posUserId,
-        status: e.status,
-        employeeId: e.doc.employeeId ?? null
-      };
-    }
-    function z(e) {
-      const a = V.getPermissionAssignmentByUserId(e.id), h = (a == null ? void 0 : a.customPermissions) ?? e.permissions ?? [], S = (a == null ? void 0 : a.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
-      return {
-        id: e.id,
-        isOwner: e.doc.isOwner,
-        name: e.name,
-        phoneNumber: e.phoneNumber,
-        email: e.email,
-        permissions: h,
-        permissionSetIds: S,
-        posUser: void 0,
-        posUserId: e.doc.posUserId,
-        status: e.status,
-        employeeId: e.doc.employeeId ?? null
-      };
-    }
-    function ne(e) {
-      var a, h, S, W;
-      return {
-        id: e._id,
-        isOwner: !1,
-        name: e.displayName || e.mobile || e.email || "",
-        phoneNumber: e.mobile ?? ((a = e.contact) == null ? void 0 : a.mobile) ?? "",
-        email: e.email ?? ((h = e.contact) == null ? void 0 : h.email) ?? "",
-        // Saved overrides on top of the roles, as for a member's assignment
-        permissions: e.grant.customPermissions,
-        permissionSetIds: e.grant.permissionSetIds,
-        posUser: e.grant.posUser ?? void 0,
-        status: "invited",
-        displayName: e.displayName ?? "",
-        employeeId: e.employeeId ?? null,
-        match: e.match,
-        contact: (e.match === "mobile" ? (S = e.contact) == null ? void 0 : S.email : (W = e.contact) == null ? void 0 : W.mobile) ?? ""
-      };
-    }
-    const X = b(null);
-    function x(e) {
-      return {
-        label: q(e.provider),
-        match: e.match
-      };
-    }
-    async function C(e) {
-      const a = ++Q;
-      try {
-        const h = typeof e == "string" ? (await Ae.readInvites()).find((S) => S._id === e) : e;
-        if (a !== Q) return;
-        if (!h) {
-          m.open({
-            type: "error",
-            title: t("team.staffInvite.errors.not_pending")
-          }), await _e();
-          return;
-        }
-        X.value = h, J.value = ne(h), r.value = se.UPDATE;
-      } catch {
-        if (a !== Q) return;
-        m.open({
-          message: t("common.error"),
-          type: "error"
-        });
-      }
-    }
-    async function we(e) {
-      const a = ++Q;
-      X.value = null, J.value = z(e), r.value = se.UPDATE, Pe.value = e.doc.hasPosUser === !0;
-      try {
-        const h = await ke.readTeamMember(e.id);
-        if (a !== Q) return;
-        J.value = _(h);
-      } catch {
-        if (a !== Q) return;
-        m.open({
-          message: t("common.error"),
-          type: "error"
-        }), $e();
-      } finally {
-        a === Q && (Pe.value = !1);
-      }
-    }
-    async function Ve(e) {
-      if (ae(), e.kind === "invite") {
-        await C(e.invite);
-        return;
-      }
-      const a = ++Q;
-      try {
-        const h = await ke.readTeamMember(e.id);
-        if (a !== Q) return;
-        await we(h);
-      } catch {
-        m.open({
-          message: t("common.error"),
-          type: "error"
-        });
-      }
-    }
-    const Pe = b(!1);
-    let Q = 0;
-    const Me = async (e, a) => {
-      e == Oe.Update && (a.status === "invited" ? await C(a.id) : await we(a)), e == Oe.Remove && Ge(a);
-    }, ve = Ft(), r = b(se.CLOSED), D = U(() => r.value !== se.CLOSED), be = U(() => r.value === se.ADD ? t("common.add") : t("common.update")), ye = U(() => r.value === se.ADD ? t("team.actions.addMember") : t("team.actions.updateMember")), J = b();
-    function ae() {
-      Q++, Pe.value = !1, X.value = null, r.value = se.CLOSED;
-    }
-    const me = is(() => {
-      var e;
-      return ((e = de.value) == null ? void 0 : e.isModified()) ?? !1;
-    }, ae);
-    function $e() {
-      me();
-    }
-    function qe(e) {
-      e || $e();
-    }
-    const {
-      breakpoints: Fe
-    } = Rt(), Ge = (e) => {
-      ve.open({
-        title: t("team.actions.removeMember"),
-        message: t("team.removeMember.confirmationMessage", {
-          memberName: e.name
-        }),
-        minWidth: Fe.value.lg ? 588 : 0,
-        primaryActions: {
-          text: "Remove",
-          close: !1,
-          variant: "destructive",
-          isLoading: Ie
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        Ie.value || (await y.minor(async () => {
-          await ke.deleteTeamMember(e.id), await _e();
-        }, {
-          isLoading: Ie,
-          successMessage: t("team.removeMember.successMessage", {
-            memberName: e.name
-          })
-        }), ve.close());
-      });
-    };
-    function Re(e) {
-      ve.open({
-        title: t("team.staffInvite.revoke.title"),
-        message: t("team.staffInvite.revoke.message", {
-          name: e.name
-        }),
-        minWidth: Fe.value.lg ? 588 : 0,
-        primaryActions: {
-          text: t("team.staffInvite.actions.revoke"),
-          close: !1,
-          variant: "destructive",
-          isLoading: Ie
-        },
-        secondaryActions: {
-          text: t("common.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        if (!Ie.value) {
-          Ie.value = !0;
-          try {
-            await Ae.revokeInvite(e.id), m.open({
-              type: "success",
-              title: t("team.staffInvite.revoke.successMessage")
-            });
-          } catch (a) {
-            m.open({
-              type: "error",
-              title: We(a, {
-                label: "",
-                match: "mobile"
-              }, t)
-            });
-          } finally {
-            Ie.value = !1, ve.close(), await _e();
-          }
-        }
-      });
-    }
-    async function Bt(e) {
-      var h;
-      const a = {
-        label: ((h = n.value[0]) == null ? void 0 : h.label) ?? "",
-        match: e.phoneNumber ? "mobile" : "email"
-      };
-      try {
-        const S = await Ae.resendInvite(e.id);
-        S.warnings.length === 0 && m.open({
-          type: "success",
-          title: t("team.staffInvite.resend.sent", {
-            label: a.label
-          })
-        });
-        for (const W of ht(S.warnings, a, t))
-          m.open({
-            type: "warning",
-            message: W,
-            position: et.BOTTOM
-          });
-      } catch (S) {
-        m.open({
-          type: "error",
-          title: We(S, a, t)
-        }), xt(S) && await _e();
-      }
-    }
-    const jt = () => {
-      X.value = null, J.value = null, r.value = se.ADD;
-    }, Ce = b(), ge = b(), De = b(), he = b(), xe = b(), ut = U(() => [{
-      label: t("team.status.active"),
-      value: "active"
-    }, {
-      label: t("team.status.invited"),
-      value: "invited"
-    }]), qt = U(() => {
-      var a;
-      const e = (a = n.value[0]) == null ? void 0 : a.label;
-      return e ? /\bSSO\b/i.test(e) ? e : t("team.loginMethod.ssoProvider", {
-        label: e
-      }) : t("team.loginMethod.sso");
-    }), mt = U(() => [{
-      label: qt.value,
-      value: "sso"
-    }, {
-      label: t("team.loginMethod.feedme"),
-      value: "feedme"
-    }]), dt = U(() => {
-      var e;
-      return JSON.stringify({
-        businessId: ((e = i.currentBusiness.value) == null ? void 0 : e._id) ?? "",
-        search: H.value.trim(),
-        restaurantIds: [...Ce.value ?? []].sort(),
-        permissionSubjects: [...ge.value ?? []].sort(),
-        permissionSetIds: [...De.value ?? []].sort(),
-        statuses: [...he.value ?? []].sort(),
-        loginMethods: [...xe.value ?? []].sort()
-      });
-    }), ct = U(() => Object.values(os).map((e) => ({
-      label: e.label,
-      value: e.subject
-    }))), pt = U(() => [{
-      label: t("team.filter.unassigned_label"),
-      value: je
-    }, ...w.permissionSets.value.map((e) => ({
-      label: e.name,
-      value: e.id
-    }))]);
-    async function Gt() {
-      await K.readRoles();
-    }
-    async function Ke(e = u.value) {
-      var a, h, S;
-      $.value = !0;
-      try {
-        const W = await ke.readTeamMembersPage({
-          limit: Ee,
-          offset: (e - 1) * Ee,
-          search: H.value.trim() || void 0,
-          restaurantIds: St(Ce.value),
-          permissionSubjects: (a = ge.value) != null && a.length ? ge.value : void 0,
-          permissionSetIds: St(De.value),
-          statuses: (h = he.value) != null && h.length ? he.value : void 0,
-          loginMethods: (S = xe.value) != null && S.length ? xe.value : void 0
-        });
-        F.value = W.items, M.value = W.total;
-      } finally {
-        $.value = !1;
-      }
-    }
-    async function _e() {
-      var a;
-      if (!((a = i.currentBusiness.value) != null && a._id)) return;
-      await Ke(u.value);
-      const e = Math.max(1, Math.ceil(M.value / Ee));
-      u.value > e && (u.value = e, await Ke(u.value));
-    }
-    const de = b(), fe = b(!1), Ie = b(!1);
-    async function Je() {
-      ae(), await ze(), await _e();
-    }
-    async function Kt(e) {
-      const a = de.value.readDetails(), h = x(a);
-      fe.value = !0;
-      try {
-        const S = await Ae.createInvite({
-          ...a,
-          permissions: e.permissions ?? [],
-          customPermissions: e.customPermissions,
-          permissionSetIds: e.permissionSetIds,
-          // The POS user goes by the name the admin entered.
-          posUser: e.posUser ? {
-            ...e.posUser,
-            name: a.displayName
-          } : e.posUser
-        });
-        m.open({
-          type: "success",
-          title: t("team.addMember.successMessage", {
-            memberName: a.displayName
-          }),
-          position: et.BOTTOM
-        });
-        for (const W of ht(S.warnings, h, t, S.result))
-          m.open({
-            type: "warning",
-            message: W,
-            position: et.BOTTOM
-          });
-        await Je();
-      } catch (S) {
-        m.open({
-          type: "error",
-          title: We(S, h, t)
-        });
-      } finally {
-        fe.value = !1;
-      }
-    }
-    async function zt(e, a) {
-      const h = x(e);
-      fe.value = !0;
-      try {
-        await Ae.updateInvite(e._id, xs(e, {
-          permissions: a.permissions ?? [],
-          customPermissions: a.customPermissions,
-          permissionSetIds: a.permissionSetIds,
-          posUser: a.posUser
-        }, de.value.readEdits() ?? void 0)), m.open({
-          type: "success",
-          title: t("team.updateMember.successMessage", {
-            memberName: J.value.name
-          })
-        }), await Je();
-      } catch (S) {
-        m.open({
-          type: "error",
-          title: We(S, h, t)
-        }), xt(S) && await Je();
-      } finally {
-        fe.value = !1;
-      }
-    }
-    async function Wt() {
-      if (!de.value) return;
-      const e = await de.value.validate();
-      if (!e) return;
-      const a = r.value === se.ADD;
-      if (a && B.value.length > 0) {
-        de.value.hasExisting || await Kt(e);
-        return;
-      }
-      if (!a && X.value) {
-        await zt(X.value, e);
-        return;
-      }
-      const h = a ? null : de.value.readEdits();
-      await y.minor(async () => {
-        await (a ? ke.createTeamMember(e) : ke.updateTeamMember(J.value.id, {
-          ...gs(e, J.value.posUser),
-          // '' clears it; the owner's sheet has no field, so it is left out
-          ...h ? {
-            employeeId: h.employeeId
-          } : {}
-        })), ae(), await ze(), await _e();
-      }, {
-        successMessage: a ? t("team.addMember.successMessage", {
-          memberName: e.name
-        }) : t("team.updateMember.successMessage", {
-          memberName: e.name
-        }),
-        isLoading: fe
-      }), r.value = se.CLOSED;
-    }
-    async function Xt() {
-      await w.readPermissionSets();
-    }
-    async function ze() {
-      await V.readPermissionAssignments();
-    }
-    let Ze = !1;
-    async function Ht({
-      pageIndex: e
-    }) {
-      var a;
-      if ((a = i.currentBusiness.value) != null && a._id && !Ze && !(e === 0 && u.value === 1 && F.value.length > 0)) {
-        Ze = !0, u.value = e + 1;
-        try {
-          await Ke(u.value);
-        } finally {
-          Ze = !1;
-        }
-      }
-    }
-    const Yt = as(O, () => {
-      H.value = O.value;
-    });
-    return $t(Yt), ue(dt, async () => {
-      var e;
-      u.value = 1, v.value = !1, (e = i.currentBusiness.value) != null && e._id && (await Ke(1), v.value = !0);
-    }, {
-      immediate: !0
-    }), ue(i.currentBusiness, async () => {
-      var e;
-      if ((e = i.currentBusiness.value) != null && e._id)
-        try {
-          await Promise.all([P.readRestaurants(), Xt(), ze(), c(), Gt()]);
-        } catch (a) {
-          console.error("Failed to load team member dependencies:", a), m.open({
-            message: a instanceof Error ? a.message : String(a),
-            type: "error"
-          });
-        }
-    }, {
-      immediate: !0
-    }), g({
-      create: jt,
-      refresh: async () => {
-        await ze(), await _e();
-      }
-    }), (e, a) => {
-      var Le;
-      const h = j("FmSearch"), S = j("FmTable"), W = j("FmIcon"), le = j("FmButton"), Ne = j("FmSideSheet");
-      return p(), R(ce, null, [f("div", Ha, [f("div", Ya, [s(Fe).xs ? (p(), R("div", Qa, [d(h, {
-        modelValue: O.value,
-        "onUpdate:modelValue": a[6] || (a[6] = (A) => O.value = A),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        placeholder: s(t)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"]), f("div", el, [d(ie, {
-        modelValue: Ce.value,
-        "onUpdate:modelValue": a[7] || (a[7] = (A) => Ce.value = A),
-        multiple: "",
-        items: Z.value,
-        variant: "dark",
-        "chip-icon": "storefront",
-        "selected-prefix": s(t)("team.table.columns.restaurant"),
-        placeholder: s(t)("team.table.columns.restaurant"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: De.value,
-        "onUpdate:modelValue": a[8] || (a[8] = (A) => De.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "account_circle",
-        items: pt.value,
-        "selected-prefix": s(t)("team.filter.selected_assigned_role_prefix"),
-        placeholder: s(t)("team.filter.assigned_role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: ge.value,
-        "onUpdate:modelValue": a[9] || (a[9] = (A) => ge.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "settings_account_box",
-        items: ct.value,
-        "selected-prefix": s(t)("team.filter.selected_permission_prefix"),
-        placeholder: s(t)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), s(I) ? (p(), R(ce, {
-        key: 0
-      }, [d(ie, {
-        modelValue: he.value,
-        "onUpdate:modelValue": a[10] || (a[10] = (A) => he.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "check_circle",
-        searchable: !1,
-        items: ut.value,
-        "selected-prefix": s(t)("team.filter.selected_status_prefix"),
-        placeholder: s(t)("team.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: xe.value,
-        "onUpdate:modelValue": a[11] || (a[11] = (A) => xe.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "check_circle",
-        searchable: !1,
-        items: mt.value,
-        "selected-prefix": s(t)("team.filter.selected_login_method_prefix"),
-        placeholder: s(t)("team.filter.login_method_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])], 64)) : L("", !0)])])) : (p(), R("div", Ja, [f("div", Za, [d(ie, {
-        modelValue: Ce.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (A) => Ce.value = A),
-        multiple: "",
-        items: Z.value,
-        variant: "dark",
-        "chip-icon": "storefront",
-        "selected-prefix": s(t)("team.table.columns.restaurant"),
-        placeholder: s(t)("team.table.columns.restaurant"),
-        class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: De.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (A) => De.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "account_circle",
-        items: pt.value,
-        "selected-prefix": s(t)("team.filter.selected_assigned_role_prefix"),
-        placeholder: s(t)("team.filter.assigned_role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: ge.value,
-        "onUpdate:modelValue": a[2] || (a[2] = (A) => ge.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "settings_account_box",
-        items: ct.value,
-        "selected-prefix": s(t)("team.filter.selected_permission_prefix"),
-        placeholder: s(t)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), s(I) ? (p(), R(ce, {
-        key: 0
-      }, [d(ie, {
-        modelValue: he.value,
-        "onUpdate:modelValue": a[3] || (a[3] = (A) => he.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "check_circle",
-        searchable: !1,
-        items: ut.value,
-        "selected-prefix": s(t)("team.filter.selected_status_prefix"),
-        placeholder: s(t)("team.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), d(ie, {
-        modelValue: xe.value,
-        "onUpdate:modelValue": a[4] || (a[4] = (A) => xe.value = A),
-        multiple: "",
-        variant: "dark",
-        "chip-icon": "check_circle",
-        searchable: !1,
-        items: mt.value,
-        "selected-prefix": s(t)("team.filter.selected_login_method_prefix"),
-        placeholder: s(t)("team.filter.login_method_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])], 64)) : L("", !0)]), d(h, {
-        modelValue: O.value,
-        "onUpdate:modelValue": a[5] || (a[5] = (A) => O.value = A),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        autofocus: "",
-        placeholder: s(t)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])), (Le = s(i).currentBusiness.value) != null && Le._id ? (p(), G(rs, {
-        key: 2
-      }, {
-        default: ee(() => [f("div", tl, [v.value ? L("", !0) : (p(), G(ns, {
-          key: 0
-        })), v.value ? (p(), G(us, {
-          key: 1,
-          "is-loading": $.value,
-          "is-empty": M.value === 0,
-          title: s(t)("team.emptyState.title"),
-          subtitle: s(t)("team.emptyState.description")
-        }, {
-          default: ee(() => [(p(), G(S, {
-            key: dt.value,
-            "column-defs": E,
-            "row-data": F.value,
-            "page-size": Ee,
-            "page-count": Math.ceil(M.value / Ee),
-            "row-count": M.value,
-            "fetch-fn": Ht,
-            "hide-footer": M.value <= Ee,
-            loading: $.value,
-            "pin-header-row": "",
-            onRowClick: a[12] || (a[12] = (A) => Me(s(Oe).Update, A.original))
-          }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"]))]),
-          _: 1
-        }, 8, ["is-loading", "is-empty", "title", "subtitle"])) : L("", !0)])]),
-        _: 1
-      })) : L("", !0)])]), d(Ne, {
-        "model-value": D.value,
-        "max-width": 960,
-        "close-button": !1,
-        "onUpdate:modelValue": qe,
-        "onOn:clickedAway": s(me)
-      }, {
-        "side-sheet-header": ee(() => [f("div", sl, [f("p", al, N(ye.value), 1), d(W, {
-          name: "close",
-          size: "md",
-          class: "cursor-pointer",
-          onClick: s(me)
-        }, null, 8, ["onClick"])])]),
-        "side-sheet-footer": ee(() => {
-          var A;
-          return [f("div", ll, [d(le, {
-            label: be.value,
-            size: "md",
-            variant: "primary",
-            "is-loading": fe.value,
-            disabled: fe.value || r.value === se.ADD && ((A = de.value) == null ? void 0 : A.hasExisting),
-            onClick: lt(Wt, ["prevent"])
-          }, null, 8, ["label", "is-loading", "disabled"]), d(le, {
-            label: s(t)("common.cancel"),
-            size: "md",
-            variant: "secondary",
-            disabled: fe.value,
-            onClick: $e
-          }, null, 8, ["label", "disabled"])])];
-        }),
-        default: ee(() => [D.value ? (p(), G(Xa, {
-          key: 0,
-          ref_key: "memberForm",
-          ref: de,
-          initialValue: J.value,
-          providers: B.value,
-          loading: Pe.value,
-          class: "gap-8",
-          onUpdateExisting: Ve
-        }, null, 8, ["initialValue", "providers", "loading"])) : L("", !0)]),
-        _: 1
-      }, 8, ["model-value", "onOn:clickedAway"])], 64);
-    };
-  }
-});
-export {
-  Sl as default
-};