@feedmepos/mf-hrm-portal 2.3.1-dev.1 → 2.3.2-dev

package/dist/TeamMemberList-DZfEnOs1.js

@@ -0,0 +1,2097 @@
+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
+};