@feedmepos/mf-hrm-portal 2.0.17-dev.5 → 2.0.18-dev

package/dist/TeamMemberList-CZZv4Pu5.js

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