@feedmepos/mf-hrm-portal 1.1.4-dev.4 → 2.0.0

package/dist/TeamMemberList-BSpbwkTb.js

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