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

package/dist/TeamMemberList-Ck2gpjCC.js

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