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

package/dist/TeamMemberList-DSzNjP4y.js

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