@feedmepos/mf-hrm-portal 2.2.5-dev → 2.2.5-dev.3

package/dist/TeamMemberList-GkMQuyoE.js

@@ -0,0 +1,1153 @@
+import { defineComponent as we, resolveComponent as F, createElementBlock as L, openBlock as y, createElementVNode as u, createVNode as i, unref as l, toDisplayString as V, computed as S, ref as p, createCommentVNode as q, withCtx as ie, createBlock as G, watch as pe, Fragment as Be, nextTick as is, onUnmounted as us, withModifiers as ms, h as ds, createTextVNode as cs } from "vue";
+import { useI18n as Ve, useCoreStore as Ze } from "@feedmepos/mf-common";
+import { useSnackbar as Le, useDialog as Qe, useBreakpoints as Ye, components as Oe } from "@feedmepos/ui-library";
+import { u as ps } from "./useDebounce-B8ZPVS5C.js";
+import { _ as vs, S as ye } from "./SelectFilter-ATOm0hdn.js";
+import { b as Te, m as fs, O as bs, _ as hs, a as ys } from "./app-MXDLzWd6.js";
+import { u as gs, _ as _s } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as Us } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { s as Ss, _ as xs, a as Fs, b as Ps, c as Is } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-CqG0v0Sz.js";
+import { u as He } from "./useLoading-CXzTpIVv.js";
+import { n as es } from "./string-VNuQNweN.js";
+import { l as Pe } from "./lodash-BwY7earz.js";
+import { c as he } from "./iteration-CtN8sidV.js";
+import { t as _e, u as ss, c as Ae, b as qe, m as $e, d as ts, p as Ge, i as ws, j as Ke, k as Vs, l as ks, n as Rs, o as Cs, q as $s } from "./rule-DkG2eGGH.js";
+import { u as as } from "./role-Ds1yN3BN.js";
+import { u as ls, i as Ms } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-XHuHin8t.js";
+import "./useAppStore-DCwd8GWN.js";
+import { g as ze, b as We, u as os } from "./restaurant-BTpBmfBV.js";
+import { _ as Ns } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DcpNr0M4.js";
+var Ue = /* @__PURE__ */ ((o) => (o.Update = "Update", o.Remove = "Remove", o))(Ue || {});
+const Ie = "__unassigned__";
+function Je(o) {
+  if (!(o != null && o.length) || o[0] === Ie) return o;
+  const N = o.filter((v) => v !== Ie);
+  return N.length === o.length ? o : [Ie, ...N];
+}
+const Es = { class: "w-full flex flex-col gap-16" }, Ds = { class: "flex items-center gap-16" }, Os = { class: "space-y-4 min-w-0 flex-1" }, As = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, js = { class: "fm-typo-en-body-lg-600 truncate" }, Bs = { class: "w-full flex gap-16 items-center" }, Ls = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Ts = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, qs = { class: "fm-typo-en-body-lg-600 truncate" }, Gs = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Ks = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, zs = { class: "fm-typo-en-body-lg-600 truncate" }, Ws = /* @__PURE__ */ we({
+  __name: "MemberInfo",
+  props: {
+    data: {}
+  },
+  setup(o) {
+    const { t: N } = Ve();
+    return (v, a) => {
+      const m = F("FmAvatar");
+      return y(), L("div", Es, [
+        u("div", Ds, [
+          i(m, {
+            size: "xl",
+            name: o.data.name,
+            initials: l(es)(o.data.name)
+          }, null, 8, ["name", "initials"]),
+          u("div", Os, [
+            u("p", As, V(l(N)("team.memberForm.memberInfo.memberName")), 1),
+            u("p", js, V(o.data.name || "--"), 1)
+          ])
+        ]),
+        u("div", Bs, [
+          u("div", Ls, [
+            u("p", Ts, V(l(N)("team.memberForm.memberInfo.mobileNumber")), 1),
+            u("p", qs, V(o.data.phoneNumber || "--"), 1)
+          ]),
+          u("div", Gs, [
+            u("p", Ks, V(l(N)("team.memberForm.memberInfo.emailAddress")), 1),
+            u("p", zs, V(o.data.email || "--"), 1)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Xe = {
+  async readPermissionUserByPhoneNo(o) {
+    return ze(
+      await We().get(
+        `/portal-users/search-by-phone/${encodeURIComponent(o)}`
+      )
+    );
+  },
+  async readPermissionUserByEmail(o) {
+    return ze(
+      await We().get(
+        `/portal-users/search-by-email/${encodeURIComponent(o)}`
+      )
+    );
+  }
+}, Js = { class: "flex flex-col gap-24 w-full" }, Xs = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Zs = { class: "user-info-icon user-info-icon--lg" }, Qs = { class: "flex-1 overflow-hidden" }, Ys = { class: "profile-displayName" }, Hs = { class: "profile-email" }, et = { class: "profile-phone" }, st = { key: 2 }, tt = /* @__PURE__ */ we({
+  __name: "PortalUserSearcher",
+  emits: ["invite"],
+  setup(o, { emit: N }) {
+    const v = N, { t: a } = Ve(), m = Le(), J = Ze(), { supportedCountries: k, ready: I } = ls(), R = S(() => {
+      var U;
+      const g = (U = J.currentCountry.value) == null ? void 0 : U.toUpperCase();
+      return g && Ms(g) ? g : void 0;
+    }), h = p("phone"), C = p(""), d = p(""), f = p(), j = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, E = S(() => j.test(d.value.trim()));
+    async function D() {
+      const g = h.value === "phone" ? C.value.replace(/ /g, "") : d.value.trim();
+      if (!g) {
+        m.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.emptyError")
+        });
+        return;
+      }
+      if (h.value === "email" && !E.value) {
+        m.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.invalidEmail")
+        });
+        return;
+      }
+      const U = () => {
+        f.value = void 0, m.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.userNotFound")
+        });
+      };
+      try {
+        const M = h.value === "phone" ? await Xe.readPermissionUserByPhoneNo(g) : await Xe.readPermissionUserByEmail(g);
+        if (!M) {
+          U();
+          return;
+        }
+        f.value = M;
+      } catch {
+        f.value = void 0, m.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.searchFailed")
+        });
+      }
+    }
+    const $ = S(() => {
+      var r;
+      let g = ((r = f.value) == null ? void 0 : r.displayName) ?? "";
+      g || (g = "Feed Me");
+      const [U, M] = g.split(" ");
+      return M ? `${U[0]}${M[0]}` : U.slice(0, 2);
+    }), w = p(!1);
+    function n(g) {
+      v("invite", g), w.value = !0;
+    }
+    function b() {
+      w.value = !1;
+    }
+    return (g, U) => {
+      var se, me, B;
+      const M = F("FmRadio"), r = F("FmPhoneNumber"), T = F("FmCircularProgress"), Se = F("FmTextField"), ue = F("FmRadioGroup"), X = F("FmButton");
+      return y(), L("div", Js, [
+        w.value ? q("", !0) : (y(), L("div", Xs, [
+          i(ue, {
+            modelValue: h.value,
+            "onUpdate:modelValue": U[2] || (U[2] = (O) => h.value = O)
+          }, {
+            default: ie(() => [
+              i(M, {
+                value: "phone",
+                label: l(a)("team.memberForm.searchUser.phoneNumber")
+              }, null, 8, ["label"]),
+              h.value === "phone" && l(I) ? (y(), G(r, {
+                key: 0,
+                modelValue: C.value,
+                "onUpdate:modelValue": U[0] || (U[0] = (O) => C.value = O),
+                "default-country": R.value,
+                "extra-country-codes": l(k),
+                class: "ml-8"
+              }, null, 8, ["modelValue", "default-country", "extra-country-codes"])) : h.value === "phone" ? (y(), G(T, {
+                key: 1,
+                class: "ml-8"
+              })) : q("", !0),
+              i(M, {
+                value: "email",
+                label: l(a)("team.memberForm.searchUser.email")
+              }, null, 8, ["label"]),
+              h.value === "email" ? (y(), G(Se, {
+                key: 2,
+                modelValue: d.value,
+                "onUpdate:modelValue": U[1] || (U[1] = (O) => d.value = O),
+                placeholder: l(a)("team.memberForm.searchUser.emailPlaceholder"),
+                rules: [
+                  (O) => !O || E.value || l(a)("team.memberForm.searchUser.invalidEmail")
+                ],
+                class: "ml-8"
+              }, null, 8, ["modelValue", "placeholder", "rules"])) : q("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          i(X, {
+            label: l(a)("team.memberForm.searchUser.search"),
+            variant: "secondary",
+            onClick: D
+          }, null, 8, ["label"])
+        ])),
+        f.value ? (y(), L("div", {
+          key: 1,
+          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
+          onClick: U[3] || (U[3] = (O) => n(f.value))
+        }, [
+          u("div", Zs, V($.value), 1),
+          u("div", Qs, [
+            u("p", Ys, V((se = f.value) == null ? void 0 : se.displayName), 1),
+            u("p", Hs, V((me = f.value) == null ? void 0 : me.email), 1),
+            u("p", et, V((B = f.value) == null ? void 0 : B.phoneNumber), 1)
+          ])
+        ])) : q("", !0),
+        w.value ? (y(), L("div", st, [
+          i(X, {
+            label: l(a)("team.memberForm.searchUser.changeUser"),
+            variant: "secondary",
+            onClick: b
+          }, null, 8, ["label"])
+        ])) : q("", !0)
+      ]);
+    };
+  }
+}), at = /* @__PURE__ */ vs(tt, [["__scopeId", "data-v-827dfd60"]]), lt = { class: "flex flex-col gap-40" }, ot = { class: "flex items-center" }, rt = { class: "flex-1 flex flex-col" }, nt = { class: "fm-typo-en-title-sm-600" }, it = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ut = { class: "flex flex-row gap-16" }, mt = { class: "flex flex-col gap-8" }, dt = { class: "fm-typo-en-body-lg-400" }, ct = { class: "space-y-16" }, je = 4, pt = /* @__PURE__ */ we({
+  __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: N }) {
+    const v = o, a = N, { t: m } = Ve(), J = Le(), k = He(J), I = p(!1), R = p([]);
+    function h() {
+      return { restaurantId: "", roleId: "" };
+    }
+    const C = S(() => {
+      var n;
+      return Ss(((n = v.modelValue) == null ? void 0 : n.roles) ?? []);
+    });
+    function d(n) {
+      return v.usableRoleIds === null || v.usableRoleIds.includes(n._id);
+    }
+    function f(n) {
+      n ? v.modelValue || a("update:model-value", {
+        code: "",
+        name: v.fallbackName,
+        roles: [h()],
+        passcode: v.fallbackPasscode || ""
+      }) : a("update:model-value", null);
+    }
+    function j(n, b) {
+      if (!v.modelValue || n === "passcode" && v.modelValue.passcode === b) return;
+      const g = he(v.modelValue);
+      g[n] = b, a("update:model-value", g);
+    }
+    const E = p(!1), D = S(() => C.value.length > 0);
+    async function $() {
+      if (D.value)
+        try {
+          const n = await k.custom(
+            () => _e.generateMasterUserPasscode({
+              restaurantIds: C.value,
+              excludePosUserId: v.posUserId
+            }),
+            { isLoading: E }
+          );
+          I.value = !1, R.value = n.split(""), j("passcode", n);
+        } catch {
+        }
+    }
+    pe(
+      () => {
+        var n;
+        return (n = v.modelValue) == null ? void 0 : n.passcode;
+      },
+      (n) => {
+        const b = R.value.join("");
+        n !== b && (n && n.length === je ? (R.value = n.split(""), I.value = !0) : (R.value = [], I.value = !1));
+      },
+      { immediate: !0 }
+    ), pe(
+      () => {
+        var n;
+        return (n = v.modelValue) == null ? void 0 : n.roles;
+      },
+      (n) => {
+        v.modelValue && (!n || n.length === 0) && j("roles", [h()]);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const w = S({
+      get: () => {
+        var n;
+        return ((n = v.modelValue) == null ? void 0 : n.roles) ?? [];
+      },
+      set: () => {
+      }
+    });
+    return (n, b) => {
+      const g = F("FmSwitch"), U = F("FmTextField"), M = F("FmFormGroup");
+      return y(), L("div", lt, [
+        u("div", ot, [
+          u("div", rt, [
+            u("div", nt, V(l(m)("team.memberForm.masterUser.title")), 1),
+            u("div", it, V(l(m)("team.memberForm.masterUser.sublabel")), 1)
+          ]),
+          u("div", null, [
+            i(g, {
+              "model-value": !!o.modelValue,
+              value: "master-user",
+              "onUpdate:modelValue": f
+            }, null, 8, ["model-value"])
+          ])
+        ]),
+        o.modelValue ? (y(), L(Be, { key: 0 }, [
+          u("div", ut, [
+            i(U, {
+              "model-value": o.modelValue.code,
+              label: l(m)("team.memberForm.masterUser.code"),
+              "onUpdate:modelValue": b[0] || (b[0] = (r) => j("code", r))
+            }, null, 8, ["model-value", "label"]),
+            i(U, {
+              "model-value": o.modelValue.name,
+              class: "w-full",
+              label: l(m)("team.memberForm.masterUser.name"),
+              rules: [(r) => !!r || l(m)("team.memberForm.masterUser.nameEmptyError")],
+              "onUpdate:modelValue": b[1] || (b[1] = (r) => j("name", r))
+            }, null, 8, ["model-value", "label", "rules"])
+          ]),
+          u("div", mt, [
+            u("div", dt, V(l(m)("team.memberForm.masterUser.passcode")), 1),
+            u("div", ct, [
+              i(M, {
+                modelValue: R.value,
+                "onUpdate:modelValue": b[5] || (b[5] = (r) => R.value = r),
+                rules: [
+                  (r) => (r == null ? void 0 : r.filter((T) => !!T).length) !== je ? l(m)("team.memberForm.masterUser.passcodeRequired") : !0
+                ]
+              }, {
+                default: ie(() => [
+                  i(xs, {
+                    modelValue: R.value,
+                    "onUpdate:modelValue": b[2] || (b[2] = (r) => R.value = r),
+                    masked: I.value,
+                    "onUpdate:masked": b[3] || (b[3] = (r) => I.value = r),
+                    length: je,
+                    "toggle-label": l(m)("team.memberForm.masterUser.passcodeToggleVisibility"),
+                    onComplete: b[4] || (b[4] = (r) => j("passcode", r))
+                  }, null, 8, ["modelValue", "masked", "toggle-label"])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "rules"]),
+              i(Fs, {
+                label: l(m)("team.memberForm.masterUser.passcodeGenerate"),
+                hint: l(m)("team.memberForm.masterUser.passcodeSelectOutletFirst"),
+                loading: E.value,
+                disabled: !D.value,
+                onClick: $
+              }, null, 8, ["label", "hint", "loading", "disabled"])
+            ])
+          ]),
+          i(M, {
+            modelValue: w.value,
+            "onUpdate:modelValue": b[7] || (b[7] = (r) => w.value = r),
+            tag: "div",
+            rules: [
+              (r) => !r || r.length === 0 || r.every((T) => !T.restaurantId) ? l(m)("team.memberForm.masterUser.restaurantRequired") : r.some((T) => !T.restaurantId || !T.roleId) ? l(m)("team.memberForm.masterUser.roleRequired") : !0
+            ]
+          }, {
+            default: ie(() => [
+              i(Ps, {
+                "model-value": o.modelValue.roles,
+                restaurants: o.restaurants,
+                roles: o.roles,
+                "is-role-usable": d,
+                "create-row": h,
+                title: l(m)("team.memberForm.masterUser.assignmentSection"),
+                "restaurant-label": l(m)("team.table.columns.restaurant"),
+                "role-label": l(m)("team.memberForm.masterUser.role"),
+                "add-label": l(m)("team.memberForm.masterUser.addAnother"),
+                "remove-label": l(m)("common.remove"),
+                "onUpdate:modelValue": b[6] || (b[6] = (r) => j("roles", r))
+              }, null, 8, ["model-value", "restaurants", "roles", "title", "restaurant-label", "role-label", "add-label", "remove-label"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ], 64)) : q("", !0)
+      ]);
+    };
+  }
+}), vt = { class: "flex flex-col gap-32" }, ft = { class: "flex w-full" }, bt = {
+  key: 0,
+  class: "space-y-24"
+}, ht = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, yt = { class: "fm-typo-en-title-sm-600" }, gt = { class: "space-y-16" }, _t = { class: "fm-typo-en-title-sm-600" }, Ut = {
+  key: 1,
+  class: "flex items-center justify-center py-64"
+}, St = /* @__PURE__ */ we({
+  __name: "AddMemberForm",
+  props: {
+    initialValue: {
+      type: Object
+    },
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(o, { expose: N }) {
+    var Re, ae, Z;
+    const v = o, { t: a } = Ve(), m = Qe(), { breakpoints: J } = Ye(), k = p(), I = ss(), R = S(
+      () => I.permissionSets.value.map((s) => ({
+        label: s.name,
+        value: s.id
+      }))
+    ), h = p(((Re = v.initialValue) == null ? void 0 : Re.permissionSetIds) || []), C = S(
+      () => Ae(h.value, I.permissionSets.value)
+    ), d = p((ae = v.initialValue) == null ? void 0 : ae.posUser), f = p(
+      qe(
+        $e(C.value),
+        ((Z = v.initialValue) == null ? void 0 : Z.permissions) || []
+      )
+    ), { customReportPermissions: j, isLoaded: E } = ts(), D = new Set(
+      Ge.filter((s) => s.subject.startsWith(ws)).map((s) => s.subject)
+    ), $ = S(() => {
+      const s = new Set(D);
+      for (const c of j.value) s.add(c.subject);
+      return s;
+    }), w = S(() => {
+      const s = /* @__PURE__ */ new Set();
+      for (const c of Ge)
+        c.category === Te.reports && s.add(c.subject);
+      for (const c of j.value)
+        c.category === Te.reports && s.add(c.subject);
+      return s;
+    }), n = S(() => {
+      var s;
+      return !!((s = v.initialValue) != null && s.isOwner);
+    }), b = S(
+      () => Ke(f.value, { isOwner: n.value })
+    ), g = os(), U = as().roles, M = S(() => {
+      const s = b.value.restaurantIds;
+      return s === null ? g.restaurants.value : g.restaurants.value.filter((c) => s.includes(c._id));
+    }), r = p({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
+    function T(s) {
+      k.value = void 0, h.value = [...(s == null ? void 0 : s.permissionSetIds) ?? []], f.value = qe(
+        $e(
+          Ae(
+            h.value,
+            I.permissionSets.value
+          )
+        ),
+        (s == null ? void 0 : s.permissions) || []
+      ), d.value = s != null && s.posUser ? ve(he(s.posUser), f.value) : void 0, fe.value = !!d.value, r.value = {
+        permissionSetIds: [...h.value],
+        userPermissions: he(f.value),
+        posUser: d.value ? he(d.value) : void 0
+      };
+    }
+    function Se() {
+      return !v.initialValue && k.value ? !0 : !Pe.isEqual(h.value, r.value.permissionSetIds) || !Pe.isEqual(f.value, r.value.userPermissions) || !Pe.isEqual(d.value, r.value.posUser);
+    }
+    function ue(s) {
+      k.value = s;
+    }
+    function X(s) {
+      d.value = ve(d.value, s);
+    }
+    function se(s) {
+      return $e(
+        Ae(s, I.permissionSets.value)
+      );
+    }
+    function me(s) {
+      f.value = se(s);
+    }
+    function B(s) {
+      const c = [...s ?? []];
+      if (Pe.isEqual(c, h.value)) return;
+      const K = !Pe.isEqual(
+        f.value,
+        se(h.value)
+      );
+      if (h.value = c, !K) {
+        me(c);
+        return;
+      }
+      m.open({
+        title: a("permissionSet.form.overrideInherited.title"),
+        message: a("permissionSet.form.overrideInherited.message"),
+        minWidth: J.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("permissionSet.form.overrideInherited.override"),
+          close: !1
+        },
+        secondaryActions: {
+          text: a("permissionSet.form.overrideInherited.keepCurrent"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        me(c), m.close();
+      });
+    }
+    function O() {
+      const s = E.value ? $.value : D, c = Rs(f.value, s);
+      return Cs(c, w.value);
+    }
+    function Me() {
+      const s = $e(C.value), c = Vs(O());
+      return ks(s, c);
+    }
+    function ke() {
+      var K, z, Q, A, W, Y, H, le, be, ce;
+      const s = Me(), c = O().filter((oe) => !oe.inverted);
+      return {
+        email: ((K = k.value) == null ? void 0 : K.email) ?? void 0,
+        phoneNumber: ((z = k.value) == null ? void 0 : z.phoneNumber) ?? void 0,
+        customPermissions: s,
+        permissions: c.map((oe) => ({
+          ...oe,
+          subject: fs(oe.subject)
+        })),
+        permissionSetIds: h.value,
+        name: ((Q = k.value) == null ? void 0 : Q.displayName) || ((A = v.initialValue) == null ? void 0 : A.name) || "",
+        posUser: d.value ? {
+          ...d.value,
+          name: d.value.name || ((Y = (W = v.initialValue) == null ? void 0 : W.posUser) == null ? void 0 : Y.name) || ((H = v.initialValue) == null ? void 0 : H.name) || ((le = k.value) == null ? void 0 : le.displayName) || "",
+          code: d.value.code || ((ce = (be = v.initialValue) == null ? void 0 : be.posUser) == null ? void 0 : ce.code) || "",
+          passcode: d.value.passcode,
+          roles: d.value.roles.filter((oe) => !!oe.roleId)
+        } : d.value === null ? null : void 0
+      };
+    }
+    const te = p();
+    function ve(s, c) {
+      if (!s) return s;
+      const K = Ke(c, { isOwner: n.value }), { roleIds: z, restaurantIds: Q } = K;
+      if (z === null && Q === null) return s;
+      const A = he(s);
+      return A.roles = A.roles.filter(
+        (W) => (z === null || z.includes(W.roleId)) && (Q === null || Q.includes(W.restaurantId))
+      ), A;
+    }
+    const fe = p(!!d.value), de = p(!1);
+    function Ne(s) {
+      d.value = s, de.value = !0;
+    }
+    pe(
+      () => !!d.value,
+      async (s) => {
+        s && !fe.value && de.value && (await is(), te.value && te.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), fe.value = s;
+      }
+    );
+    const xe = p();
+    async function Ee() {
+      return (await xe.value.validateInputsWithoutSubmit()).length ? null : ke();
+    }
+    return pe(
+      () => v.initialValue,
+      (s, c) => {
+        if (!c || !s || c.id !== s.id) {
+          de.value = !1, T(s);
+          return;
+        }
+        s.posUser !== void 0 && !de.value && (d.value = s.posUser ? ve(he(s.posUser), f.value) : void 0, r.value = {
+          ...r.value,
+          posUser: d.value ? he(d.value) : void 0
+        });
+      },
+      { immediate: !0 }
+    ), pe(
+      f,
+      (s) => {
+        d.value = ve(d.value, s);
+      },
+      { deep: !0 }
+    ), N({
+      readFormData: ke,
+      validate: Ee,
+      isModified: Se
+    }), (s, c) => {
+      const K = F("FmSelect"), z = F("FmCircularProgress"), Q = F("FmForm");
+      return y(), G(Q, {
+        ref_key: "formRef",
+        ref: xe,
+        class: "mx-4"
+      }, {
+        default: ie(() => {
+          var A, W, Y, H, le, be;
+          return [
+            u("div", vt, [
+              u("div", ft, [
+                o.initialValue ? (y(), G(Ws, {
+                  key: 1,
+                  data: o.initialValue
+                }, null, 8, ["data"])) : (y(), G(at, {
+                  key: 0,
+                  onInvite: c[0] || (c[0] = (ce) => ue(ce))
+                }))
+              ]),
+              k.value || o.initialValue ? (y(), L(Be, { key: 0 }, [
+                (A = o.initialValue) != null && A.isOwner ? q("", !0) : (y(), L("div", bt, [
+                  u("div", ht, [
+                    u("div", yt, V(l(a)("team.memberForm.permissionSet.title")), 1),
+                    i(K, {
+                      "model-value": h.value,
+                      multiselect: "",
+                      searchable: "",
+                      "search-debounce": 300,
+                      items: R.value,
+                      placeholder: l(a)("team.memberForm.permissionSet.selectPlaceholder"),
+                      "onUpdate:modelValue": B
+                    }, null, 8, ["model-value", "items", "placeholder"])
+                  ]),
+                  u("div", gt, [
+                    u("div", _t, V(l(a)("team.memberForm.permissions.title")), 1),
+                    i(Ns, {
+                      modelValue: f.value,
+                      "onUpdate:modelValue": c[1] || (c[1] = (ce) => f.value = ce),
+                      "inherit-permissions": C.value,
+                      onPermissionChanged: X
+                    }, null, 8, ["modelValue", "inherit-permissions"])
+                  ])
+                ])),
+                o.loading ? (y(), L("div", Ut, [
+                  i(z, { size: "xl" })
+                ])) : (y(), G(pt, {
+                  key: 2,
+                  ref_key: "masterUserContentRef",
+                  ref: te,
+                  "model-value": d.value,
+                  "fallback-name": ((W = o.initialValue) == null ? void 0 : W.name) || ((Y = k.value) == null ? void 0 : Y.displayName) || "",
+                  "fallback-passcode": (le = (H = o.initialValue) == null ? void 0 : H.posUser) == null ? void 0 : le.passcode,
+                  roles: l(U),
+                  "usable-role-ids": b.value.roleIds,
+                  restaurants: M.value,
+                  "pos-user-id": (be = o.initialValue) == null ? void 0 : be.posUserId,
+                  "onUpdate:modelValue": Ne
+                }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "usable-role-ids", "restaurants", "pos-user-id"]))
+              ], 64)) : q("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 512);
+    };
+  }
+}), xt = {
+  class: "space-y-24"
+}, Ft = {
+  class: "space-y-8"
+}, Pt = {
+  key: 0,
+  class: "flex w-full items-start justify-between px-16"
+}, It = {
+  class: "flex items-start gap-8"
+}, wt = {
+  key: 1,
+  class: "space-y-4 px-16"
+}, Vt = {
+  class: "flex items-start gap-8"
+}, kt = {
+  class: "flex h-full flex-col overflow-auto"
+}, Rt = {
+  class: "flex w-full items-center justify-between"
+}, Ct = {
+  class: "fm-typo-en-title-md-600"
+}, $t = {
+  class: "flex items-center justify-start gap-8"
+}, ge = 100;
+var ee = /* @__PURE__ */ function(o) {
+  return o[o.ADD = 0] = "ADD", o[o.UPDATE = 1] = "UPDATE", o[o.CLOSED = 2] = "CLOSED", o;
+}(ee || {});
+const Yt = /* @__PURE__ */ we({
+  __name: "TeamMemberList",
+  setup(o, {
+    expose: N
+  }) {
+    const {
+      fetchCustomReportPermissions: v
+    } = ts();
+    ls();
+    const {
+      t: a
+    } = Ve(), m = Ze(), J = os(), k = as(), I = Le(), R = He(I), h = ss(), C = $s(), d = p(!0), f = p(!1), j = S(() => J.isLoading.value), E = p([]), D = p(0), $ = p(1), w = p(""), n = p("");
+    pe(J.restaurants, (e) => {
+      if (e.length > 0 && E.value.length > 0) {
+        const t = new Map(e.map((x) => [x._id, x.profile.name])), _ = e.map((x) => x.profile.name).sort();
+        E.value = E.value.map((x) => ({
+          ...x,
+          restaurants: x.managableRestaurantIds === null ? _ : x.managableRestaurantIds.map((re) => t.get(re) ?? "").filter(Boolean).sort()
+        }));
+      }
+    });
+    const b = S(() => [{
+      label: a("team.filter.unassigned_label"),
+      value: Ie
+    }, ...J.restaurants.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))]), g = ({
+      member: e,
+      className: t = ""
+    }) => {
+      const _ = {
+        label: a("team.actions.updateMember"),
+        onClick: () => se(Ue.Update, e)
+      }, x = {
+        label: a("team.actions.removeMember"),
+        onClick: () => se(Ue.Remove, e),
+        itemClass: "text-fm-color-typo-error"
+      }, re = e.doc.isOwner ? [_] : [_, x];
+      return i(_s, {
+        class: t,
+        items: re
+      }, null);
+    }, U = (e) => e.doc.isOwner ? a("team.labels.businessOwner") : e.restaurants.join(", "), M = [{
+      accessorKey: "name",
+      header: () => a("team.table.columns.name"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return i("div", {
+          class: "flex items-center gap-8"
+        }, [i(Oe.FmAvatar, {
+          name: t.name,
+          initials: es(t.name),
+          size: "sm",
+          class: "shrink-0"
+        }, null), i("span", {
+          class: "truncate"
+        }, [t.name])]);
+      }
+    }, {
+      accessorKey: "phoneNumber",
+      header: () => a("team.table.columns.phoneNumber"),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurant",
+      header: () => a("team.table.columns.restaurant"),
+      enableSorting: !1,
+      cell(e) {
+        if (j.value)
+          return ds(Is);
+        const t = e.row.original;
+        return U(t);
+      }
+    }, {
+      accessorKey: "assignedRoles",
+      header: () => a("team.table.columns.assignedRoles"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original, _ = C.getPermissionAssignmentByUserId(t.id), x = (_ == null ? void 0 : _.permissionSetIds) || t.doc.permissionSetIds || [];
+        return h.permissionSets.value.filter((ne) => x.includes(ne.id)).map((ne) => ne.name).join(", ");
+      }
+    }, {
+      accessorKey: "permission",
+      header: () => a("team.table.columns.permission"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return r(t);
+      },
+      meta: {
+        width: "200px"
+      }
+    }, {
+      id: "action",
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell(e) {
+        const t = e.row.original;
+        return g({
+          member: t,
+          className: "flex justify-end w-full"
+        });
+      },
+      enableSorting: !1
+    }];
+    function r(e) {
+      if (e.doc.isOwner)
+        return a("team.labels.businessOwner");
+      const t = i(Oe.FmTooltip, {
+        variant: "plain",
+        placement: "top"
+      }, {
+        default: () => i(Oe.FmIcon, {
+          name: "info",
+          class: "cursor-pointer text-fm-color-neutral-gray-300"
+        }, null),
+        content: () => i("div", null, [a("team.labels.permission"), e.permissionLabels.map((_) => i("div", null, [cs("- "), _]))])
+      });
+      return i("div", {
+        class: "flex flex-row items-center gap-8"
+      }, [i("span", null, [a("team.labels.allowed", {
+        count: e.permissionLabels.length
+      })]), e.permissionLabels.length > 0 && t]);
+    }
+    function T(e) {
+      var re, ne, Ce, Fe;
+      const t = C.getPermissionAssignmentByUserId(e.id), _ = (t == null ? void 0 : t.customPermissions) ?? e.permissions ?? [], x = (t == null ? void 0 : t.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
+      return {
+        id: e.id,
+        isOwner: e.doc.isOwner,
+        name: e.name,
+        phoneNumber: e.phoneNumber,
+        email: e.email,
+        permissions: _,
+        permissionSetIds: x,
+        posUser: e.doc.posUser ? {
+          code: ((re = e.doc.posUser) == null ? void 0 : re.code) ?? "",
+          name: ((ne = e.doc.posUser) == null ? void 0 : ne.name) ?? e.name,
+          passcode: ((Ce = e.doc.posUser) == null ? void 0 : Ce.passcode) ?? "",
+          roles: ((Fe = e.doc.posUser) == null ? void 0 : Fe.roles) ?? []
+        } : void 0,
+        posUserId: e.doc.posUserId
+      };
+    }
+    function Se(e) {
+      const t = C.getPermissionAssignmentByUserId(e.id), _ = (t == null ? void 0 : t.customPermissions) ?? e.permissions ?? [], x = (t == null ? void 0 : t.permissionSetIds) ?? e.doc.permissionSetIds ?? [];
+      return {
+        id: e.id,
+        isOwner: e.doc.isOwner,
+        name: e.name,
+        phoneNumber: e.phoneNumber,
+        email: e.email,
+        permissions: _,
+        permissionSetIds: x,
+        posUser: void 0,
+        posUserId: e.doc.posUserId
+      };
+    }
+    const ue = p(!1);
+    let X = 0;
+    const se = async (e, t) => {
+      if (e == Ue.Update) {
+        const _ = ++X;
+        te.value = Se(t), B.value = ee.UPDATE, ue.value = t.doc.hasPosUser === !0;
+        try {
+          const x = await _e.readTeamMember(t.id);
+          if (_ !== X) return;
+          te.value = T(x);
+        } catch {
+          if (_ !== X) return;
+          I.open({
+            message: a("common.error"),
+            type: "error"
+          }), de();
+        } finally {
+          _ === X && (ue.value = !1);
+        }
+      }
+      e == Ue.Remove && Ee(t);
+    }, me = Qe(), B = p(ee.CLOSED), O = S(() => B.value !== ee.CLOSED), Me = S(() => B.value === ee.ADD ? a("common.add") : a("common.update")), ke = S(() => B.value === ee.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), te = p();
+    function ve() {
+      X++, ue.value = !1, B.value = ee.CLOSED;
+    }
+    const fe = gs(() => {
+      var e;
+      return ((e = Y.value) == null ? void 0 : e.isModified()) ?? !1;
+    }, ve);
+    function de() {
+      fe();
+    }
+    function Ne(e) {
+      e || de();
+    }
+    const {
+      breakpoints: xe
+    } = Ye(), Ee = (e) => {
+      me.open({
+        title: a("team.actions.removeMember"),
+        message: a("team.removeMember.confirmationMessage", {
+          memberName: e.name
+        }),
+        minWidth: xe.value.lg ? 588 : 0,
+        primaryActions: {
+          text: "Remove",
+          close: !1,
+          variant: "destructive",
+          isLoading: le
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        le.value || (await R.minor(async () => {
+          await _e.deleteTeamMember(e.id), await W();
+        }, {
+          isLoading: le,
+          successMessage: a("team.removeMember.successMessage", {
+            memberName: e.name
+          })
+        }), me.close());
+      });
+    }, Re = () => {
+      te.value = null, B.value = ee.ADD;
+    }, ae = p(), Z = p(), s = p(), c = S(() => {
+      var e;
+      return JSON.stringify({
+        businessId: ((e = m.currentBusiness.value) == null ? void 0 : e._id) ?? "",
+        search: n.value.trim(),
+        restaurantIds: [...ae.value ?? []].sort(),
+        permissionSubjects: [...Z.value ?? []].sort(),
+        permissionSetIds: [...s.value ?? []].sort()
+      });
+    }), K = S(() => Object.values(bs).map((e) => ({
+      label: e.label,
+      value: e.subject
+    }))), z = S(() => [{
+      label: a("team.filter.unassigned_label"),
+      value: Ie
+    }, ...h.permissionSets.value.map((e) => ({
+      label: e.name,
+      value: e.id
+    }))]);
+    async function Q() {
+      await k.readRoles();
+    }
+    async function A(e = $.value) {
+      var t;
+      d.value = !0;
+      try {
+        const _ = await _e.readTeamMembersPage({
+          limit: ge,
+          offset: (e - 1) * ge,
+          search: n.value.trim() || void 0,
+          restaurantIds: Je(ae.value),
+          permissionSubjects: (t = Z.value) != null && t.length ? Z.value : void 0,
+          permissionSetIds: Je(s.value)
+        });
+        E.value = _.items, D.value = _.total;
+      } finally {
+        d.value = !1;
+      }
+    }
+    async function W() {
+      var t;
+      if (!((t = m.currentBusiness.value) != null && t._id)) return;
+      await A($.value);
+      const e = Math.max(1, Math.ceil(D.value / ge));
+      $.value > e && ($.value = e, await A($.value));
+    }
+    const Y = p(), H = p(!1), le = p(!1);
+    async function be() {
+      if (!Y.value) return;
+      const e = await Y.value.validate();
+      if (!e) return;
+      const t = B.value === ee.ADD;
+      await R.minor(async () => {
+        await (t ? _e.createTeamMember(e) : _e.updateTeamMember(te.value.id, e)), ve(), await oe(), await W();
+      }, {
+        successMessage: t ? a("team.addMember.successMessage", {
+          memberName: e.name
+        }) : a("team.updateMember.successMessage", {
+          memberName: e.name
+        }),
+        isLoading: H
+      }), B.value = ee.CLOSED;
+    }
+    async function ce() {
+      await h.readPermissionSets();
+    }
+    async function oe() {
+      await C.readPermissionAssignments();
+    }
+    let De = !1;
+    async function rs({
+      pageIndex: e
+    }) {
+      var t;
+      if ((t = m.currentBusiness.value) != null && t._id && !De && !(e === 0 && $.value === 1 && E.value.length > 0)) {
+        De = !0, $.value = e + 1;
+        try {
+          await A($.value);
+        } finally {
+          De = !1;
+        }
+      }
+    }
+    const ns = ps(w, () => {
+      n.value = w.value;
+    });
+    return us(ns), pe(c, async () => {
+      var e;
+      $.value = 1, f.value = !1, (e = m.currentBusiness.value) != null && e._id && (await A(1), f.value = !0);
+    }, {
+      immediate: !0
+    }), pe(m.currentBusiness, async () => {
+      var e;
+      if ((e = m.currentBusiness.value) != null && e._id)
+        try {
+          await Promise.all([J.readRestaurants(), ce(), oe(), v(), Q()]);
+        } catch (t) {
+          console.error("Failed to load team member dependencies:", t), I.open({
+            message: t instanceof Error ? t.message : String(t),
+            type: "error"
+          });
+        }
+    }, {
+      immediate: !0
+    }), N({
+      create: Re
+    }), (e, t) => {
+      var Fe;
+      const _ = F("FmSearch"), x = F("FmTable"), re = F("FmIcon"), ne = F("FmButton"), Ce = F("FmSideSheet");
+      return y(), L(Be, null, [u("div", xt, [u("div", Ft, [l(xe).xs ? (y(), L("div", wt, [i(_, {
+        modelValue: w.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (P) => w.value = P),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        placeholder: l(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"]), u("div", Vt, [i(ye, {
+        modelValue: ae.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (P) => ae.value = P),
+        multiple: "",
+        items: b.value,
+        variant: "dark",
+        "selected-prefix": l(a)("team.table.columns.restaurant"),
+        placeholder: l(a)("team.table.columns.restaurant"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ye, {
+        modelValue: Z.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (P) => Z.value = P),
+        multiple: "",
+        variant: "dark",
+        items: K.value,
+        "selected-prefix": l(a)("team.filter.selected_permission_prefix"),
+        placeholder: l(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ye, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[7] || (t[7] = (P) => s.value = P),
+        multiple: "",
+        variant: "dark",
+        items: z.value,
+        "selected-prefix": l(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: l(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (y(), L("div", Pt, [u("div", It, [i(ye, {
+        modelValue: ae.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (P) => ae.value = P),
+        multiple: "",
+        items: b.value,
+        variant: "dark",
+        "selected-prefix": l(a)("team.table.columns.restaurant"),
+        placeholder: l(a)("team.table.columns.restaurant"),
+        class: "!w-auto"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ye, {
+        modelValue: Z.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (P) => Z.value = P),
+        multiple: "",
+        variant: "dark",
+        items: K.value,
+        "selected-prefix": l(a)("team.filter.selected_permission_prefix"),
+        placeholder: l(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i(ye, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (P) => s.value = P),
+        multiple: "",
+        variant: "dark",
+        items: z.value,
+        "selected-prefix": l(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: l(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), i(_, {
+        modelValue: w.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (P) => w.value = P),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        autofocus: "",
+        placeholder: l(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])), (Fe = l(m).currentBusiness.value) != null && Fe._id ? (y(), G(hs, {
+        key: 2
+      }, {
+        default: ie(() => [u("div", kt, [f.value ? q("", !0) : (y(), G(ys, {
+          key: 0
+        })), f.value ? (y(), G(Us, {
+          key: 1,
+          "is-loading": d.value,
+          "is-empty": D.value === 0,
+          title: l(a)("team.emptyState.title"),
+          subtitle: l(a)("team.emptyState.description")
+        }, {
+          default: ie(() => [(y(), G(x, {
+            key: c.value,
+            "column-defs": M,
+            "row-data": E.value,
+            "page-size": ge,
+            "page-count": Math.ceil(D.value / ge),
+            "row-count": D.value,
+            "fetch-fn": rs,
+            "hide-footer": D.value <= ge,
+            loading: d.value,
+            "pin-header-row": "",
+            onRowClick: t[8] || (t[8] = (P) => se(l(Ue).Update, P.original))
+          }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"])) : q("", !0)])]),
+        _: 1
+      })) : q("", !0)])]), i(Ce, {
+        "model-value": O.value,
+        "max-width": 960,
+        "close-button": !1,
+        "onUpdate:modelValue": Ne,
+        "onOn:clickedAway": l(fe)
+      }, {
+        "side-sheet-header": ie(() => [u("div", Rt, [u("p", Ct, V(ke.value), 1), i(re, {
+          name: "close",
+          size: "md",
+          class: "cursor-pointer",
+          onClick: l(fe)
+        }, null, 8, ["onClick"])])]),
+        "side-sheet-footer": ie(() => [u("div", $t, [i(ne, {
+          label: Me.value,
+          size: "md",
+          variant: "primary",
+          "is-loading": H.value,
+          disabled: H.value,
+          onClick: ms(be, ["prevent"])
+        }, null, 8, ["label", "is-loading", "disabled"]), i(ne, {
+          label: l(a)("common.cancel"),
+          size: "md",
+          variant: "secondary",
+          disabled: H.value,
+          onClick: de
+        }, null, 8, ["label", "disabled"])])]),
+        default: ie(() => [O.value ? (y(), G(St, {
+          key: 0,
+          ref_key: "memberForm",
+          ref: Y,
+          initialValue: te.value,
+          loading: ue.value,
+          class: "gap-8"
+        }, null, 8, ["initialValue", "loading"])) : q("", !0)]),
+        _: 1
+      }, 8, ["model-value", "onOn:clickedAway"])], 64);
+    };
+  }
+});
+export {
+  Yt as default
+};