@feedmepos/mf-hrm-portal 2.0.25 → 2.1.0-dev

package/dist/TeamMemberList-DU1jYeql.js

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