@feedmepos/mf-hrm-portal 2.0.3-dev → 2.0.3-dev.4

package/dist/TeamMemberList-BVAbjvKZ.js

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