@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.2

package/dist/TeamMemberList-C970Iqlj.js

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