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

package/dist/TeamMemberList-D32ZtSLP.js

@@ -0,0 +1,2060 @@
+import { defineComponent as oe, mergeModels as Qt, useModel as es, createElementBlock as M, openBlock as m, Fragment as de, renderList as Vt, normalizeClass as st, toDisplayString as E, unref as s, computed as I, resolveComponent as G, createElementVNode as p, createBlock as q, createCommentVNode as L, createVNode as i, ref as c, watch as ue, onUnmounted as Pt, createSlots as ct, 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 ze } from "@feedmepos/mf-common";
+import { useSnackbar as at, useDialog as Ft, useBreakpoints as $t, components as Je, SnackbarPosition as Ze } from "@feedmepos/ui-library";
+import { u as ls } from "./useDebounce-B8ZPVS5C.js";
+import { _ as Ct, S as ie } from "./SelectFilter-ATOm0hdn.js";
+import { k as pt, g as vt, b as ft, O as os, _ as rs, a as ns } from "./app-BsAwRWj0.js";
+import { u as is, _ as bt } 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 Dt } from "./useLoading-B47q5dVg.js";
+import { w as vs, h as fs, b as bs, E as ys, t as gs } from "./member-grant-CQHFGo-k.js";
+import { a as Xe, i as lt, t as Ve, b as We, S as De, D as Nt, E as Et, h as Oe, u as hs, s as yt, c as Ke, d as xs, e as gt } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-CD3d4RX6.js";
+import { n as ot } from "./string-DZQ1uNjn.js";
+import { c as we } from "./iteration-Dat4Ismm.js";
+import { l as Ae } from "./lodash-DjYVoggD.js";
+import { _ as ht } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BRrhFF3y.js";
+import { t as Se, u as At, c as Qe, g as xt, m as et, a as Ot, p as _t, R as _s, b as Ut, d as Us } from "./rule-Bgcb9R7I.js";
+import { t as Is, s as ks, a as It, c as ws, r as Ss, b as Vs, d as kt, _ as Ps, p as Rs } from "./RoleForm.vue_vue_type_script_setup_true_lang-DS4eMJ6w.js";
+import { u as Lt } from "./restaurant-dbllb9m8.js";
+import { u as Tt } from "./role-DN-jiQnS.js";
+var Ne = /* @__PURE__ */ ((o) => (o.Update = "Update", o.Remove = "Remove", o))(Ne || {});
+const Le = "__unassigned__";
+function wt(o) {
+  if (!(o != null && o.length) || o[0] === Le) return o;
+  const T = o.filter((f) => f !== Le);
+  return T.length === o.length ? o : [Le, ...T];
+}
+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(o) {
+    const T = es(o, "modelValue");
+    return (f, t) => (m(), M("div", Ms, [
+      (m(!0), M(de, null, Vt(o.items, (v) => (m(), M("button", {
+        key: v.value,
+        type: "button",
+        role: "tab",
+        "aria-selected": T.value === v.value,
+        disabled: o.disabled,
+        class: st([
+          "flex-1 rounded-[8px] px-12 py-8 text-center text-[16px] leading-[24px] tracking-[0.04px] transition-colors disabled:cursor-not-allowed",
+          T.value === v.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) => T.value = v.value
+      }, E(v.label), 11, Fs))), 128))
+    ]));
+  }
+}), rt = /* @__PURE__ */ oe({
+  __name: "MemberStatusBadge",
+  props: {
+    status: {}
+  },
+  setup(o) {
+    const { t: T } = ce();
+    return (f, t) => (m(), M("span", {
+      class: st([
+        "inline-flex items-center rounded-[4px] px-4 py-[2px] text-[10px] font-medium leading-[14px] tracking-[0.2px] whitespace-nowrap",
+        o.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(T)(`team.status.${o.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(o, { emit: T }) {
+    const f = o, t = T, { t: v } = ce(), u = I(() => f.existing.kind === "member" ? "active" : "invited"), $ = I(
+      () => f.existing.restaurantCount === 1 ? v("team.existingMember.restaurantCount.one") : v("team.existingMember.restaurantCount.other", { count: f.existing.restaurantCount })
+    ), K = I(() => f.existing.kind !== "member" || !f.existing.isOwner);
+    return (R, A) => {
+      const w = G("FmButton");
+      return m(), M("div", Cs, [
+        p("div", Ds, E(s(ot)(o.existing.name)), 1),
+        p("div", Ns, [
+          p("div", Es, [
+            p("p", As, E(o.existing.name), 1),
+            i(rt, { status: u.value }, null, 8, ["status"])
+          ]),
+          p("p", Os, E(s(v)(`team.existingMember.alreadyUses.${o.match}`, { restaurants: $.value })), 1),
+          p("p", Ls, E(K.value ? s(v)("team.existingMember.updateInstead") : s(v)("team.existingMember.isOwner")), 1)
+        ]),
+        K.value ? (m(), q(w, {
+          key: 0,
+          label: s(v)("team.existingMember.updateAccess"),
+          size: "md",
+          variant: "primary",
+          class: "shrink-0",
+          onClick: A[0] || (A[0] = (P) => t("update"))
+        }, null, 8, ["label"])) : L("", !0)
+      ]);
+    };
+  }
+}), 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(o, { expose: T, emit: f }) {
+    var ne, Q;
+    const t = o, v = f, { t: u } = ce(), $ = ze(), { supportedCountries: K, ready: R } = Xe(), A = I(() => {
+      var l;
+      const D = (l = $.currentCountry.value) == null ? void 0 : l.toUpperCase();
+      return D && lt(D) ? D : void 0;
+    }), w = c(((ne = t.providers[0]) == null ? void 0 : ne.slug) ?? ""), P = I(() => t.providers.find((D) => D.slug === w.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 = Ve(V.value);
+        return D ? { mobile: D } : null;
+      }
+      return We(B.value) ? { email: B.value.trim().toLowerCase() } : null;
+    }), r = c(null);
+    let U, j = 0;
+    ue(
+      [b, w],
+      ([D]) => {
+        clearTimeout(U);
+        const l = ++j;
+        r.value = null, D && (U = setTimeout(async () => {
+          try {
+            const S = await De.lookup(D, w.value || void 0);
+            l === j && (r.value = S);
+          } catch {
+          }
+        }, Js));
+      },
+      { deep: !0 }
+    ), Pt(() => clearTimeout(U));
+    function W() {
+      const D = Oe(V.value) ? Ve(V.value) ?? "" : "", l = B.value.trim().toLowerCase();
+      return {
+        provider: w.value,
+        match: C.value,
+        ...C.value === "mobile" ? { mobile: Ve(V.value) ?? "", ...l ? { email: l } : {} } : { email: l, ...D ? { mobile: D } : {} },
+        displayName: y.value.trim(),
+        ...d.value.trim() ? { employeeId: d.value.trim() } : {}
+      };
+    }
+    function re() {
+      return Oe(V.value) || !!B.value.trim() || !!y.value.trim() || !!d.value.trim();
+    }
+    return T({
+      readDetails: W,
+      isModified: re,
+      /** Add is blocked while the key belongs to someone already. */
+      hasExisting: I(() => !!r.value),
+      providerLabel: _
+    }), (D, l) => {
+      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)
+        ]),
+        o.providers.length > 1 ? (m(), q(S, {
+          key: 0,
+          modelValue: w.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (x) => w.value = x),
+          label: s(u)("team.memberDetails.provider"),
+          items: X.value
+        }, null, 8, ["modelValue", "label", "items"])) : L("", !0),
+        p("div", Ks, [
+          p("p", Ws, E(s(u)("team.memberDetails.signInUsing")), 1),
+          i($s, {
+            modelValue: C.value,
+            "onUpdate:modelValue": l[1] || (l[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": l[2] || (l[2] = (x) => V.value = x),
+            label: s(u)("team.memberDetails.phoneNumber"),
+            "default-country": A.value,
+            "extra-country-codes": s(K),
+            rules: [(x) => !!s(Ve)(x) || s(u)("team.memberDetails.errors.mobileInvalid")]
+          }, ct({ _: 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": l[3] || (l[3] = (x) => B.value = x),
+          label: s(u)("team.memberDetails.emailAddress"),
+          placeholder: s(u)("team.memberDetails.emailPlaceholder"),
+          rules: [(x) => s(We)(x) || s(u)("team.memberDetails.errors.emailInvalid")]
+        }, ct({ _: 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: l[4] || (l[4] = (x) => v("update-existing", r.value))
+        }, null, 8, ["existing", "match"])) : L("", !0),
+        p("div", Hs, [
+          i(H, {
+            modelValue: y.value,
+            "onUpdate:modelValue": l[5] || (l[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": l[6] || (l[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": l[7] || (l[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(We)(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": l[8] || (l[8] = (x) => V.value = x),
+              label: s(u)("team.memberDetails.phoneNumber"),
+              "label-mark": "optional",
+              "default-country": A.value,
+              "extra-country-codes": s(K),
+              rules: [
+                (x) => !s(Oe)(x) || !!s(Ve)(x) || s(u)("team.memberDetails.errors.mobileInvalid")
+              ]
+            }, null, 8, ["modelValue", "label", "default-country", "extra-country-codes", "rules"])) : L("", !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(o) {
+    const T = o, f = I(() => ot(T.name));
+    return (t, v) => (m(), M("div", Qs, [
+      p("div", ea, [
+        p("div", ta, E(f.value), 1),
+        p("div", sa, [
+          p("div", aa, [
+            p("p", la, E(o.name), 1),
+            i(rt, { status: o.status }, null, 8, ["status"])
+          ]),
+          o.email ? (m(), M("p", oa, E(o.email), 1)) : L("", !0),
+          o.phoneNumber ? (m(), M("p", ra, E(o.phoneNumber), 1)) : L("", !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(o, { emit: T }) {
+    const f = o, t = T, { t: v } = ce(), u = c($(f.modelValue));
+    function $(d) {
+      const h = Is(d);
+      return h.length > 0 ? h : [{ restaurantIds: [], roleId: "" }];
+    }
+    ue(
+      () => f.modelValue,
+      (d) => {
+        ks(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(f.roles, j, f.isRoleUsable) };
+      });
+      K(b);
+    }
+    function A(d, h) {
+      K(u.value.map((b, r) => r === d ? { ...b, roleId: h } : b));
+    }
+    function w() {
+      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(() => ws(f.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;
+      kt(f.roles, b, f.isRoleUsable).some(
+        (U) => U.value === d && !U.disabled
+      ) && A(h, d);
+    }
+    return (d, h) => {
+      var r;
+      const b = G("FmSelect");
+      return m(), M("div", ia, [
+        p("div", ua, [
+          p("p", ma, E(s(v)("team.posAccess.restaurants")), 1),
+          p("p", da, E(s(v)("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: st(["min-w-0 pos-restaurant-select", { "pos-restaurant-select--filled": U.restaurantIds.length > 0 }]),
+            "model-value": U.restaurantIds,
+            items: s(Vs)(o.restaurants, u.value, j),
+            multiselect: "",
+            searchable: "",
+            "hide-chips": "",
+            "search-debounce": 300,
+            placeholder: s(Ss)(o.restaurants, U) || s(v)("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(kt)(o.roles, U, o.isRoleUsable),
+            placeholder: s(v)("team.posAccess.selectRole"),
+            disabled: U.restaurantIds.length === 0,
+            "onUpdate:modelValue": (W) => A(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(v)("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(w, ["stop"])
+        }, " + " + E(s(v)("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"])) : L("", !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" }, ka = { class: "flex flex-col items-start gap-16" }, tt = 4, wa = /* @__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(o, { emit: T }) {
+    const f = o, t = T, { t: v } = ce(), u = at(), $ = Dt(u), K = c(!1), R = c([]), A = I(() => {
+      var y;
+      return ms(((y = f.modelValue) == null ? void 0 : y.roles) ?? []);
+    });
+    function w(y) {
+      return f.usableRoleIds === null || f.usableRoleIds.includes(y._id);
+    }
+    function P(y) {
+      y ? f.modelValue || t("update:model-value", {
+        code: "",
+        name: f.fallbackName,
+        roles: [],
+        passcode: f.fallbackPasscode || ""
+      }) : t("update:model-value", null);
+    }
+    function _(y, d) {
+      if (!f.modelValue || y === "passcode" && f.modelValue.passcode === d) return;
+      const h = we(f.modelValue);
+      h[y] = d, t("update:model-value", h);
+    }
+    const X = c(!1), C = I(() => A.value.length > 0);
+    async function V() {
+      if (C.value)
+        try {
+          const y = await $.custom(
+            () => Se.generateMasterUserPasscode({
+              restaurantIds: A.value,
+              excludePosUserId: f.posUserId
+            }),
+            { isLoading: X }
+          );
+          K.value = !1, R.value = y.split(""), _("passcode", y);
+        } catch {
+        }
+    }
+    ue(
+      () => {
+        var y;
+        return (y = f.modelValue) == null ? void 0 : y.passcode;
+      },
+      (y) => {
+        const d = R.value.join("");
+        y !== d && (y && y.length === tt ? (R.value = y.split(""), K.value = !0) : (R.value = [], K.value = !1));
+      },
+      { immediate: !0 }
+    );
+    const B = I({
+      get: () => {
+        var y;
+        return ((y = f.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(v)("team.posAccess.title")), 1),
+            p("p", xa, E(s(v)("team.posAccess.subtitle")), 1)
+          ]),
+          i(h, {
+            "model-value": !!o.modelValue,
+            value: "master-user",
+            "onUpdate:modelValue": P
+          }, null, 8, ["model-value"])
+        ]),
+        o.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(v)("team.memberForm.masterUser.restaurantRequired") : r.some((U) => !U.roleId) ? s(v)("team.memberForm.masterUser.roleRequired") : !0
+            ]
+          }, {
+            default: te(() => [
+              i(fa, {
+                "model-value": o.modelValue.roles,
+                restaurants: o.restaurants,
+                roles: o.roles,
+                "is-role-usable": w,
+                "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(v)("team.posAccess.passcode")), 1),
+            p("div", ka, [
+              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) !== tt ? s(v)("team.memberForm.masterUser.passcodeRequired") : !0
+                ]
+              }, {
+                default: te(() => [
+                  i(ds, {
+                    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: tt,
+                    "toggle-label": s(v)("team.memberForm.masterUser.passcodeToggleVisibility"),
+                    onComplete: d[4] || (d[4] = (r) => _("passcode", r))
+                  }, null, 8, ["modelValue", "masked", "toggle-label"])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "rules"]),
+              i(cs, {
+                label: s(v)("team.memberForm.masterUser.passcodeGenerate"),
+                hint: s(v)("team.memberForm.masterUser.passcodeSelectOutletFirst"),
+                loading: X.value,
+                disabled: !C.value,
+                onClick: V
+              }, null, 8, ["label", "hint", "loading", "disabled"])
+            ])
+          ])
+        ])) : L("", !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(o, { expose: T }) {
+    var Be, be, ee;
+    const f = o, { t } = ce(), v = Ft(), { breakpoints: u } = $t(), $ = At(), K = I(
+      () => $.permissionSets.value.map((n) => ({
+        label: n.name,
+        value: n.id
+      }))
+    ), R = c(((Be = f.initialValue) == null ? void 0 : Be.permissionSetIds) || []), A = I(
+      () => Qe(R.value, $.permissionSets.value)
+    ), w = c((be = f.initialValue) == null ? void 0 : be.posUser), P = c(
+      xt(
+        et(A.value),
+        ((ee = f.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 === pt.reports && n.add(F.subject);
+      for (const F of _.value)
+        F.category === pt.reports && n.add(F.subject);
+      return n;
+    }), y = I(() => {
+      var n;
+      return !!((n = f.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(
+        et(
+          Qe(
+            R.value,
+            $.permissionSets.value
+          )
+        ),
+        (n == null ? void 0 : n.permissions) || []
+      ), w.value = n != null && n.posUser ? H(we(n.posUser), P.value) : void 0, x.value = !!w.value, U.value = fs(P.value, R.value), W.value = {
+        permissionSetIds: [...R.value],
+        userPermissions: we(P.value),
+        posUser: w.value ? we(w.value) : void 0
+      };
+    }
+    function ne() {
+      return !Ae.isEqual(R.value, W.value.permissionSetIds) || !Ae.isEqual(P.value, W.value.userPermissions) || !Ae.isEqual(w.value, W.value.posUser);
+    }
+    function Q(n) {
+      w.value = H(w.value, n);
+    }
+    function D(n) {
+      return et(
+        Qe(n, $.permissionSets.value)
+      );
+    }
+    function l(n) {
+      P.value = D(n);
+    }
+    function S(n) {
+      const F = [...n ?? []];
+      if (Ae.isEqual(F, R.value)) return;
+      const J = !Ae.isEqual(
+        P.value,
+        D(R.value)
+      );
+      if (R.value = F, !J) {
+        l(F);
+        return;
+      }
+      v.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(() => {
+        l(F), v.close();
+      });
+    }
+    function z() {
+      var n, F;
+      return bs({
+        userPermissions: P.value,
+        inheritedPermissions: A.value,
+        permissionSetIds: R.value,
+        posUser: w.value,
+        reportSubjects: X.value ? V.value : C,
+        defaultReportSubjects: B.value,
+        savedPosUser: (n = f.initialValue) == null ? void 0 : n.posUser,
+        fallbackName: ((F = f.initialValue) == null ? void 0 : F.name) || f.fallbackName
+      });
+    }
+    const se = c();
+    function H(n, F) {
+      if (!n) return n;
+      const J = Ut(F, { isOwner: y.value }), { roleIds: pe, restaurantIds: ye } = J;
+      if (pe === null && ye === null) return n;
+      const ve = we(n);
+      return ve.roles = ve.roles.filter(
+        (Z) => (pe === null || pe.includes(Z.roleId)) && (ye === null || ye.includes(Z.restaurantId))
+      ), ve;
+    }
+    const x = c(!!w.value), N = c(!1);
+    function Te(n) {
+      w.value = n, N.value = !0;
+    }
+    return ue(
+      () => !!w.value,
+      async (n) => {
+        n && !x.value && N.value && (await Mt(), se.value && se.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), x.value = n;
+      }
+    ), ue(
+      () => f.initialValue,
+      (n, F) => {
+        if (!F || !n || F.id !== n.id) {
+          N.value = !1, re(n);
+          return;
+        }
+        n.posUser !== void 0 && !N.value && (w.value = n.posUser ? H(we(n.posUser), P.value) : void 0, W.value = {
+          ...W.value,
+          posUser: w.value ? we(w.value) : void 0
+        });
+      },
+      { immediate: !0 }
+    ), ue(
+      P,
+      (n) => {
+        w.value = H(w.value, n);
+      },
+      { deep: !0 }
+    ), T({
+      readGrantData: z,
+      isModified: ne
+    }), (n, F) => {
+      var ve, Z, ge, Pe, Re, je;
+      const J = G("FmCircularProgress"), pe = G("FmSwitch"), ye = G("FmSelect");
+      return m(), M("div", Sa, [
+        (ve = o.initialValue) != null && ve.isOwner ? L("", !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] = (he) => P.value = he),
+            part: "workplace",
+            "inherit-permissions": A.value,
+            onPermissionChanged: Q
+          }, null, 8, ["modelValue", "inherit-permissions"])
+        ])),
+        o.loading ? (m(), M("div", Fa, [
+          i(J, { size: "xl" })
+        ])) : (m(), q(wa, {
+          key: 2,
+          ref_key: "masterUserContentRef",
+          ref: se,
+          "model-value": w.value,
+          "fallback-name": ((Z = o.initialValue) == null ? void 0 : Z.name) || o.fallbackName,
+          "fallback-passcode": (Pe = (ge = o.initialValue) == null ? void 0 : ge.posUser) == null ? void 0 : Pe.passcode,
+          roles: s(b),
+          "usable-role-ids": d.value.roleIds,
+          restaurants: r.value,
+          "pos-user-id": (Re = o.initialValue) == null ? void 0 : Re.posUserId,
+          "onUpdate:modelValue": Te
+        }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "usable-role-ids", "restaurants", "pos-user-id"])),
+        (je = o.initialValue) != null && je.isOwner ? L("", !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(ye, {
+              "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] = (he) => P.value = he),
+              part: "portal",
+              "inherit-permissions": A.value,
+              onPermissionChanged: Q
+            }, null, 8, ["modelValue", "inherit-permissions"])
+          ], 64)) : L("", !0)
+        ]))
+      ]);
+    };
+  }
+}), St = {
+  async readPermissionUserByPhoneNo(o) {
+    return vt(
+      await ft().get(
+        `/portal-users/search-by-phone/${encodeURIComponent(o)}`
+      )
+    );
+  },
+  async readPermissionUserByEmail(o) {
+    return vt(
+      await ft().get(
+        `/portal-users/search-by-email/${encodeURIComponent(o)}`
+      )
+    );
+  }
+}, 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(o, { emit: T }) {
+    const f = T, { t } = ce(), v = at(), u = ze(), { supportedCountries: $, ready: K } = Xe(), R = I(() => {
+      var r;
+      const b = (r = u.currentCountry.value) == null ? void 0 : r.toUpperCase();
+      return b && lt(b) ? b : void 0;
+    }), A = c("phone"), w = c(""), P = c(""), _ = c(), X = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, C = I(() => X.test(P.value.trim()));
+    async function V() {
+      const b = A.value === "phone" ? w.value.replace(/ /g, "") : P.value.trim();
+      if (!b) {
+        v.open({
+          type: "error",
+          title: t("team.memberForm.searchUser.emptyError")
+        });
+        return;
+      }
+      if (A.value === "email" && !C.value) {
+        v.open({
+          type: "error",
+          title: t("team.memberForm.searchUser.invalidEmail")
+        });
+        return;
+      }
+      const r = () => {
+        _.value = void 0, v.open({
+          type: "error",
+          title: t("team.memberForm.searchUser.userNotFound")
+        });
+      };
+      try {
+        const U = A.value === "phone" ? await St.readPermissionUserByPhoneNo(b) : await St.readPermissionUserByEmail(b);
+        if (!U) {
+          r();
+          return;
+        }
+        _.value = U;
+      } catch {
+        _.value = void 0, v.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) {
+      f("invite", b), y.value = !0;
+    }
+    function h() {
+      y.value = !1;
+    }
+    return (b, r) => {
+      var D, l, 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 ? L("", !0) : (m(), M("div", La, [
+          i(ne, {
+            modelValue: A.value,
+            "onUpdate:modelValue": r[2] || (r[2] = (z) => A.value = z)
+          }, {
+            default: te(() => [
+              i(U, {
+                value: "phone",
+                label: s(t)("team.memberForm.searchUser.phoneNumber")
+              }, null, 8, ["label"]),
+              A.value === "phone" && s(K) ? (m(), q(j, {
+                key: 0,
+                modelValue: w.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (z) => w.value = z),
+                "default-country": R.value,
+                "extra-country-codes": s($),
+                class: "ml-8"
+              }, null, 8, ["modelValue", "default-country", "extra-country-codes"])) : A.value === "phone" ? (m(), q(W, {
+                key: 1,
+                class: "ml-8"
+              })) : L("", !0),
+              i(U, {
+                value: "email",
+                label: s(t)("team.memberForm.searchUser.email")
+              }, null, 8, ["label"]),
+              A.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"])) : L("", !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((l = _.value) == null ? void 0 : l.email), 1),
+            p("p", Ga, E((S = _.value) == null ? void 0 : S.phoneNumber), 1)
+          ])
+        ])) : L("", !0),
+        y.value ? (m(), M("div", Ka, [
+          i(Q, {
+            label: s(t)("team.memberForm.searchUser.changeUser"),
+            variant: "secondary",
+            onClick: h
+          }, null, 8, ["label"])
+        ])) : L("", !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(o, { expose: T, emit: f }) {
+    const t = o, v = f, u = I(() => !t.initialValue && t.providers.length > 0), { t: $ } = ce(), K = ze(), { supportedCountries: R, ready: A } = Xe(), w = I(() => {
+      var S;
+      const l = (S = K.currentCountry.value) == null ? void 0 : S.toUpperCase();
+      return l && lt(l) ? l : void 0;
+    }), P = I(() => {
+      var l;
+      return ((l = t.initialValue) == null ? void 0 : l.status) === "invited";
+    }), _ = I(() => !!t.initialValue && !t.initialValue.isOwner), X = c(""), C = c(""), V = c("");
+    function B(l) {
+      X.value = (l == null ? void 0 : l.displayName) ?? (l == null ? void 0 : l.name) ?? "", C.value = (l == null ? void 0 : l.employeeId) ?? "", V.value = (l == null ? void 0 : l.contact) ?? "";
+    }
+    B(t.initialValue);
+    function y() {
+      var S;
+      if (!_.value) return null;
+      const l = ((S = t.initialValue) == null ? void 0 : S.match) === "email" ? Oe(V.value) ? Ve(V.value) ?? "" : "" : V.value.trim().toLowerCase();
+      return {
+        displayName: X.value.trim(),
+        employeeId: C.value.trim(),
+        contact: l
+      };
+    }
+    function d() {
+      const l = t.initialValue;
+      return !l || !_.value ? !1 : C.value.trim() !== (l.employeeId ?? "") || P.value && (X.value.trim() !== (l.displayName ?? l.name) || V.value.trim() !== (l.contact ?? ""));
+    }
+    const h = c(), b = c(), r = c();
+    function U() {
+      var l, S;
+      return u.value && ((l = r.value) != null && l.isModified()) || d() || !t.initialValue && h.value ? !0 : ((S = b.value) == null ? void 0 : S.isModified()) ?? !1;
+    }
+    function j(l) {
+      h.value = l;
+    }
+    function W(l) {
+      return X.value === (l.displayName ?? l.name) && C.value === (l.employeeId ?? "") && V.value === (l.contact ?? "");
+    }
+    function re() {
+      var S, z, se, H, x;
+      const l = ((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: l.customPermissions,
+        permissions: l.permissions,
+        permissionSetIds: l.permissionSetIds,
+        name: ((H = h.value) == null ? void 0 : H.displayName) || ((x = t.initialValue) == null ? void 0 : x.name) || "",
+        posUser: l.posUser
+      };
+    }
+    function ne() {
+      var l;
+      return u.value ? ((l = r.value) == null ? void 0 : l.readDetails()) ?? null : null;
+    }
+    const Q = c();
+    async function D() {
+      return (await Q.value.validateInputsWithoutSubmit()).length ? null : re();
+    }
+    return ue(
+      () => t.initialValue,
+      (l, S) => {
+        (!S || !l || S.id !== l.id) && (h.value = void 0), (!S || !l || S.id !== l.id || W(S)) && B(l);
+      }
+    ), T({
+      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 l;
+        return !!((l = r.value) != null && l.hasExisting);
+      }),
+      providerLabel: I(() => {
+        var l;
+        return ((l = r.value) == null ? void 0 : l.providerLabel) ?? "";
+      })
+    }), (l, 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: o.providers,
+                onUpdateExisting: S[0] || (S[0] = (N) => v("update-existing", N))
+              }, null, 8, ["providers"])) : o.initialValue ? (m(), q(na, {
+                key: 2,
+                name: o.initialValue.name,
+                status: o.initialValue.status ?? "active",
+                email: o.initialValue.email,
+                "phone-number": o.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"])) : L("", !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 }, [
+                      o.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(We)(N) || s($)("team.memberDetails.errors.emailInvalid")
+                        ]
+                      }, null, 8, ["modelValue", "label", "placeholder", "rules"])) : s(A) ? (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": w.value,
+                        "extra-country-codes": s(R),
+                        rules: [
+                          (N) => !s(Oe)(N) || !!s(Ve)(N) || s($)("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"])) : (m(), M("div", Ha, [
+                i(za, {
+                  onInvite: S[1] || (S[1] = (N) => j(N))
+                })
+              ])),
+              u.value || h.value || o.initialValue ? (m(), q(Aa, {
+                key: 3,
+                ref_key: "grantFieldsRef",
+                ref: b,
+                "initial-value": o.initialValue,
+                "fallback-name": ((x = h.value) == null ? void 0 : x.displayName) || "",
+                loading: o.loading
+              }, null, 8, ["initial-value", "fallback-name", "loading"])) : L("", !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"
+}, Ce = 100, il = 2;
+var ae = /* @__PURE__ */ function(o) {
+  return o[o.ADD = 0] = "ADD", o[o.UPDATE = 1] = "UPDATE", o[o.CLOSED = 2] = "CLOSED", o;
+}(ae || {});
+const Rl = /* @__PURE__ */ oe({
+  __name: "TeamMemberList",
+  setup(o, {
+    expose: T
+  }) {
+    const {
+      fetchCustomReportPermissions: f
+    } = Ot();
+    Xe();
+    const {
+      t
+    } = ce(), v = ze(), {
+      providers: u,
+      hasProviders: $,
+      canInvite: K,
+      providerLabel: R
+    } = hs(), A = I(() => K.value ? u.value : []), w = Lt(), P = Tt(), _ = at(), X = Dt(_), C = At(), V = Us(), B = c(!0), y = c(!1), d = I(() => w.isLoading.value), h = c([]), b = c(0), r = c(1), U = c(""), j = c("");
+    ue(w.restaurants, (e) => {
+      if (e.length > 0 && h.value.length > 0) {
+        const a = new Map(e.map((k) => [k._id, k.profile.name])), g = e.map((k) => k.profile.name).sort();
+        h.value = h.value.map((k) => ({
+          ...k,
+          restaurants: k.managableRestaurantIds === null ? g : k.managableRestaurantIds.map((Y) => a.get(Y) ?? "").filter(Boolean).sort()
+        }));
+      }
+    });
+    const W = I(() => [{
+      label: t("team.filter.unassigned_label"),
+      value: Le
+    }, ...w.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(Ne.Update, e)
+      }, k = {
+        label: t("team.actions.removeMember"),
+        onClick: () => n(Ne.Remove, e),
+        itemClass: "text-fm-color-typo-error"
+      };
+      if (e.status === "invited") {
+        const le = {
+          label: t("team.staffInvite.actions.resend"),
+          onClick: () => qt(e)
+        }, $e = {
+          label: t("team.staffInvite.actions.revoke"),
+          onClick: () => jt(e),
+          itemClass: "text-fm-color-typo-error"
+        };
+        return i(bt, {
+          class: a,
+          items: [g, le, $e]
+        }, null);
+      }
+      const Y = e.doc.isOwner ? [g] : [g, k];
+      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((k) => i("span", {
+        class: "truncate"
+      }, [k])), 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(Je.FmAvatar, {
+          name: a.name,
+          initials: ot(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(ps);
+        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), k = (g == null ? void 0 : g.permissionSetIds) || a.doc.permissionSetIds || [];
+        return C.permissionSets.value.filter((le) => k.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 l(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(rt, {
+          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 l(e) {
+      if (e.doc.isOwner)
+        return t("team.labels.businessOwner");
+      const a = i(Je.FmTooltip, {
+        variant: "plain",
+        placement: "top"
+      }, {
+        default: () => i(Je.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, $e, Ee;
+      const a = V.getPermissionAssignmentByUserId(e.id), g = (a == null ? void 0 : a.customPermissions) ?? e.permissions ?? [], k = (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: k,
+        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: (($e = e.doc.posUser) == null ? void 0 : $e.passcode) ?? "",
+          roles: ((Ee = e.doc.posUser) == null ? void 0 : Ee.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 ?? [], k = (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: k,
+        posUser: void 0,
+        posUserId: e.doc.posUserId,
+        status: e.status,
+        employeeId: e.doc.employeeId ?? null
+      };
+    }
+    function se(e) {
+      var a, g, k, 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" ? (k = e.contact) == null ? void 0 : k.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 De.readInvites()).find((k) => k._id === e) : e;
+        if (a !== ee) return;
+        if (!g) {
+          _.open({
+            type: "error",
+            title: t("team.staffInvite.errors.not_pending")
+          }), await Ie();
+          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 Te(e) {
+      const a = ++ee;
+      H.value = null, Z.value = z(e), J.value = ae.UPDATE, be.value = e.doc.hasPosUser === !0;
+      try {
+        const g = await Se.readTeamMember(e.id);
+        if (a !== ee) return;
+        Z.value = S(g);
+      } catch {
+        if (a !== ee) return;
+        _.open({
+          message: t("common.error"),
+          type: "error"
+        }), Re();
+      } finally {
+        a === ee && (be.value = !1);
+      }
+    }
+    async function Be(e) {
+      if (ge(), e.kind === "invite") {
+        await N(e.invite);
+        return;
+      }
+      const a = ++ee;
+      try {
+        const g = await Se.readTeamMember(e.id);
+        if (a !== ee) return;
+        await Te(g);
+      } catch {
+        _.open({
+          message: t("common.error"),
+          type: "error"
+        });
+      }
+    }
+    const be = c(!1);
+    let ee = 0;
+    const n = async (e, a) => {
+      e == Ne.Update && (a.status === "invited" ? await N(a.id) : await Te(a)), e == Ne.Remove && Bt(a);
+    }, F = Ft(), J = c(ae.CLOSED), pe = I(() => J.value !== ae.CLOSED), ye = 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 ge() {
+      ee++, be.value = !1, H.value = null, J.value = ae.CLOSED;
+    }
+    const Pe = is(() => {
+      var e;
+      return ((e = me.value) == null ? void 0 : e.isModified()) ?? !1;
+    }, ge);
+    function Re() {
+      Pe();
+    }
+    function je(e) {
+      e || Re();
+    }
+    const {
+      breakpoints: he
+    } = $t(), Bt = (e) => {
+      F.open({
+        title: t("team.actions.removeMember"),
+        message: t("team.removeMember.confirmationMessage", {
+          memberName: e.name
+        }),
+        minWidth: he.value.lg ? 588 : 0,
+        primaryActions: {
+          text: "Remove",
+          close: !1,
+          variant: "destructive",
+          isLoading: ke
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        ke.value || (await X.minor(async () => {
+          await Se.deleteTeamMember(e.id), await Ie();
+        }, {
+          isLoading: ke,
+          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: he.value.lg ? 588 : 0,
+        primaryActions: {
+          text: t("team.staffInvite.actions.revoke"),
+          close: !1,
+          variant: "destructive",
+          isLoading: ke
+        },
+        secondaryActions: {
+          text: t("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        if (!ke.value) {
+          ke.value = !0;
+          try {
+            await De.revokeInvite(e.id), _.open({
+              type: "success",
+              title: t("team.staffInvite.revoke.successMessage")
+            });
+          } catch (a) {
+            _.open({
+              type: "error",
+              title: Ke(a, {
+                label: "",
+                match: "mobile"
+              }, t)
+            });
+          } finally {
+            ke.value = !1, F.close(), await Ie();
+          }
+        }
+      });
+    }
+    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 k = await De.resendInvite(e.id);
+        k.warnings.length === 0 && _.open({
+          type: "success",
+          title: t("team.staffInvite.resend.sent", {
+            label: a.label
+          })
+        });
+        for (const Y of yt(k.warnings, a, t))
+          _.open({
+            type: "warning",
+            message: Y,
+            position: Ze.BOTTOM
+          });
+      } catch (k) {
+        _.open({
+          type: "error",
+          title: Ke(k, a, t)
+        }), gt(k) && await Ie();
+      }
+    }
+    const Gt = () => {
+      H.value = null, Z.value = null, J.value = ae.ADD;
+    }, Me = c(), xe = c(), Fe = c(), _e = c(), Ue = c(), nt = 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");
+    }), it = I(() => [{
+      label: Kt.value,
+      value: "sso"
+    }, {
+      label: t("team.loginMethod.feedme"),
+      value: "feedme"
+    }]), ut = I(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = v.currentBusiness.value) == null ? void 0 : e._id) ?? "",
+        search: j.value.trim(),
+        restaurantIds: [...Me.value ?? []].sort(),
+        permissionSubjects: [...xe.value ?? []].sort(),
+        permissionSetIds: [...Fe.value ?? []].sort(),
+        statuses: [..._e.value ?? []].sort(),
+        loginMethods: [...Ue.value ?? []].sort()
+      });
+    }), mt = I(() => Object.values(os).map((e) => ({
+      label: e.label,
+      value: e.subject
+    }))), dt = I(() => [{
+      label: t("team.filter.unassigned_label"),
+      value: Le
+    }, ...C.permissionSets.value.map((e) => ({
+      label: e.name,
+      value: e.id
+    }))]);
+    async function Wt() {
+      await P.readRoles();
+    }
+    async function qe(e = r.value) {
+      var a, g, k;
+      B.value = !0;
+      try {
+        const Y = await Se.readTeamMembersPage({
+          limit: Ce,
+          offset: (e - 1) * Ce,
+          search: j.value.trim() || void 0,
+          restaurantIds: wt(Me.value),
+          permissionSubjects: (a = xe.value) != null && a.length ? xe.value : void 0,
+          permissionSetIds: wt(Fe.value),
+          statuses: (g = _e.value) != null && g.length ? _e.value : void 0,
+          loginMethods: (k = Ue.value) != null && k.length ? Ue.value : void 0
+        });
+        h.value = Y.items, b.value = Y.total;
+      } finally {
+        B.value = !1;
+      }
+    }
+    async function Ie() {
+      var a;
+      if (!((a = v.currentBusiness.value) != null && a._id)) return;
+      await qe(r.value);
+      const e = Math.max(1, Math.ceil(b.value / Ce));
+      r.value > e && (r.value = e, await qe(r.value));
+    }
+    const me = c(), fe = c(!1), ke = c(!1);
+    async function He() {
+      ge(), await Ge(), await Ie();
+    }
+    async function zt(e) {
+      const a = me.value.readDetails(), g = x(a);
+      fe.value = !0;
+      try {
+        const k = await De.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: Ze.BOTTOM
+        });
+        for (const Y of yt(k.warnings, g, t, k.result))
+          _.open({
+            type: "warning",
+            message: Y,
+            position: Ze.BOTTOM
+          });
+        await He();
+      } catch (k) {
+        _.open({
+          type: "error",
+          title: Ke(k, g, t)
+        });
+      } finally {
+        fe.value = !1;
+      }
+    }
+    async function Xt(e, a) {
+      const g = x(e);
+      fe.value = !0;
+      try {
+        await De.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 He();
+      } catch (k) {
+        _.open({
+          type: "error",
+          title: Ke(k, g, t)
+        }), gt(k) && await He();
+      } 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 && A.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 ? Se.createTeamMember(e) : Se.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
+          } : {}
+        })), ge(), await Ge(), await Ie();
+      }, {
+        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 Ge() {
+      await V.readPermissionAssignments();
+    }
+    let Ye = !1;
+    async function Jt({
+      pageIndex: e
+    }) {
+      var a;
+      if ((a = v.currentBusiness.value) != null && a._id && !Ye && !(e === 0 && r.value === 1 && h.value.length > 0)) {
+        Ye = !0, r.value = e + 1;
+        try {
+          await qe(r.value);
+        } finally {
+          Ye = !1;
+        }
+      }
+    }
+    const Zt = ls(U, () => {
+      j.value = U.value;
+    });
+    return Pt(Zt), ue(ut, async () => {
+      var e;
+      r.value = 1, y.value = !1, (e = v.currentBusiness.value) != null && e._id && (await qe(1), y.value = !0);
+    }, {
+      immediate: !0
+    }), ue(v.currentBusiness, async () => {
+      var e;
+      if ((e = v.currentBusiness.value) != null && e._id)
+        try {
+          await Promise.all([w.readRestaurants(), Yt(), Ge(), f(), 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
+    }), T({
+      create: Gt,
+      refresh: async () => {
+        await Ge(), await Ie();
+      }
+    }), (e, a) => {
+      var Ee;
+      const g = G("FmSearch"), k = G("FmTable"), Y = G("FmIcon"), le = G("FmButton"), $e = G("FmSideSheet");
+      return m(), M(de, null, [p("div", Za, [p("div", Qa, [s(he).xs ? (m(), M("div", sl, [i(g, {
+        modelValue: U.value,
+        "onUpdate:modelValue": a[6] || (a[6] = (O) => U.value = O),
+        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: Me.value,
+        "onUpdate:modelValue": a[7] || (a[7] = (O) => Me.value = O),
+        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: Fe.value,
+        "onUpdate:modelValue": a[8] || (a[8] = (O) => Fe.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "account_circle",
+        items: dt.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: xe.value,
+        "onUpdate:modelValue": a[9] || (a[9] = (O) => xe.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "settings_account_box",
+        items: mt.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: _e.value,
+        "onUpdate:modelValue": a[10] || (a[10] = (O) => _e.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "check_circle",
+        searchable: !1,
+        items: nt.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: Ue.value,
+        "onUpdate:modelValue": a[11] || (a[11] = (O) => Ue.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "check_circle",
+        searchable: !1,
+        items: it.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)])])) : (m(), M("div", el, [p("div", tl, [i(ie, {
+        modelValue: Me.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (O) => Me.value = O),
+        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: Fe.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (O) => Fe.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "account_circle",
+        items: dt.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: xe.value,
+        "onUpdate:modelValue": a[2] || (a[2] = (O) => xe.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "settings_account_box",
+        items: mt.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: _e.value,
+        "onUpdate:modelValue": a[3] || (a[3] = (O) => _e.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "check_circle",
+        searchable: !1,
+        items: nt.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: Ue.value,
+        "onUpdate:modelValue": a[4] || (a[4] = (O) => Ue.value = O),
+        multiple: "",
+        variant: "dark",
+        "chip-icon": "check_circle",
+        searchable: !1,
+        items: it.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)]), i(g, {
+        modelValue: U.value,
+        "onUpdate:modelValue": a[5] || (a[5] = (O) => U.value = O),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        autofocus: "",
+        placeholder: s(t)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])), (Ee = s(v).currentBusiness.value) != null && Ee._id ? (m(), q(rs, {
+        key: 2
+      }, {
+        default: te(() => [p("div", ll, [y.value ? L("", !0) : (m(), q(ns, {
+          key: 0
+        })), y.value ? (m(), q(us, {
+          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(k, {
+            key: ut.value,
+            "column-defs": D,
+            "row-data": h.value,
+            "page-size": Ce,
+            "page-count": Math.ceil(b.value / Ce),
+            "row-count": b.value,
+            "fetch-fn": Jt,
+            "hide-footer": b.value <= Ce,
+            loading: B.value,
+            "pin-header-row": "",
+            onRowClick: a[12] || (a[12] = (O) => n(s(Ne).Update, O.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)])]), i($e, {
+        "model-value": pe.value,
+        "max-width": 960,
+        "close-button": !1,
+        "onUpdate:modelValue": je,
+        "onOn:clickedAway": s(Pe)
+      }, {
+        "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(Pe)
+        }, null, 8, ["onClick"])])]),
+        "side-sheet-footer": te(() => {
+          var O;
+          return [p("div", nl, [i(le, {
+            label: ye.value,
+            size: "md",
+            variant: "primary",
+            "is-loading": fe.value,
+            disabled: fe.value || J.value === ae.ADD && ((O = me.value) == null ? void 0 : O.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: Re
+          }, null, 8, ["label", "disabled"])])];
+        }),
+        default: te(() => [pe.value ? (m(), q(Ja, {
+          key: 0,
+          ref_key: "memberForm",
+          ref: me,
+          initialValue: Z.value,
+          providers: A.value,
+          loading: be.value,
+          class: "gap-8",
+          onUpdateExisting: Be
+        }, null, 8, ["initialValue", "providers", "loading"])) : L("", !0)]),
+        _: 1
+      }, 8, ["model-value", "onOn:clickedAway"])], 64);
+    };
+  }
+});
+export {
+  Rl as default
+};