@feedmepos/mf-hrm-portal 1.1.3-dev.7 → 1.1.3-dev.9

package/dist/TeamMemberList-HkvCqzPj.js

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