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

package/dist/TeamMemberList-BLRTfKLz.js

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