@feedmepos/mf-hrm-portal 2.0.8-dev → 2.0.8-dev.1

package/dist/TeamMemberList-D9rTKS5N.js

@@ -0,0 +1,989 @@
+import { defineComponent as ae, ref as F, resolveComponent as _, createBlock as I, 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 Ie, createTextVNode as Ce, 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 { i as Se, f as qe, N as Ke, _ as Ge } from "./app-BO9lM0sJ.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-DKnxkHGF.js";
+import { g as Ue, d as Oe } from "./iteration-DgaP-HFg.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-DAuOIotV.js";
+import "./index-BigKo-lS.js";
+import { u as Ee } from "./useAppStore-Cu5QCTlx.js";
+/* empty css                                                                            */
+import { _ as ot, a as at } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DokyDyxJ.js";
+import { u as lt } from "./team-oeTIbsa-.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(), I(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(), I(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: Ie(["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(), I(u, {
+            key: 0,
+            name: o.icon
+          }, null, 8, ["name"])) : J("", !0),
+          Ce(" " + 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(), I(nt, { key: 0 }, {
+        default: E(() => [
+          (v(!0), q(ue, null, ye(o.items, ({ icon: y, label: p, disabled: U, itemClass: x, onClick: O }) => (v(), I(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(), I(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(), I(N, {
+            key: y,
+            disabled: p,
+            label: y,
+            onClick: () => {
+              !p && (x == null || x());
+            }
+          }, {
+            label: E(() => [
+              m("span", {
+                class: Ie(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 }, It = /* @__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"), C = _("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(), I(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(), I(C, {
+                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)
+      ]);
+    };
+  }
+}), Ct = /* @__PURE__ */ ze(It, [["__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 C = 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(), I(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: C.value,
+            "onUpdate:modelValue": n[6] || (n[6] = (c) => C.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)), C = 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(), I(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(), I(Ft, {
+                  key: 1,
+                  data: o.initialValue
+                }, null, 8, ["data"])) : (v(), I(Ct, {
+                  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(), I(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(), I(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: C.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, [Ce("- "), 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, C.value = H.UPDATE;
+      }
+      e == ie.Remove && Q(t);
+    }, X = Te(), C = F(H.CLOSED), a = S(() => C.value !== H.CLOSED), n = S(() => C.value === H.ADD ? s("common.add") : s("common.update")), w = S(() => C.value === H.ADD ? s("team.actions.addMember") : s("team.actions.updateMember")), R = F();
+    function T(e) {
+      e || (C.value = H.CLOSED);
+    }
+    function $() {
+      C.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, C.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 = C.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
+        })
+      }), C.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(), I(r(We), {
+        key: 0,
+        title: r(s)("team.emptyState.title"),
+        subtitle: r(s)("team.emptyState.description")
+      }, null, 8, ["title", "subtitle"])) : (v(), I(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
+};