@feedmepos/mf-hrm-portal 2.0.16 → 2.0.17-dev.2

package/dist/TeamMemberList-DSzNjP4y.js

@@ -0,0 +1,996 @@
+import { defineComponent as he, resolveComponent as F, createElementBlock as D, openBlock as y, createElementVNode as i, createVNode as m, toDisplayString as P, unref as o, ref as x, computed as k, createCommentVNode as oe, withCtx as re, createBlock as ne, watch as be, Fragment as ye, renderList as ze, withKeys as Pe, withModifiers as ve, nextTick as Ke, isRef as Re, createTextVNode as qe } from "vue";
+import { useI18n as ge, useCoreStore as _e, baseClientInstance as $e, RestaurantSelector as ke } from "@feedmepos/mf-common";
+import { useSnackbar as je, useDialog as Ge, useBreakpoints as We, components as Fe } from "@feedmepos/ui-library";
+import { _ as Je, S as xe } from "./SelectFilter-DUj7GBtT.js";
+import { p as Ie, b as Xe, C as Qe, _ as Ce } from "./app-hS6MBhCw.js";
+import { _ as Ye } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
+import { _ as Ze } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as He } from "./useSearch-BAPEUu1R.js";
+import { u as es } from "./useLoading-DkTCR5A7.js";
+import { g as Me, d as we } from "./iteration-D23fqAQH.js";
+import { u as Le, c as Ne, b as Ae, m as Ve, d as Ee, p as De, i as ss, j as Oe, k as ts, l as ls, s as as, n as os, o as rs, t as Ue } from "./rule-BBJzenE1.js";
+import { u as Te } from "./useAppStore-Du6PRBq0.js";
+/* empty css                                                                            */
+import { _ as ns } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-B-hvBqE0.js";
+import { u as is } from "./team-Dq3VcGNH.js";
+var ce = /* @__PURE__ */ ((u) => (u.Update = "Update", u.Remove = "Remove", u))(ce || {});
+const ms = { class: "w-full flex flex-col gap-16" }, us = { class: "flex items-center gap-16" }, ds = { class: "space-y-4 min-w-0 flex-1" }, cs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ps = { class: "fm-typo-en-body-lg-600 truncate" }, fs = { class: "w-full flex gap-16 items-center" }, vs = { class: "flex-1 flex flex-col gap-4 min-w-0" }, bs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ys = { class: "fm-typo-en-body-lg-600 truncate" }, _s = { class: "flex-1 flex flex-col gap-4 min-w-0" }, hs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, gs = { class: "fm-typo-en-body-lg-600 truncate" }, xs = /* @__PURE__ */ he({
+  __name: "MemberInfo",
+  props: {
+    data: {}
+  },
+  setup(u) {
+    const { t: C } = ge();
+    return (r, a) => {
+      const c = F("FmAvatar");
+      return y(), D("div", ms, [
+        i("div", us, [
+          m(c, {
+            size: "xl",
+            initials: u.data.name
+          }, null, 8, ["initials"]),
+          i("div", ds, [
+            i("p", cs, P(o(C)("team.memberForm.memberInfo.memberName")), 1),
+            i("p", ps, P(u.data.name || "--"), 1)
+          ])
+        ]),
+        i("div", fs, [
+          i("div", vs, [
+            i("p", bs, P(o(C)("team.memberForm.memberInfo.mobileNumber")), 1),
+            i("p", ys, P(u.data.phoneNumber || "--"), 1)
+          ]),
+          i("div", _s, [
+            i("p", hs, P(o(C)("team.memberForm.memberInfo.emailAddress")), 1),
+            i("p", gs, P(u.data.email || "--"), 1)
+          ])
+        ])
+      ]);
+    };
+  }
+}), Be = {
+  async readPermissionUserByPhoneNo(u) {
+    var r;
+    const { currentBusiness: C } = _e();
+    return Me(
+      await $e("/").get(`/user/b/${(r = C.value) == null ? void 0 : r._id}/phone/${u}`)
+    );
+  },
+  async readPermissionUserByEmail(u) {
+    var r;
+    const { currentBusiness: C } = _e();
+    return Me(
+      await $e("/").get(`/user/b/${(r = C.value) == null ? void 0 : r._id}/email/${u}`)
+    );
+  }
+}, Vs = { class: "flex flex-col gap-24 w-full" }, Us = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, Fs = { class: "user-info-icon user-info-icon--lg" }, Ss = { class: "flex-1 overflow-hidden" }, ws = { class: "profile-displayName" }, Ps = { class: "profile-email" }, Rs = { class: "profile-phone" }, $s = { key: 2 }, ks = /* @__PURE__ */ he({
+  __name: "PortalUserSearcher",
+  emits: ["invite"],
+  setup(u, { emit: C }) {
+    const r = C, { t: a } = ge(), c = je(), O = _e(), w = x("phone"), _ = x(""), I = x(""), p = x();
+    async function h() {
+      if (!_.value && !I.value) {
+        c.open({
+          type: "error",
+          title: a("team.memberForm.searchUser.emptyError")
+        });
+        return;
+      }
+      const M = w.value === "phone" ? await Be.readPermissionUserByPhoneNo(_.value.replace(/ /g, "")) : await Be.readPermissionUserByEmail(I.value);
+      M || c.open({
+        type: "error",
+        title: a("team.memberForm.searchUser.userNotFound")
+      }), p.value = M;
+    }
+    const z = k(() => {
+      var A;
+      let M = ((A = p.value) == null ? void 0 : A.displayName) ?? "";
+      M || (M = "Feed Me");
+      const [U, N] = M.split(" ");
+      return N ? `${U[0]}${N[0]}` : U.slice(0, 2);
+    }), K = x(!1);
+    function H(M) {
+      r("invite", M), K.value = !0;
+    }
+    function ie() {
+      K.value = !1;
+    }
+    return (M, U) => {
+      var v, R, B;
+      const N = F("FmRadio"), A = F("FmPhoneNumber"), X = F("FmTextField"), n = F("FmRadioGroup"), s = F("FmButton");
+      return y(), D("div", Vs, [
+        K.value ? oe("", !0) : (y(), D("div", Us, [
+          m(n, {
+            modelValue: w.value,
+            "onUpdate:modelValue": U[2] || (U[2] = (V) => w.value = V)
+          }, {
+            default: re(() => [
+              m(N, {
+                value: "phone",
+                label: o(a)("team.memberForm.searchUser.phoneNumber")
+              }, null, 8, ["label"]),
+              w.value === "phone" ? (y(), ne(A, {
+                key: 0,
+                modelValue: _.value,
+                "onUpdate:modelValue": U[0] || (U[0] = (V) => _.value = V),
+                "extra-country-codes": o(O).enabledCountries.value,
+                class: "ml-8"
+              }, null, 8, ["modelValue", "extra-country-codes"])) : oe("", !0),
+              m(N, {
+                value: "email",
+                label: o(a)("team.memberForm.searchUser.email")
+              }, null, 8, ["label"]),
+              w.value === "email" ? (y(), ne(X, {
+                key: 1,
+                modelValue: I.value,
+                "onUpdate:modelValue": U[1] || (U[1] = (V) => I.value = V),
+                placeholder: o(a)("team.memberForm.searchUser.emailPlaceholder"),
+                class: "ml-8"
+              }, null, 8, ["modelValue", "placeholder"])) : oe("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          m(s, {
+            label: o(a)("team.memberForm.searchUser.search"),
+            variant: "secondary",
+            onClick: h
+          }, null, 8, ["label"])
+        ])),
+        p.value ? (y(), D("div", {
+          key: 1,
+          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
+          onClick: U[3] || (U[3] = (V) => H(p.value))
+        }, [
+          i("div", Fs, P(z.value), 1),
+          i("div", Ss, [
+            i("p", ws, P((v = p.value) == null ? void 0 : v.displayName), 1),
+            i("p", Ps, P((R = p.value) == null ? void 0 : R.email), 1),
+            i("p", Rs, P((B = p.value) == null ? void 0 : B.phoneNumber), 1)
+          ])
+        ])) : oe("", !0),
+        K.value ? (y(), D("div", $s, [
+          m(s, {
+            label: o(a)("team.memberForm.searchUser.changeUser"),
+            variant: "secondary",
+            onClick: ie
+          }, null, 8, ["label"])
+        ])) : oe("", !0)
+      ]);
+    };
+  }
+}), Is = /* @__PURE__ */ Je(ks, [["__scopeId", "data-v-c2c7ed35"]]), Cs = { class: "flex flex-col gap-40" }, Ms = { class: "flex items-center" }, Ns = { class: "flex-1 flex flex-col" }, As = { class: "fm-typo-en-title-sm-600" }, Ds = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Os = { class: "flex flex-row gap-16" }, Bs = { class: "flex flex-col gap-8" }, js = { class: "fm-typo-en-body-lg-400" }, Ls = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, Es = { class: "fm-typo-en-title-sm-600" }, Ts = { class: "space-y-16" }, zs = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, Ks = { class: "text-sm font-semibold text-fm-color-typo-primary" }, qs = { class: "text-sm font-semibold text-fm-color-typo-primary" }, Gs = { class: "flex justify-self-end" }, Ws = ["aria-label", "onClick", "onKeydown"], Se = 4, Js = /* @__PURE__ */ he({
+  __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
+    }
+  },
+  emits: ["update:model-value"],
+  setup(u, { emit: C }) {
+    const r = u, a = C, { t: c } = ge(), O = x(!0), w = x([]);
+    function _() {
+      return { restaurantId: "", roleId: "" };
+    }
+    const I = k(
+      () => {
+        var n;
+        return ((n = r.modelValue) == null ? void 0 : n.roles.map((s) => s.restaurantId).filter(Boolean)) ?? [];
+      }
+    );
+    function p(n) {
+      n ? r.modelValue || a("update:model-value", {
+        code: "",
+        name: r.fallbackName,
+        roles: [_()],
+        passcode: r.fallbackPasscode || ""
+      }) : a("update:model-value", null);
+    }
+    function h(n, s) {
+      if (!r.modelValue || n === "passcode" && r.modelValue.passcode === s) return;
+      const v = we(r.modelValue);
+      v[n] = s, a("update:model-value", v);
+    }
+    function z(n = "") {
+      return r.restaurants.map((s) => ({
+        label: `${s.profile.code ? `${s.profile.code} - ` : ""}${s.profile.name}`,
+        value: s._id,
+        disabled: I.value.includes(s._id) && s._id !== n
+      }));
+    }
+    function K(n = "") {
+      return r.roles.map((s) => ({
+        label: s.label,
+        value: s.value,
+        disabled: !!s.disabled && s.value !== n
+      }));
+    }
+    function H(n, s) {
+      var ee, Q, Y, d;
+      if (!r.modelValue) return;
+      const v = r.modelValue.roles.length > 0 ? [...r.modelValue.roles] : [_()], R = ((ee = v[n]) == null ? void 0 : ee.roleId) ?? "", B = K(R), V = ((Q = B.find((g) => g.value === R && !g.disabled)) == null ? void 0 : Q.value) ?? ((Y = B.find((g) => !g.disabled)) == null ? void 0 : Y.value) ?? ((d = B[0]) == null ? void 0 : d.value) ?? "";
+      v[n] = { restaurantId: s, roleId: V }, h("roles", v);
+    }
+    function ie(n, s) {
+      var R;
+      if (!r.modelValue) return;
+      const v = r.modelValue.roles.length > 0 ? [...r.modelValue.roles] : [_()];
+      v[n] = {
+        restaurantId: ((R = v[n]) == null ? void 0 : R.restaurantId) ?? "",
+        roleId: s
+      }, h("roles", v);
+    }
+    function M() {
+      r.modelValue && h("roles", [...r.modelValue.roles, _()]);
+    }
+    function U(n) {
+      if (!r.modelValue) return;
+      const s = r.modelValue.roles.length > 0 ? [...r.modelValue.roles] : [_()];
+      h(
+        "roles",
+        s.length === 1 ? [_()] : s.filter((v, R) => R !== n)
+      );
+    }
+    const N = k(() => {
+      if (!r.modelValue) return !1;
+      const n = r.restaurants.some(
+        (v) => !I.value.includes(v._id)
+      ), s = r.modelValue.roles.every(
+        (v) => v.restaurantId && v.roleId
+      );
+      return n && s;
+    });
+    function A() {
+      O.value && (O.value = !1, w.value = [], h("passcode", ""));
+    }
+    be(
+      () => {
+        var n;
+        return (n = r.modelValue) == null ? void 0 : n.passcode;
+      },
+      (n) => {
+        n && n.length === Se ? (w.value = n.split(""), O.value = !0) : (w.value = [], O.value = !1);
+      },
+      { immediate: !0 }
+    ), be(
+      () => {
+        var n;
+        return (n = r.modelValue) == null ? void 0 : n.roles;
+      },
+      (n) => {
+        r.modelValue && (!n || n.length === 0) && h("roles", [_()]);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const X = k({
+      get: () => {
+        var n;
+        return ((n = r.modelValue) == null ? void 0 : n.roles) ?? [];
+      },
+      set: () => {
+      }
+    });
+    return (n, s) => {
+      const v = F("FmSwitch"), R = F("FmTextField"), B = F("FmPinField"), V = F("FmFormGroup"), ee = F("FmSelect"), Q = F("FmIcon"), Y = F("FmButton");
+      return y(), D("div", Cs, [
+        i("div", Ms, [
+          i("div", Ns, [
+            i("div", As, P(o(c)("team.memberForm.masterUser.title")), 1),
+            i("div", Ds, P(o(c)("team.memberForm.masterUser.sublabel")), 1)
+          ]),
+          i("div", null, [
+            m(v, {
+              "model-value": !!u.modelValue,
+              value: "master-user",
+              "onUpdate:modelValue": p
+            }, null, 8, ["model-value"])
+          ])
+        ]),
+        u.modelValue ? (y(), D(ye, { key: 0 }, [
+          i("div", Os, [
+            m(R, {
+              "model-value": u.modelValue.code,
+              label: o(c)("team.memberForm.masterUser.code"),
+              "onUpdate:modelValue": s[0] || (s[0] = (d) => h("code", d))
+            }, null, 8, ["model-value", "label"]),
+            m(R, {
+              "model-value": u.modelValue.name,
+              class: "w-full",
+              label: o(c)("team.memberForm.masterUser.name"),
+              rules: [(d) => !!d || o(c)("team.memberForm.masterUser.nameEmptyError")],
+              "onUpdate:modelValue": s[1] || (s[1] = (d) => h("name", d))
+            }, null, 8, ["model-value", "label", "rules"])
+          ]),
+          i("div", Bs, [
+            i("div", js, P(o(c)("team.memberForm.masterUser.passcode")), 1),
+            m(V, {
+              modelValue: w.value,
+              "onUpdate:modelValue": s[4] || (s[4] = (d) => w.value = d),
+              rules: [
+                (d) => (d == null ? void 0 : d.filter((g) => !!g).length) !== Se ? o(c)("team.memberForm.masterUser.passcodeRequired") : !0
+              ]
+            }, {
+              default: re(() => [
+                (y(), ne(B, {
+                  key: `pin-field-${O.value}`,
+                  modelValue: w.value,
+                  "onUpdate:modelValue": s[2] || (s[2] = (d) => w.value = d),
+                  length: Se,
+                  masked: O.value,
+                  onComplete: s[3] || (s[3] = (d) => h("passcode", d)),
+                  onFocus: A
+                }, null, 8, ["modelValue", "masked"]))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "rules"])
+          ]),
+          m(V, {
+            tag: "div",
+            modelValue: X.value,
+            "onUpdate:modelValue": s[5] || (s[5] = (d) => X.value = d),
+            rules: [
+              (d) => !d || d.length === 0 || d.every((g) => !g.restaurantId) ? o(c)("team.memberForm.masterUser.restaurantRequired") : d.some((g) => !g.restaurantId || !g.roleId) ? o(c)("team.memberForm.masterUser.roleRequired") : !0
+            ]
+          }, {
+            default: re(() => [
+              i("div", Ls, [
+                i("div", Es, P(o(c)("team.memberForm.masterUser.assignmentSection")), 1),
+                i("div", Ts, [
+                  i("div", zs, [
+                    i("div", Ks, P(o(c)("team.table.columns.restaurant")), 1),
+                    i("div", qs, P(o(c)("team.memberForm.masterUser.role")), 1),
+                    s[6] || (s[6] = i("div", null, null, -1))
+                  ]),
+                  (y(!0), D(ye, null, ze(u.modelValue.roles, (d, g) => (y(), D("div", {
+                    key: `${d.restaurantId || "new"}-${g}`,
+                    class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
+                  }, [
+                    m(ee, {
+                      class: "min-w-0",
+                      "model-value": d.restaurantId,
+                      items: z(d.restaurantId),
+                      multiselect: !1,
+                      placeholder: o(c)("team.table.columns.restaurant"),
+                      "onUpdate:modelValue": (j) => H(g, j)
+                    }, null, 8, ["model-value", "items", "placeholder", "onUpdate:modelValue"]),
+                    m(ee, {
+                      class: "min-w-0",
+                      "model-value": d.roleId,
+                      items: K(d.roleId),
+                      multiselect: !1,
+                      placeholder: o(c)("team.memberForm.masterUser.role"),
+                      disabled: !d.restaurantId,
+                      "onUpdate:modelValue": (j) => ie(g, j)
+                    }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
+                    i("div", Gs, [
+                      u.modelValue.roles.length > 1 ? (y(), D("div", {
+                        key: 0,
+                        role: "button",
+                        tabindex: "0",
+                        class: "inline-flex h-40 w-40 shrink-0 cursor-pointer items-center justify-center rounded-lg text-fm-color-neutral-gray-400 transition-colors hover:bg-fm-color-neutral-gray-100 focus:outline-none focus:ring-2 focus:ring-fm-color-primary",
+                        "aria-label": o(c)("common.remove"),
+                        onClick: ve((j) => U(g), ["stop"]),
+                        onKeydown: [
+                          Pe(ve((j) => U(g), ["prevent", "stop"]), ["enter"]),
+                          Pe(ve((j) => U(g), ["prevent", "stop"]), ["space"])
+                        ]
+                      }, [
+                        m(Q, {
+                          name: "delete",
+                          size: "md"
+                        })
+                      ], 40, Ws)) : oe("", !0)
+                    ])
+                  ]))), 128))
+                ]),
+                m(Y, {
+                  type: "button",
+                  variant: "secondary",
+                  "text-color": "primary",
+                  "border-color": "primary",
+                  "prepend-icon": "add",
+                  label: o(c)("team.memberForm.masterUser.addAnother"),
+                  size: "md",
+                  disabled: !N.value,
+                  onClick: ve(M, ["stop"])
+                }, null, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])
+        ], 64)) : oe("", !0)
+      ]);
+    };
+  }
+}), Xs = { class: "flex flex-col gap-32" }, Qs = { class: "flex w-full" }, Ys = {
+  key: 0,
+  class: "flex items-center justify-center py-64"
+}, Zs = {
+  key: 0,
+  class: "space-y-24"
+}, Hs = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, et = { class: "fm-typo-en-title-sm-600" }, st = { class: "space-y-16" }, tt = { class: "fm-typo-en-title-sm-600" }, lt = /* @__PURE__ */ he({
+  __name: "AddMemberForm",
+  props: {
+    initialValue: {
+      type: Object
+    },
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(u, { expose: C }) {
+    var j, se, te;
+    const r = u, { t: a } = ge(), c = x(), O = Le(), w = k(
+      () => O.permissionSets.value.map((l) => ({
+        label: l.name,
+        value: l.id
+      }))
+    ), _ = x(((j = r.initialValue) == null ? void 0 : j.permissionSetIds) || []), I = k(
+      () => Ne(_.value, O.permissionSets.value)
+    ), p = x((se = r.initialValue) == null ? void 0 : se.posUser), h = x(
+      Ae(
+        Ve(I.value),
+        ((te = r.initialValue) == null ? void 0 : te.permissions) || []
+      )
+    ), { customReportPermissions: z, isLoaded: K } = Ee(), H = new Set(
+      De.filter((l) => l.subject.startsWith(ss)).map((l) => l.subject)
+    ), ie = k(() => {
+      const l = new Set(H);
+      for (const f of z.value) l.add(f.subject);
+      return l;
+    }), M = k(() => {
+      const l = /* @__PURE__ */ new Set();
+      for (const f of De)
+        f.category === Ie.reports && l.add(f.subject);
+      for (const f of z.value)
+        f.category === Ie.reports && l.add(f.subject);
+      return l;
+    }), { restaurants: U } = _e(), N = Te().roles, A = k(() => Oe(h.value)), X = k(() => {
+      const l = A.value;
+      return N.value.map(
+        (f) => ({
+          label: f.name,
+          value: f._id,
+          disabled: !!l && !l.includes(f._id)
+        })
+      );
+    });
+    function n(l) {
+      c.value = void 0, _.value = [...(l == null ? void 0 : l.permissionSetIds) ?? []], p.value = l != null && l.posUser ? we(l.posUser) : void 0, Y.value = !!p.value, h.value = Ae(
+        Ve(
+          Ne(_.value, O.permissionSets.value)
+        ),
+        (l == null ? void 0 : l.permissions) || []
+      );
+    }
+    function s(l) {
+      c.value = l;
+    }
+    function v(l) {
+      p.value = Q(p.value, l);
+    }
+    function R() {
+      const l = Ve(I.value), f = K.value ? ie.value : H, L = ts(h.value, f), $ = ls(L, M.value), q = as($);
+      return os(l, q);
+    }
+    function B() {
+      var L, $, q, G, me, le, ae, ue, E, pe;
+      const l = R(), f = h.value.filter((e) => !e.inverted);
+      return {
+        email: ((L = c.value) == null ? void 0 : L.email) ?? void 0,
+        phoneNumber: (($ = c.value) == null ? void 0 : $.phoneNumber) ?? void 0,
+        customPermissions: l,
+        permissions: f.map((e) => ({
+          ...e,
+          subject: Xe(e.subject)
+        })),
+        permissionSetIds: _.value,
+        name: ((q = c.value) == null ? void 0 : q.displayName) || ((G = r.initialValue) == null ? void 0 : G.name) || "",
+        posUser: p.value ? {
+          ...p.value,
+          name: p.value.name || ((le = (me = r.initialValue) == null ? void 0 : me.posUser) == null ? void 0 : le.name) || ((ae = r.initialValue) == null ? void 0 : ae.name) || ((ue = c.value) == null ? void 0 : ue.displayName) || "",
+          code: p.value.code || ((pe = (E = r.initialValue) == null ? void 0 : E.posUser) == null ? void 0 : pe.code) || "",
+          passcode: p.value.passcode,
+          roles: p.value.roles.filter((e) => !!e.roleId)
+        } : void 0
+      };
+    }
+    const V = x();
+    function ee() {
+      h.value = Ve(I.value);
+    }
+    function Q(l, f) {
+      if (!l) return;
+      const L = Oe(f);
+      if (!L) return l;
+      const $ = we(l);
+      return $.roles = $.roles.reduce((q, G) => (L.includes(G.roleId) && q.push(G), q), []), $;
+    }
+    const Y = x(!!p.value);
+    be(
+      () => !!p.value,
+      async (l) => {
+        l && !Y.value && (await Ke(), V.value && V.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), Y.value = l;
+      }
+    );
+    const d = x();
+    async function g() {
+      return (await d.value.validateInputsWithoutSubmit()).length ? null : B();
+    }
+    return be(
+      () => r.initialValue,
+      (l) => {
+        n(l);
+      },
+      { immediate: !0, deep: !0 }
+    ), C({
+      readFormData: B,
+      validate: g
+    }), (l, f) => {
+      const L = F("FmCircularProgress"), $ = F("FmSelect"), q = F("FmForm");
+      return y(), ne(q, {
+        ref_key: "formRef",
+        ref: d,
+        class: "mx-4"
+      }, {
+        default: re(() => {
+          var G, me, le, ae, ue;
+          return [
+            i("div", Xs, [
+              i("div", Qs, [
+                u.initialValue ? (y(), ne(xs, {
+                  key: 1,
+                  data: u.initialValue
+                }, null, 8, ["data"])) : (y(), ne(Is, {
+                  key: 0,
+                  onInvite: f[0] || (f[0] = (E) => s(E))
+                }))
+              ]),
+              c.value || u.initialValue ? (y(), D(ye, { key: 0 }, [
+                u.loading ? (y(), D("div", Ys, [
+                  m(L, { size: "xl" })
+                ])) : (y(), D(ye, { key: 1 }, [
+                  (G = u.initialValue) != null && G.isOwner ? oe("", !0) : (y(), D("div", Zs, [
+                    i("div", Hs, [
+                      i("div", et, P(o(a)("team.memberForm.permissionSet.title")), 1),
+                      m($, {
+                        modelValue: _.value,
+                        "onUpdate:modelValue": [
+                          f[1] || (f[1] = (E) => _.value = E),
+                          ee
+                        ],
+                        multiselect: "",
+                        searchable: "",
+                        "search-debounce": 300,
+                        items: w.value,
+                        placeholder: o(a)("team.memberForm.permissionSet.selectPlaceholder")
+                      }, null, 8, ["modelValue", "items", "placeholder"])
+                    ]),
+                    i("div", st, [
+                      i("div", tt, P(o(a)("team.memberForm.permissions.title")), 1),
+                      m(ns, {
+                        modelValue: h.value,
+                        "onUpdate:modelValue": f[2] || (f[2] = (E) => h.value = E),
+                        "inherit-permissions": I.value,
+                        onPermissionChanged: v
+                      }, null, 8, ["modelValue", "inherit-permissions"])
+                    ])
+                  ])),
+                  m(Js, {
+                    ref_key: "masterUserContentRef",
+                    ref: V,
+                    modelValue: p.value,
+                    "onUpdate:modelValue": f[3] || (f[3] = (E) => p.value = E),
+                    "fallback-name": ((me = u.initialValue) == null ? void 0 : me.name) || ((le = c.value) == null ? void 0 : le.displayName) || "",
+                    "fallback-passcode": (ue = (ae = u.initialValue) == null ? void 0 : ae.posUser) == null ? void 0 : ue.passcode,
+                    roles: X.value,
+                    restaurants: o(U)
+                  }, null, 8, ["modelValue", "fallback-name", "fallback-passcode", "roles", "restaurants"])
+                ], 64))
+              ], 64)) : oe("", !0)
+            ])
+          ];
+        }),
+        _: 1
+      }, 512);
+    };
+  }
+}), at = {
+  class: "space-y-24"
+}, ot = {
+  class: "space-y-8"
+}, rt = {
+  class: "xs:hidden flex w-full items-start justify-between px-16"
+}, nt = {
+  class: "flex items-start gap-8"
+}, it = {
+  class: "space-y-4 sm:hidden md:hidden lg:hidden px-16"
+}, mt = {
+  class: "flex items-start gap-8"
+}, ut = {
+  class: "flex items-center justify-start gap-8"
+};
+var J = /* @__PURE__ */ function(u) {
+  return u[u.ADD = 0] = "ADD", u[u.UPDATE = 1] = "UPDATE", u[u.CLOSED = 2] = "CLOSED", u;
+}(J || {});
+const wt = /* @__PURE__ */ he({
+  __name: "TeamMemberList",
+  setup(u, {
+    expose: C
+  }) {
+    const {
+      fetchCustomReportPermissions: r
+    } = Ee(), {
+      t: a
+    } = ge(), c = _e(), O = Te(), w = je(), _ = es(w), I = Le(), p = rs(), h = is(), z = x(!0), K = ({
+      member: e,
+      className: t = ""
+    }) => {
+      const S = {
+        label: a("team.actions.updateMember"),
+        onClick: () => X(ce.Update, e)
+      }, W = {
+        label: a("team.actions.removeMember"),
+        onClick: () => X(ce.Remove, e),
+        itemClass: "text-fm-color-typo-error"
+      }, T = e.doc.isOwner ? [S] : [S, W];
+      return m(Ye, {
+        class: t,
+        items: T
+      }, null);
+    }, H = (e) => e.doc.isOwner ? a("team.labels.businessOwner") : e.restaurants.join(", "), ie = [{
+      accessorKey: "name",
+      header: () => a("team.table.columns.name"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return m("div", {
+          class: "flex items-center gap-8"
+        }, [m(Fe.FmAvatar, {
+          initials: t.name,
+          size: "sm",
+          class: "shrink-0"
+        }, null), m("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) {
+        const t = e.row.original;
+        return H(t);
+      }
+    }, {
+      accessorKey: "assignedRoles",
+      header: () => a("team.table.columns.assignedRoles"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original, S = p.getPermissionAssignmentByUserId(t.id), W = (S == null ? void 0 : S.permissionSetIds) || t.doc.permissionSetIds || [];
+        return I.permissionSets.value.filter((Z) => W.includes(Z.id)).map((Z) => Z.name).join(", ");
+      }
+    }, {
+      accessorKey: "permission",
+      header: () => a("team.table.columns.permission"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return M(t);
+      },
+      meta: {
+        width: "200px"
+      }
+    }, {
+      id: "action",
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell(e) {
+        const t = e.row.original;
+        return K({
+          member: t,
+          className: "flex justify-end w-full"
+        });
+      },
+      enableSorting: !1
+    }];
+    function M(e) {
+      if (e.doc.isOwner)
+        return a("team.labels.businessOwner");
+      const t = m(Fe.FmTooltip, {
+        variant: "plain",
+        placement: "top"
+      }, {
+        default: () => m(Fe.FmIcon, {
+          name: "info",
+          class: "cursor-pointer text-fm-color-neutral-gray-300"
+        }, null),
+        content: () => m("div", null, [a("team.labels.permission"), e.permissionLabels.map((S) => m("div", null, [qe("- "), S]))])
+      });
+      return m("div", {
+        class: "flex flex-row items-center gap-8"
+      }, [m("span", null, [a("team.labels.allowed", {
+        count: e.permissionLabels.length
+      })]), e.permissionLabels.length > 0 && t]);
+    }
+    function U(e) {
+      var T, Z, b, fe;
+      const t = p.getPermissionAssignmentByUserId(e.id), S = (t == null ? void 0 : t.customPermissions) || e.permissions || [], W = (t == null ? void 0 : t.permissionSetIds) || [];
+      return {
+        id: e.id,
+        isOwner: e.doc.isOwner,
+        name: e.name,
+        phoneNumber: e.phoneNumber,
+        email: e.email,
+        permissions: S,
+        permissionSetIds: W,
+        posUser: e.doc.posUser ? {
+          code: ((T = e.doc.posUser) == null ? void 0 : T.code) ?? "",
+          name: ((Z = e.doc.posUser) == null ? void 0 : Z.name) ?? e.name,
+          passcode: ((b = e.doc.posUser) == null ? void 0 : b.passcode) ?? "",
+          roles: ((fe = e.doc.posUser) == null ? void 0 : fe.roles) ?? []
+        } : void 0
+      };
+    }
+    const N = x(!1);
+    let A = 0;
+    const X = async (e, t) => {
+      if (e == ce.Update) {
+        const S = ++A;
+        if (V.value = U(t), s.value = J.UPDATE, N.value = t.doc.hasPosUser === !0, t.doc.hasPosUser)
+          try {
+            const W = await Ue.readTeamMember(t.id);
+            if (S !== A) return;
+            V.value = U(W);
+          } catch {
+            if (S !== A) return;
+            w.open({
+              message: a("common.error"),
+              type: "error"
+            }), Q();
+          } finally {
+            S === A && (N.value = !1);
+          }
+      }
+      e == ce.Remove && d(t);
+    }, n = Ge(), s = x(J.CLOSED), v = k(() => s.value !== J.CLOSED), R = k(() => s.value === J.ADD ? a("common.add") : a("common.update")), B = k(() => s.value === J.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), V = x();
+    function ee(e) {
+      e || (A++, N.value = !1, s.value = J.CLOSED);
+    }
+    function Q() {
+      A++, N.value = !1, s.value = J.CLOSED;
+    }
+    const {
+      breakpoints: Y
+    } = We(), d = (e) => {
+      n.open({
+        title: a("team.actions.removeMember"),
+        message: a("team.removeMember.confirmationMessage", {
+          memberName: e.name
+        }),
+        minWidth: Y.value.lg ? 588 : 0,
+        primaryActions: {
+          text: "Remove",
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await _.minor(async () => {
+          await Ue.deleteTeamMember(e.id), await le({
+            force: !0
+          });
+        }, {
+          successMessage: a("team.removeMember.successMessage", {
+            memberName: e.name
+          })
+        }), n.close();
+      });
+    }, g = () => {
+      V.value = null, s.value = J.ADD;
+    }, j = k(() => h.members), se = x(), te = x(), l = x(), f = k(() => Object.values(Qe).map((e) => ({
+      label: e.label,
+      value: e.subject
+    }))), L = k(() => I.permissionSets.value.map((e) => ({
+      label: e.name,
+      value: e.id
+    }))), {
+      searchKey: $,
+      filter: q
+    } = He(), G = k(() => j.value.filter((e) => {
+      var fe;
+      const t = !se.value || e.managableRestaurantIds.some((de) => se.value.includes(de)), S = ((fe = e.permissions) == null ? void 0 : fe.map((de) => de.subject).flat().filter(Boolean)) || [], W = !te.value || S.some((de) => te.value.includes(de)), T = p.getPermissionAssignmentByUserId(e.id), Z = (T == null ? void 0 : T.permissionSetIds) || e.doc.permissionSetIds || [], b = !l.value || Z.some((de) => l.value.includes(de));
+      return t && W && b && q([e.name, e.phoneNumber, H(e)]);
+    }));
+    async function me() {
+      await O.readRoles();
+    }
+    async function le({
+      force: e = !1
+    } = {}) {
+      z.value = !0;
+      try {
+        await h.readTeamMembers({
+          force: e
+        });
+      } finally {
+        z.value = !1;
+      }
+    }
+    const ae = x();
+    async function ue() {
+      if (!ae.value) return;
+      const e = await ae.value.validate();
+      if (!e) return;
+      const t = s.value === J.ADD;
+      await _.minor(async () => {
+        await (t ? Ue.createTeamMember(e) : Ue.updateTeamMember(V.value.id, e)), Q(), await pe(), await le({
+          force: !0
+        });
+      }, {
+        successMessage: t ? a("team.addMember.successMessage", {
+          memberName: e.name
+        }) : a("team.updateMember.successMessage", {
+          memberName: e.name
+        })
+      }), s.value = J.CLOSED;
+    }
+    async function E() {
+      await I.readPermissionSets();
+    }
+    async function pe() {
+      await p.readPermissionAssignments();
+    }
+    return be(c.currentBusiness, async () => {
+      var e;
+      (e = c.currentBusiness.value) != null && e._id && (await Promise.all([E(), pe(), r()]), le(), me());
+    }, {
+      immediate: !0
+    }), C({
+      create: g
+    }), (e, t) => {
+      const S = F("FmSearch"), W = F("FmTable"), T = F("FmButton"), Z = F("FmSideSheet");
+      return y(), D(ye, null, [i("div", at, [i("div", ot, [i("div", rt, [i("div", nt, [m(o(ke), {
+        modelValue: se.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (b) => se.value = b),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), m(xe, {
+        modelValue: te.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (b) => te.value = b),
+        multiple: "",
+        variant: "dark",
+        items: f.value,
+        "selected-prefix": o(a)("team.filter.selected_permission_prefix"),
+        placeholder: o(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), m(xe, {
+        modelValue: l.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (b) => l.value = b),
+        multiple: "",
+        variant: "dark",
+        items: L.value,
+        "selected-prefix": o(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: o(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), m(S, {
+        modelValue: o($),
+        "onUpdate:modelValue": t[3] || (t[3] = (b) => Re($) ? $.value = b : null),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        autofocus: "",
+        placeholder: o(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), i("div", it, [m(S, {
+        modelValue: o($),
+        "onUpdate:modelValue": t[4] || (t[4] = (b) => Re($) ? $.value = b : null),
+        class: "w-[320px] xs:w-full xs:mt-8",
+        autofocus: "",
+        placeholder: o(a)("team.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"]), i("div", mt, [m(o(ke), {
+        modelValue: se.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (b) => se.value = b),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), m(xe, {
+        modelValue: te.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (b) => te.value = b),
+        multiple: "",
+        variant: "dark",
+        items: f.value,
+        "selected-prefix": o(a)("team.filter.selected_permission_prefix"),
+        placeholder: o(a)("team.filter.permission_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), m(xe, {
+        modelValue: l.value,
+        "onUpdate:modelValue": t[7] || (t[7] = (b) => l.value = b),
+        multiple: "",
+        variant: "dark",
+        items: L.value,
+        "selected-prefix": o(a)("team.filter.selected_assigned_role_prefix"),
+        placeholder: o(a)("team.filter.assigned_role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), j.value.length === 0 && !z.value ? (y(), ne(Ce, {
+        key: 0
+      }, {
+        default: re(() => [m(o(Ze), {
+          title: o(a)("team.emptyState.title"),
+          subtitle: o(a)("team.emptyState.description")
+        }, null, 8, ["title", "subtitle"])]),
+        _: 1
+      })) : (y(), ne(Ce, {
+        key: 1
+      }, {
+        default: re(() => [m(W, {
+          "column-defs": ie,
+          "row-data": G.value,
+          "page-size": G.value.length,
+          loading: z.value,
+          "pin-header-row": "",
+          "hide-footer": "",
+          onRowClick: t[8] || (t[8] = (b) => X(o(ce).Update, b.original))
+        }, null, 8, ["row-data", "page-size", "loading"])]),
+        _: 1
+      }))])]), m(Z, {
+        header: B.value,
+        "model-value": v.value,
+        "max-width": 960,
+        "dismiss-away": "",
+        "onUpdate:modelValue": t[9] || (t[9] = (b) => ee(b))
+      }, {
+        "side-sheet-footer": re(() => [i("div", ut, [m(T, {
+          label: R.value,
+          size: "md",
+          variant: "primary",
+          onClick: ve(ue, ["prevent"])
+        }, null, 8, ["label"]), m(T, {
+          label: o(a)("common.cancel"),
+          size: "md",
+          variant: "secondary",
+          onClick: Q
+        }, null, 8, ["label"])])]),
+        default: re(() => [m(lt, {
+          ref_key: "memberForm",
+          ref: ae,
+          initialValue: V.value,
+          loading: N.value,
+          class: "gap-8"
+        }, null, 8, ["initialValue", "loading"])]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  wt as default
+};