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

package/dist/TeamMemberList-4hEx6L5r.js

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