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

package/dist/TeamMemberList-4hEx6L5r.js

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