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

package/dist/TeamMemberList-Dk5HeFfQ.js

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