@feedmepos/mf-hrm-portal 2.0.16-dev.1 → 2.0.17-dev.2

package/dist/TeamMemberList-Dh3AlL0Q.js

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