@feedmepos/mf-hrm-portal 2.0.11-dev.3 → 2.0.12-dev

package/dist/TeamMemberList-BHpOC5vA.js

@@ -1,989 +0,0 @@
-import { defineComponent as ae, ref as F, resolveComponent as _, createBlock as C, openBlock as v, withCtx as E, createElementVNode as m, renderSlot as be, createCommentVNode as J, withModifiers as Re, nextTick as $e, createElementBlock as q, normalizeClass as Ce, createTextVNode as Ie, toDisplayString as B, computed as S, Fragment as ue, renderList as ye, createVNode as d, unref as r, watch as Me, isRef as he, createSlots as Le } from "vue";
-import { useI18n as de, useCoreStore as ce, baseClientInstance as ge, RestaurantSelector as Ve } from "@feedmepos/mf-common";
-import { useBreakpoints as Ne, useSnackbar as Be, useDialog as Te, components as Fe } from "@feedmepos/ui-library";
-import { _ as ze, S as xe } from "./SelectFilter-DUj7GBtT.js";
-import { p as Se, f as qe, C as Ke, _ as Ge } from "./app-BhCUAF8K.js";
-import { _ as We } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as De } from "./useSearch-B6WK1LBB.js";
-import { u as Je } from "./useLoading-CwSP2H00.js";
-import { g as Ue, d as Oe } from "./iteration-BljyZld9.js";
-import { u as je, c as Xe, d as Qe, m as pe, j as Ae, p as we, k as Ye, l as Pe, n as Ze, o as He, s as et, q as tt, v as st, t as fe } from "./index-GgFsP7rK.js";
-import "./index-CyJwEUuG.js";
-import { u as Ee } from "./useAppStore-B7R116Aw.js";
-/* empty css                                                                            */
-import { _ as ot, a as at } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-CMcQnqyK.js";
-import { u as lt } from "./team-C7-0IiCm.js";
-const nt = /* @__PURE__ */ ae({
-  __name: "BottomSheetMenu",
-  setup(o) {
-    const f = F(!1);
-    async function l() {
-      await $e(), f.value = !f.value;
-    }
-    return (s, u) => {
-      const D = _("FmButton"), N = _("FmBottomSheet");
-      return v(), C(N, {
-        modelValue: f.value,
-        "onUpdate:modelValue": u[1] || (u[1] = (h) => f.value = h),
-        "dismiss-away": "",
-        "no-header": "",
-        "z-index": 110
-      }, {
-        "bottom-sheet-button": E(() => [
-          s.$slots.button ? J("", !0) : (v(), C(D, {
-            key: 0,
-            icon: "more_vert",
-            variant: "tertiary",
-            onClick: Re(l, ["stop"])
-          })),
-          be(s.$slots, "button")
-        ]),
-        default: E(() => [
-          m("div", {
-            onClick: u[0] || (u[0] = (h) => f.value = !1)
-          }, [
-            be(s.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 8, ["modelValue"]);
-    };
-  }
-}), rt = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, it = /* @__PURE__ */ ae({
-  __name: "BottomSheetMenuItem",
-  props: {
-    label: {},
-    icon: {},
-    disabled: { type: Boolean },
-    itemClass: {}
-  },
-  setup(o) {
-    const f = o;
-    return (l, s) => {
-      const u = _("FmIcon");
-      return v(), q("div", rt, [
-        l.$slots.content ? J("", !0) : (v(), q("div", {
-          key: 0,
-          class: Ce(["flex items-center", {
-            "text-fm-color-typo-disabled": f.disabled,
-            "cursor-pointer": !f.disabled,
-            "cursor-not-allowed": f.disabled,
-            [f.itemClass || ""]: f.itemClass && !f.disabled
-          }])
-        }, [
-          o.icon ? (v(), C(u, {
-            key: 0,
-            name: o.icon
-          }, null, 8, ["name"])) : J("", !0),
-          Ie(" " + B(o.label), 1)
-        ], 2)),
-        be(l.$slots, "content")
-      ]);
-    };
-  }
-}), mt = /* @__PURE__ */ ae({
-  __name: "ResponsiveContextMenu",
-  props: {
-    items: {}
-  },
-  setup(o) {
-    const f = Ne(), l = S(() => f.breakpoints.value.xs);
-    return (s, u) => {
-      const D = _("FmButton"), N = _("FmMenuItem"), h = _("FmMenu");
-      return l.value ? (v(), C(nt, { key: 0 }, {
-        default: E(() => [
-          (v(!0), q(ue, null, ye(o.items, ({ icon: y, label: p, disabled: U, itemClass: x, onClick: O }) => (v(), C(it, {
-            key: p,
-            icon: y,
-            label: p,
-            disabled: U,
-            itemClass: x,
-            onClick: () => {
-              !U && (O == null || O());
-            }
-          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
-        ]),
-        _: 1
-      })) : (v(), C(h, {
-        key: 1,
-        "stop-click-propagation": "",
-        shift: !0
-      }, {
-        "menu-button": E(() => [
-          d(D, {
-            type: "button",
-            variant: "tertiary",
-            icon: "more_vert",
-            "text-color": "neutral-gray-400",
-            size: "md"
-          })
-        ]),
-        default: E(() => [
-          (v(!0), q(ue, null, ye(o.items, ({ label: y, disabled: p, itemClass: U, onClick: x }) => (v(), C(N, {
-            key: y,
-            disabled: p,
-            label: y,
-            onClick: () => {
-              !p && (x == null || x());
-            }
-          }, {
-            label: E(() => [
-              m("span", {
-                class: Ce(p ? "text-fm-color-typo-disabled" : U)
-              }, B(y), 3)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "label", "onClick"]))), 128))
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-var ie = /* @__PURE__ */ ((o) => (o.Update = "Update", o.Remove = "Remove", o))(ie || {});
-const ut = { class: "w-full flex flex-col gap-16" }, ct = { class: "flex items-center gap-16" }, dt = { class: "space-y-4 min-w-0 flex-1" }, pt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ft = { class: "fm-typo-en-body-lg-600 truncate" }, vt = { class: "w-full flex gap-16 items-center" }, bt = { class: "flex-1 flex flex-col gap-4 min-w-0" }, yt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ht = { class: "fm-typo-en-body-lg-600 truncate" }, _t = { class: "flex-1 flex flex-col gap-4 min-w-0" }, gt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Vt = { class: "fm-typo-en-body-lg-600 truncate" }, Ft = /* @__PURE__ */ ae({
-  __name: "MemberInfo",
-  props: {
-    data: {}
-  },
-  setup(o) {
-    const { t: f } = de();
-    return (l, s) => {
-      const u = _("FmAvatar");
-      return v(), q("div", ut, [
-        m("div", ct, [
-          d(u, {
-            size: "xl",
-            initials: o.data.name
-          }, null, 8, ["initials"]),
-          m("div", dt, [
-            m("p", pt, B(r(f)("team.memberForm.memberInfo.memberName")), 1),
-            m("p", ft, B(o.data.name || "--"), 1)
-          ])
-        ]),
-        m("div", vt, [
-          m("div", bt, [
-            m("p", yt, B(r(f)("team.memberForm.memberInfo.mobileNumber")), 1),
-            m("p", ht, B(o.data.phoneNumber || "--"), 1)
-          ]),
-          m("div", _t, [
-            m("p", gt, B(r(f)("team.memberForm.memberInfo.emailAddress")), 1),
-            m("p", Vt, B(o.data.email || "--"), 1)
-          ])
-        ])
-      ]);
-    };
-  }
-}), ke = {
-  async readPermissionUserByPhoneNo(o) {
-    var l;
-    const { currentBusiness: f } = ce();
-    return Ue(
-      await ge("/").get(`/user/b/${(l = f.value) == null ? void 0 : l._id}/phone/${o}`)
-    );
-  },
-  async readPermissionUserByEmail(o) {
-    var l;
-    const { currentBusiness: f } = ce();
-    return Ue(
-      await ge("/").get(`/user/b/${(l = f.value) == null ? void 0 : l._id}/email/${o}`)
-    );
-  }
-}, xt = { class: "flex flex-col gap-24 w-full" }, St = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, Ut = { class: "user-info-icon user-info-icon--lg" }, wt = { class: "flex-1 overflow-hidden" }, Pt = { class: "profile-displayName" }, kt = { class: "profile-email" }, Rt = { class: "profile-phone" }, $t = { key: 2 }, Ct = /* @__PURE__ */ ae({
-  __name: "PortalUserSearcher",
-  emits: ["invite"],
-  setup(o, { emit: f }) {
-    const l = f, { t: s } = de(), u = Be(), D = ce(), N = F("phone"), h = F(""), y = F(""), p = F();
-    async function U() {
-      if (!h.value && !y.value) {
-        u.open({
-          type: "error",
-          title: s("team.memberForm.searchUser.emptyError")
-        });
-        return;
-      }
-      const g = N.value === "phone" ? await ke.readPermissionUserByPhoneNo(h.value.replace(/ /g, "")) : await ke.readPermissionUserByEmail(y.value);
-      g || u.open({
-        type: "error",
-        title: s("team.memberForm.searchUser.userNotFound")
-      }), p.value = g;
-    }
-    const x = S(() => {
-      var X;
-      let g = ((X = p.value) == null ? void 0 : X.displayName) ?? "";
-      g || (g = "Feed Me");
-      const [k, L] = g.split(" ");
-      return L ? `${k[0]}${L[0]}` : k.slice(0, 2);
-    }), O = F(!1);
-    function ee(g) {
-      l("invite", g), O.value = !0;
-    }
-    function le() {
-      O.value = !1;
-    }
-    return (g, k) => {
-      var w, R, T;
-      const L = _("FmRadio"), X = _("FmPhoneNumber"), I = _("FmTextField"), a = _("FmRadioGroup"), n = _("FmButton");
-      return v(), q("div", xt, [
-        O.value ? J("", !0) : (v(), q("div", St, [
-          d(a, {
-            modelValue: N.value,
-            "onUpdate:modelValue": k[2] || (k[2] = ($) => N.value = $)
-          }, {
-            default: E(() => [
-              d(L, {
-                value: "phone",
-                label: r(s)("team.memberForm.searchUser.phoneNumber")
-              }, null, 8, ["label"]),
-              N.value === "phone" ? (v(), C(X, {
-                key: 0,
-                modelValue: h.value,
-                "onUpdate:modelValue": k[0] || (k[0] = ($) => h.value = $),
-                "extra-country-codes": r(D).enabledCountries.value,
-                class: "ml-8"
-              }, null, 8, ["modelValue", "extra-country-codes"])) : J("", !0),
-              d(L, {
-                value: "email",
-                label: r(s)("team.memberForm.searchUser.email")
-              }, null, 8, ["label"]),
-              N.value === "email" ? (v(), C(I, {
-                key: 1,
-                modelValue: y.value,
-                "onUpdate:modelValue": k[1] || (k[1] = ($) => y.value = $),
-                placeholder: r(s)("team.memberForm.searchUser.emailPlaceholder"),
-                class: "ml-8"
-              }, null, 8, ["modelValue", "placeholder"])) : J("", !0)
-            ]),
-            _: 1
-          }, 8, ["modelValue"]),
-          d(n, {
-            label: r(s)("team.memberForm.searchUser.search"),
-            variant: "secondary",
-            onClick: U
-          }, null, 8, ["label"])
-        ])),
-        p.value ? (v(), q("div", {
-          key: 1,
-          class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: k[3] || (k[3] = ($) => ee(p.value))
-        }, [
-          m("div", Ut, B(x.value), 1),
-          m("div", wt, [
-            m("p", Pt, B((w = p.value) == null ? void 0 : w.displayName), 1),
-            m("p", kt, B((R = p.value) == null ? void 0 : R.email), 1),
-            m("p", Rt, B((T = p.value) == null ? void 0 : T.phoneNumber), 1)
-          ])
-        ])) : J("", !0),
-        O.value ? (v(), q("div", $t, [
-          d(n, {
-            label: r(s)("team.memberForm.searchUser.changeUser"),
-            variant: "secondary",
-            onClick: le
-          }, null, 8, ["label"])
-        ])) : J("", !0)
-      ]);
-    };
-  }
-}), It = /* @__PURE__ */ ze(Ct, [["__scopeId", "data-v-c2c7ed35"]]), Mt = { class: "flex flex-col gap-40" }, Nt = { class: "flex items-center" }, Bt = { class: "flex-1 flex flex-col" }, Dt = { class: "fm-typo-en-title-sm-600" }, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jt = { class: "flex flex-row gap-16" }, At = { class: "flex flex-col gap-8" }, Et = { class: "fm-typo-en-body-lg-400" }, Lt = { class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200" }, ve = 4, Tt = /* @__PURE__ */ ae({
-  __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(o, { emit: f }) {
-    const l = o, s = f, { t: u } = de(), { searchKey: D, filter: N } = De(""), h = F(!0), y = F([]), p = S(() => {
-      const a = {};
-      return l.roles.forEach((n) => {
-        a[n.value] = n.label;
-      }), a;
-    }), U = S(() => {
-      var n;
-      const a = {};
-      return (n = l.modelValue) == null || n.roles.forEach((w) => {
-        a[w.restaurantId] = w.roleId;
-      }), a;
-    }), x = S(() => l.restaurants.filter((a) => N([a.profile.name, a.profile.code, ee(a._id)])).map((a) => ({
-      label: `${a.profile.code ? a.profile.code + "-" : ""}${a.profile.name}`,
-      value: a._id,
-      slot: `checkbox-${a._id}-bottom`,
-      disable: l.roles.filter((n) => !n.disabled).length === 0,
-      roleOptions: l.roles
-    }))), O = S(() => {
-      const a = l.roles.find((n) => !n.disabled);
-      return a ? a.value : null;
-    });
-    function ee(a) {
-      const n = U.value[a] ?? "";
-      return p.value[n] || "";
-    }
-    function le(a) {
-      a ? l.modelValue || s("update:model-value", {
-        code: "",
-        name: l.fallbackName,
-        roles: [],
-        passcode: l.fallbackPasscode || ""
-      }) : s("update:model-value", void 0);
-    }
-    function g(a, n) {
-      if (!l.modelValue || a === "passcode" && l.modelValue.passcode === n)
-        return;
-      const w = Oe(l.modelValue);
-      w[a] = n, s("update:model-value", w);
-    }
-    function k(a) {
-      g(
-        "roles",
-        a.map((n) => {
-          var T, $, se;
-          const w = ($ = (T = x.value.find((Q) => Q.value === n)) == null ? void 0 : T.roleOptions.find((Q) => !Q.disabled)) == null ? void 0 : $.value, R = (se = l.modelValue) == null ? void 0 : se.roles.find((Q) => Q.restaurantId === n);
-          return {
-            restaurantId: n,
-            roleId: (R == null ? void 0 : R.roleId) || w
-          };
-        })
-      );
-    }
-    function L(a, n) {
-      g("roles", [
-        ...l.modelValue.roles.filter(
-          (w) => w.restaurantId !== a
-        ),
-        {
-          restaurantId: a,
-          roleId: n
-        }
-      ]);
-    }
-    function X() {
-      h.value && (h.value = !1, y.value = [], g("passcode", ""));
-    }
-    Me(
-      () => {
-        var a;
-        return (a = l.modelValue) == null ? void 0 : a.passcode;
-      },
-      (a) => {
-        a && a.length === ve ? (y.value = a.split(""), h.value = !0) : (y.value = [], h.value = !1);
-      },
-      { immediate: !0 }
-    );
-    const I = S({
-      get: () => {
-        var a;
-        return ((a = l.modelValue) == null ? void 0 : a.roles) ?? [];
-      },
-      set: () => {
-      }
-    });
-    return (a, n) => {
-      const w = _("FmSwitch"), R = _("FmTextField"), T = _("FmPinField"), $ = _("FmFormGroup"), se = _("FmSearch"), Q = _("FmSelect");
-      return v(), q("div", Mt, [
-        m("div", Nt, [
-          m("div", Bt, [
-            m("div", Dt, B(r(u)("team.memberForm.masterUser.title")), 1),
-            m("div", Ot, B(r(u)("team.memberForm.masterUser.sublabel")), 1)
-          ]),
-          m("div", null, [
-            d(w, {
-              "model-value": !!o.modelValue,
-              value: "master-user",
-              "onUpdate:modelValue": le
-            }, null, 8, ["model-value"])
-          ])
-        ]),
-        o.modelValue ? (v(), q(ue, { key: 0 }, [
-          m("div", jt, [
-            d(R, {
-              "model-value": o.modelValue.code,
-              label: r(u)("team.memberForm.masterUser.code"),
-              "onUpdate:modelValue": n[0] || (n[0] = (c) => g("code", c))
-            }, null, 8, ["model-value", "label"]),
-            d(R, {
-              "model-value": o.modelValue.name,
-              class: "w-full",
-              label: r(u)("team.memberForm.masterUser.name"),
-              rules: [(c) => !!c || r(u)("team.memberForm.masterUser.nameEmptyError")],
-              "onUpdate:modelValue": n[1] || (n[1] = (c) => g("name", c))
-            }, null, 8, ["model-value", "label", "rules"])
-          ]),
-          m("div", At, [
-            m("div", Et, B(r(u)("team.memberForm.masterUser.passcode")), 1),
-            d($, {
-              modelValue: y.value,
-              "onUpdate:modelValue": n[4] || (n[4] = (c) => y.value = c),
-              rules: [
-                (c) => (c == null ? void 0 : c.filter((Y) => !!Y).length) !== ve ? r(u)("team.memberForm.masterUser.passcodeRequired") : !0
-              ]
-            }, {
-              default: E(() => [
-                (v(), C(T, {
-                  key: `pin-field-${h.value}`,
-                  modelValue: y.value,
-                  "onUpdate:modelValue": n[2] || (n[2] = (c) => y.value = c),
-                  length: ve,
-                  masked: h.value,
-                  onComplete: n[3] || (n[3] = (c) => g("passcode", c)),
-                  onFocus: X
-                }, null, 8, ["modelValue", "masked"]))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "rules"])
-          ]),
-          d($, {
-            modelValue: I.value,
-            "onUpdate:modelValue": n[6] || (n[6] = (c) => I.value = c),
-            rules: [
-              (c) => !c || c.length === 0 ? r(u)("team.memberForm.masterUser.restaurantRequired") : c.some((Y) => !Y.roleId) ? r(u)("team.memberForm.masterUser.roleRequired") : !0
-            ]
-          }, {
-            default: E(() => [
-              m("div", Lt, [
-                d(se, {
-                  modelValue: r(D),
-                  "onUpdate:modelValue": n[5] || (n[5] = (c) => he(D) ? D.value = c : null),
-                  placeholder: r(u)("team.memberForm.posRole.placeholder"),
-                  class: "mb-16"
-                }, null, 8, ["modelValue", "placeholder"]),
-                d(ot, {
-                  "model-value": o.modelValue.roles.map((c) => c.restaurantId),
-                  options: x.value,
-                  min: 1,
-                  title: r(u)("team.memberForm.masterUser.role"),
-                  "onUpdate:modelValue": k
-                }, Le({ _: 2 }, [
-                  ye(x.value, (c) => ({
-                    name: c.slot,
-                    fn: E(() => {
-                      var Y;
-                      return [
-                        m("div", null, [
-                          d(Q, {
-                            "model-value": ((Y = o.modelValue.roles.find((z) => z.restaurantId === c.value)) == null ? void 0 : Y.roleId) || O.value,
-                            items: c.roleOptions,
-                            "onUpdate:modelValue": (z) => L(c.value, z)
-                          }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
-                        ])
-                      ];
-                    })
-                  }))
-                ]), 1032, ["model-value", "options", "title"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "rules"])
-        ], 64)) : J("", !0)
-      ]);
-    };
-  }
-}), zt = { class: "flex flex-col gap-32" }, qt = { class: "flex w-full" }, Kt = /* @__PURE__ */ ae({
-  __name: "AddMemberForm",
-  props: {
-    initialValue: {
-      type: Object
-    },
-    roleErrorMessage: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(o, { expose: f }) {
-    var z, te, me;
-    const l = o, { t: s } = de(), u = F(), D = je(), N = S(
-      () => D.permissionSets.value.map((i) => ({
-        label: i.name,
-        value: i.id
-      }))
-    ), h = F(((z = l.initialValue) == null ? void 0 : z.permissionSetIds) || []), y = S(
-      () => Xe(h.value, D.permissionSets.value)
-    ), p = F((te = l.initialValue) == null ? void 0 : te.posUser), U = F(
-      Qe(
-        pe(y.value),
-        ((me = l.initialValue) == null ? void 0 : me.permissions) || []
-      )
-    ), { customReportPermissions: x, isLoaded: O } = Ae(), ee = new Set(
-      we.filter((i) => i.subject.startsWith(Ye)).map((i) => i.subject)
-    ), le = S(() => {
-      const i = new Set(ee);
-      for (const b of x.value) i.add(b.subject);
-      return i;
-    }), g = S(() => {
-      const i = /* @__PURE__ */ new Set();
-      for (const b of we)
-        b.category === Se.reports && i.add(b.subject);
-      for (const b of x.value)
-        b.category === Se.reports && i.add(b.subject);
-      return i;
-    }), { restaurants: k } = ce(), L = Ee().roles, X = S(() => Pe(U.value)), I = S(() => {
-      const i = X.value;
-      return L.value.map(
-        (b) => ({
-          label: b.name,
-          value: b._id,
-          disabled: !!i && !i.includes(b._id)
-        })
-      );
-    });
-    function a(i) {
-      u.value = i;
-    }
-    function n(i) {
-      p.value = se(p.value, i);
-    }
-    function w() {
-      const i = pe(y.value), b = O.value ? le.value : ee, K = Ze(U.value, b), G = He(K, g.value), j = et(G);
-      return tt(i, j);
-    }
-    function R() {
-      var K, G, j, W, ne, re, oe, e, t, V;
-      const i = w(), b = U.value.filter((M) => !M.inverted);
-      return {
-        email: ((K = u.value) == null ? void 0 : K.email) ?? void 0,
-        phoneNumber: ((G = u.value) == null ? void 0 : G.phoneNumber) ?? void 0,
-        customPermissions: i,
-        // Deprecated: keep for backward compatibility, will be removed in the future
-        permissions: b.map((M) => ({
-          ...M,
-          subject: qe(M.subject)
-        })),
-        permissionSetIds: h.value,
-        name: ((j = u.value) == null ? void 0 : j.displayName) || ((W = l.initialValue) == null ? void 0 : W.name) || "",
-        posUser: p.value ? {
-          ...p.value,
-          name: p.value.name || ((re = (ne = l.initialValue) == null ? void 0 : ne.posUser) == null ? void 0 : re.name) || ((oe = l.initialValue) == null ? void 0 : oe.name) || ((e = u.value) == null ? void 0 : e.displayName) || "",
-          code: p.value.code || ((V = (t = l.initialValue) == null ? void 0 : t.posUser) == null ? void 0 : V.code) || "",
-          passcode: p.value.passcode,
-          roles: p.value.roles.filter((M) => !!M.roleId)
-        } : void 0
-      };
-    }
-    const T = F();
-    function $() {
-      U.value = pe(y.value);
-    }
-    function se(i, b) {
-      if (!i) return;
-      const K = Pe(b);
-      if (!K) return i;
-      const G = Oe(i);
-      return G.roles = G.roles.reduce((j, W) => (K.includes(W.roleId) && j.push(W), j), []), G;
-    }
-    async function Q() {
-      await $e(), T.value && T.value.$el.scrollIntoView({ behavior: "smooth", block: "start" });
-    }
-    const c = F();
-    async function Y() {
-      return (await c.value.validateInputsWithoutSubmit()).length ? null : R();
-    }
-    return f({
-      readFormData: R,
-      validate: Y
-    }), (i, b) => {
-      const K = _("FmSelect"), G = _("FmForm");
-      return v(), C(G, {
-        ref_key: "formRef",
-        ref: c,
-        class: "mx-4"
-      }, {
-        default: E(() => {
-          var j, W, ne, re, oe, e;
-          return [
-            m("div", zt, [
-              m("div", qt, [
-                o.initialValue ? (v(), C(Ft, {
-                  key: 1,
-                  data: o.initialValue
-                }, null, 8, ["data"])) : (v(), C(It, {
-                  key: 0,
-                  onInvite: b[0] || (b[0] = (t) => a(t))
-                }))
-              ]),
-              u.value || o.initialValue ? (v(), q(ue, { key: 0 }, [
-                (j = o.initialValue) != null && j.isOwner ? J("", !0) : (v(), C(K, {
-                  key: 0,
-                  modelValue: h.value,
-                  "onUpdate:modelValue": [
-                    b[1] || (b[1] = (t) => h.value = t),
-                    $
-                  ],
-                  multiselect: "",
-                  searchable: "",
-                  "search-debounce": 300,
-                  items: N.value,
-                  label: r(s)("team.memberForm.permissionSet.title"),
-                  placeholder: r(s)("team.memberForm.permissionSet.selectPlaceholder")
-                }, null, 8, ["modelValue", "items", "label", "placeholder"])),
-                (W = o.initialValue) != null && W.isOwner ? J("", !0) : (v(), C(at, {
-                  key: 1,
-                  modelValue: U.value,
-                  "onUpdate:modelValue": b[2] || (b[2] = (t) => U.value = t),
-                  "inherit-permissions": y.value,
-                  onPermissionChanged: n
-                }, null, 8, ["modelValue", "inherit-permissions"])),
-                d(Tt, {
-                  ref_key: "masterUserContentRef",
-                  ref: T,
-                  modelValue: p.value,
-                  "onUpdate:modelValue": [
-                    b[3] || (b[3] = (t) => p.value = t),
-                    Q
-                  ],
-                  "fallback-name": ((ne = o.initialValue) == null ? void 0 : ne.name) || ((re = u.value) == null ? void 0 : re.displayName) || "",
-                  "fallback-passcode": (e = (oe = o.initialValue) == null ? void 0 : oe.posUser) == null ? void 0 : e.passcode,
-                  roles: I.value,
-                  restaurants: r(k)
-                }, null, 8, ["modelValue", "fallback-name", "fallback-passcode", "roles", "restaurants"])
-              ], 64)) : J("", !0)
-            ])
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-}), Gt = {
-  class: "space-y-24"
-}, Wt = {
-  class: "space-y-8"
-}, Jt = {
-  class: "xs:hidden flex w-full items-start justify-between px-16"
-}, Xt = {
-  class: "flex items-start gap-8"
-}, Qt = {
-  class: "space-y-4 sm:hidden md:hidden lg:hidden px-16"
-}, Yt = {
-  class: "flex items-start gap-8"
-}, Zt = {
-  class: "flex items-center justify-start gap-8"
-};
-var H = /* @__PURE__ */ function(o) {
-  return o[o.ADD = 0] = "ADD", o[o.UPDATE = 1] = "UPDATE", o[o.CLOSED = 2] = "CLOSED", o;
-}(H || {});
-const fs = /* @__PURE__ */ ae({
-  __name: "TeamMemberList",
-  setup(o, {
-    expose: f
-  }) {
-    const {
-      fetchCustomReportPermissions: l
-    } = Ae(), {
-      t: s
-    } = de(), u = ce(), D = Ee(), N = Be(), h = Je(N), y = je(), p = st(), U = lt(), x = F(!0), O = ({
-      member: e,
-      className: t = ""
-    }) => {
-      const V = {
-        label: s("common.update"),
-        onClick: () => L(ie.Update, e)
-      }, M = {
-        label: s("common.remove"),
-        onClick: () => L(ie.Remove, e),
-        itemClass: "text-fm-color-typo-error"
-      }, Z = e.doc.isOwner ? [V] : [V, M];
-      return d(mt, {
-        class: t,
-        items: Z
-      }, null);
-    }, ee = (e) => e.doc.isOwner ? s("team.labels.businessOwner") : e.restaurants.join(", "), le = [{
-      accessorKey: "name",
-      header: () => s("team.table.columns.name"),
-      enableSorting: !1
-    }, {
-      accessorKey: "phoneNumber",
-      header: () => s("team.table.columns.phoneNumber"),
-      enableSorting: !1
-    }, {
-      accessorKey: "restaurant",
-      header: () => s("team.table.columns.restaurant"),
-      enableSorting: !1,
-      cell(e) {
-        const t = e.row.original;
-        return ee(t);
-      }
-    }, {
-      accessorKey: "assignedRoles",
-      header: () => s("team.table.columns.assignedRoles"),
-      enableSorting: !1,
-      cell(e) {
-        const t = e.row.original, V = p.getPermissionAssignmentByUserId(t.id), M = (V == null ? void 0 : V.permissionSetIds) || t.doc.permissionSetIds || [];
-        return y.permissionSets.value.filter((A) => M.includes(A.id)).map((A) => A.name).join(", ");
-      }
-    }, {
-      accessorKey: "permission",
-      header: () => s("team.table.columns.permission"),
-      enableSorting: !1,
-      cell(e) {
-        const t = e.row.original;
-        return g(t);
-      },
-      meta: {
-        width: "200px"
-      }
-    }, {
-      id: "action",
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell(e) {
-        const t = e.row.original;
-        return O({
-          member: t,
-          className: "flex justify-end w-full"
-        });
-      },
-      enableSorting: !1
-    }];
-    function g(e) {
-      if (e.doc.isOwner)
-        return s("team.labels.businessOwner");
-      const t = d(Fe.FmTooltip, {
-        variant: "plain",
-        placement: "top"
-      }, {
-        default: () => d(Fe.FmIcon, {
-          name: "info",
-          class: "cursor-pointer text-fm-color-neutral-gray-300"
-        }, null),
-        content: () => d("div", null, [s("team.labels.permission"), e.permissionLabels.map((V) => d("div", null, [Ie("- "), V]))])
-      });
-      return d("div", {
-        class: "flex flex-row items-center gap-8"
-      }, [d("span", null, [s("team.labels.allowed", {
-        count: e.permissionLabels.length
-      })]), e.permissionLabels.length > 0 && t]);
-    }
-    function k(e) {
-      var Z, A, P, _e;
-      const t = p.getPermissionAssignmentByUserId(e.id), V = (t == null ? void 0 : t.customPermissions) || e.permissions || [], M = (t == null ? void 0 : t.permissionSetIds) || [];
-      return {
-        id: e.id,
-        isOwner: e.doc.isOwner,
-        name: e.name,
-        phoneNumber: e.phoneNumber,
-        email: e.email,
-        permissions: V,
-        permissionSetIds: M,
-        posUser: e.doc.posUser ? {
-          code: ((Z = e.doc.posUser) == null ? void 0 : Z.code) ?? "",
-          name: ((A = e.doc.posUser) == null ? void 0 : A.name) ?? e.name,
-          passcode: ((P = e.doc.posUser) == null ? void 0 : P.passcode) ?? "",
-          roles: ((_e = e.doc.posUser) == null ? void 0 : _e.roles) ?? []
-        } : void 0
-      };
-    }
-    const L = (e, t) => {
-      if (e == ie.Update) {
-        const V = k(t);
-        R.value = V, I.value = H.UPDATE;
-      }
-      e == ie.Remove && Q(t);
-    }, X = Te(), I = F(H.CLOSED), a = S(() => I.value !== H.CLOSED), n = S(() => I.value === H.ADD ? s("common.add") : s("common.update")), w = S(() => I.value === H.ADD ? s("team.actions.addMember") : s("team.actions.updateMember")), R = F();
-    function T(e) {
-      e || (I.value = H.CLOSED);
-    }
-    function $() {
-      I.value = H.CLOSED;
-    }
-    const {
-      breakpoints: se
-    } = Ne(), Q = (e) => {
-      X.open({
-        title: s("team.actions.removeMember"),
-        message: s("team.removeMember.confirmationMessage", {
-          memberName: e.name
-        }),
-        minWidth: se.value.lg ? 588 : 0,
-        primaryActions: {
-          text: "Remove",
-          close: !1,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await h.minor(async () => {
-          await fe.deleteTeamMember(e.id), await j({
-            force: !0
-          });
-        }, {
-          successMessage: s("team.removeMember.successMessage", {
-            memberName: e.name
-          })
-        }), X.close();
-      });
-    }, c = () => {
-      R.value = null, I.value = H.ADD;
-    }, Y = S(() => U.members), z = F(), te = F(), me = S(() => Object.values(Ke).map((e) => ({
-      label: e.label,
-      value: e.subject
-    }))), {
-      searchKey: i,
-      filter: b
-    } = De(""), K = S(() => Y.value.filter((e) => {
-      var Z;
-      const t = !z.value || e.managableRestaurantIds.some((A) => z.value.includes(A)), V = ((Z = e.permissions) == null ? void 0 : Z.map((A) => A.subject).flat().filter(Boolean)) || [], M = !te.value || V.some((A) => te.value.includes(A));
-      return t && M && b([e.name, e.phoneNumber, ee(e)]);
-    }));
-    async function G() {
-      await D.readRoles();
-    }
-    async function j({
-      force: e = !1
-    } = {}) {
-      x.value = !0;
-      try {
-        await U.readTeamMembers({
-          force: e
-        });
-      } finally {
-        x.value = !1;
-      }
-    }
-    const W = F();
-    async function ne() {
-      if (!W.value) return;
-      const e = await W.value.validate();
-      if (!e) return;
-      const t = I.value === H.ADD;
-      await h.minor(async () => {
-        await (t ? fe.createTeamMember(e) : fe.updateTeamMember(R.value.id, e)), $(), await oe(), await j({
-          force: !0
-        });
-      }, {
-        successMessage: t ? s("team.addMember.successMessage", {
-          memberName: e.name
-        }) : s("team.updateMember.successMessage", {
-          memberName: e.name
-        })
-      }), I.value = H.CLOSED;
-    }
-    async function re() {
-      await y.readPermissionSets();
-    }
-    async function oe() {
-      await p.readPermissionAssignments();
-    }
-    return Me(u.currentBusiness, async () => {
-      var e;
-      (e = u.currentBusiness.value) != null && e._id && (await Promise.all([re(), oe(), l()]), j(), G());
-    }, {
-      immediate: !0
-    }), f({
-      create: c
-    }), (e, t) => {
-      const V = _("FmSearch"), M = _("FmTable"), Z = _("FmButton"), A = _("FmSideSheet");
-      return v(), q(ue, null, [m("div", Gt, [m("div", Wt, [m("div", Jt, [m("div", Xt, [d(r(Ve), {
-        modelValue: z.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (P) => z.value = P),
-        "managable-only": !1,
-        multiple: "",
-        variant: "dark",
-        class: "!w-auto"
-      }, null, 8, ["modelValue"]), d(xe, {
-        modelValue: te.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (P) => te.value = P),
-        multiple: "",
-        variant: "dark",
-        items: me.value,
-        "selected-prefix": r(s)("team.filter.selected_permission_prefix"),
-        placeholder: r(s)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), d(V, {
-        modelValue: r(i),
-        "onUpdate:modelValue": t[2] || (t[2] = (P) => he(i) ? i.value = P : null),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        autofocus: "",
-        placeholder: r(s)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), m("div", Qt, [d(V, {
-        modelValue: r(i),
-        "onUpdate:modelValue": t[3] || (t[3] = (P) => he(i) ? i.value = P : null),
-        class: "w-[320px] xs:w-full xs:mt-8",
-        autofocus: "",
-        placeholder: r(s)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"]), m("div", Yt, [d(r(Ve), {
-        modelValue: z.value,
-        "onUpdate:modelValue": t[4] || (t[4] = (P) => z.value = P),
-        "managable-only": !1,
-        multiple: "",
-        variant: "dark",
-        class: "!w-auto"
-      }, null, 8, ["modelValue"]), d(xe, {
-        modelValue: te.value,
-        "onUpdate:modelValue": t[5] || (t[5] = (P) => te.value = P),
-        multiple: "",
-        variant: "dark",
-        items: me.value,
-        "selected-prefix": r(s)("team.filter.selected_permission_prefix"),
-        placeholder: r(s)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), Y.value.length === 0 && !x.value ? (v(), C(r(We), {
-        key: 0,
-        title: r(s)("team.emptyState.title"),
-        subtitle: r(s)("team.emptyState.description")
-      }, null, 8, ["title", "subtitle"])) : (v(), C(Ge, {
-        key: 1
-      }, {
-        default: E(() => [d(M, {
-          "column-defs": le,
-          "row-data": K.value,
-          "page-size": K.value.length,
-          loading: x.value,
-          "pin-header-row": "",
-          "hide-footer": "",
-          onRowClick: t[6] || (t[6] = (P) => L(r(ie).Update, P.original))
-        }, null, 8, ["row-data", "page-size", "loading"])]),
-        _: 1
-      }))])]), d(A, {
-        header: w.value,
-        "model-value": a.value,
-        "max-width": 560,
-        "dismiss-away": "",
-        "onUpdate:modelValue": t[7] || (t[7] = (P) => T(P))
-      }, {
-        "side-sheet-footer": E(() => [m("div", Zt, [d(Z, {
-          label: n.value,
-          size: "md",
-          variant: "primary",
-          onClick: Re(ne, ["prevent"])
-        }, null, 8, ["label"]), d(Z, {
-          label: r(s)("common.cancel"),
-          size: "md",
-          variant: "secondary",
-          onClick: $
-        }, null, 8, ["label"])])]),
-        default: E(() => [d(Kt, {
-          ref_key: "memberForm",
-          ref: W,
-          initialValue: R.value,
-          class: "gap-8"
-        }, null, 8, ["initialValue"])]),
-        _: 1
-      }, 8, ["header", "model-value"])], 64);
-    };
-  }
-});
-export {
-  fs as default
-};