@feedmepos/mf-hrm-portal 2.1.0-dev → 2.1.0-dev.2

package/dist/{TeamMemberList-Bz-kDJ0e.js → TeamMemberList-BYQnNIhT.js}

@@ -1,18 +1,19 @@
-import { defineComponent as Ve, resolveComponent as w, createElementBlock as N, openBlock as b, createElementVNode as r, createVNode as d, toDisplayString as C, unref as l, ref as v, computed as R, createCommentVNode as q, withCtx as ce, createBlock as K, watch as pe, Fragment as Ae, renderList as rs, withKeys as Te, withModifiers as Fe, nextTick as is, onUnmounted as us, h as ms, createTextVNode as ds } from "vue";
-import { useI18n as Pe, useCoreStore as je, baseClientInstance as qe } from "@feedmepos/mf-common";
+import { defineComponent as Ve, resolveComponent as P, createElementBlock as N, openBlock as b, createElementVNode as r, createVNode as d, toDisplayString as C, unref as l, ref as f, computed as R, createCommentVNode as q, withCtx as ue, createBlock as K, watch as pe, Fragment as Ae, renderList as rs, withKeys as Te, withModifiers as Fe, nextTick as is, onUnmounted as us, h as ms, createTextVNode as ds } from "vue";
+import { useI18n as we, useCoreStore as je, baseClientInstance as qe } from "@feedmepos/mf-common";
 import { useSnackbar as Qe, useDialog as Ye, useBreakpoints as He, components as Oe } from "@feedmepos/ui-library";
-import { u as cs, _ as ps } from "./useDebounce-CWb5QR9G.js";
-import { _ as vs, S as be } from "./SelectFilter-DUj7GBtT.js";
-import { v as Ke, m as fs, b as bs, _ as hs, a as ys } from "./app-DRnSocX8.js";
-import { u as _s, _ as gs } from "./useDiscardConfirm-DPhEV6v0.js";
-import { _ as xs } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as Ss } from "./useLoading-BUM5R2qV.js";
-import { l as Se } from "./lodash-Bq6_eZZ0.js";
-import { g as ze, d as ve, u as es } from "./iteration-LEYoQKiI.js";
-import { u as ss, c as Be, d as Ge, m as Ne, i as ts, p as We, j as Us, k as Je, l as Xe, n as Fs, o as Vs, s as Ps, q as ws, v as Is, t as Ue } from "./rule-CJC6Cq6S.js";
-import { u as as } from "./useAppStore-BGsfYWAR.js";
-import { u as ls } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-D-14ca2J.js";
-import { _ as ks } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-CCKVpAwv.js";
+import { u as cs } from "./useDebounce-B8ZPVS5C.js";
+import { _ as ps, S as be } from "./SelectFilter-ATOm0hdn.js";
+import { v as Ke, m as vs, b as fs, _ as bs, a as hs } from "./app-CJouCBgi.js";
+import { u as ys, _ as _s } from "./useDiscardConfirm-DPhEV6v0.js";
+import { _ as gs } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-Ci_MVqGK.js";
+import { _ as xs } from "./Skeleton.vue_vue_type_script_setup_true_lang-B4PxNMwq.js";
+import { u as Ss } from "./useLoading-CNqlchYO.js";
+import { l as Se } from "./lodash-BlZhpHhM.js";
+import { g as ze, d as ve, u as es } from "./iteration-QRRNYlps.js";
+import { u as ss, c as Be, d as Ge, m as Ne, i as ts, p as We, j as Us, k as Je, l as Xe, n as Fs, o as Vs, s as ws, q as Ps, v as Is, t as Ue } from "./rule-Dy7eMChN.js";
+import { u as as } from "./useAppStore-CtMoad7V.js";
+import { u as ls } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_a439fdd8_lang-BHxCP_uW.js";
+import { _ as ks } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-Bk6ub3Dv.js";
 var ye = /* @__PURE__ */ ((c) => (c.Update = "Update", c.Remove = "Remove", c))(ye || {});
 const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-center gap-16" }, Cs = { class: "space-y-4 min-w-0 flex-1" }, Ms = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ns = { class: "fm-typo-en-body-lg-600 truncate" }, As = { class: "w-full flex gap-16 items-center" }, Ds = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Os = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Bs = { class: "fm-typo-en-body-lg-600 truncate" }, Es = { class: "flex-1 flex flex-col gap-4 min-w-0" }, js = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ls = { class: "fm-typo-en-body-lg-600 truncate" }, Ts = /* @__PURE__ */ Ve({
   __name: "MemberInfo",
@@ -20,15 +21,15 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
     data: {}
   },
   setup(c) {
-    const { t: A } = Pe();
+    const { t: A } = we();
     return (n, a) => {
-      const p = w("FmAvatar");
+      const p = P("FmAvatar");
       return b(), N("div", $s, [
         r("div", Rs, [
           d(p, {
             size: "xl",
-            initials: c.data.name
-          }, null, 8, ["initials"]),
+            name: c.data.name
+          }, null, 8, ["name"]),
           r("div", Cs, [
             r("p", Ms, C(l(A)("team.memberForm.memberInfo.memberName")), 1),
             r("p", Ns, C(c.data.name || "--"), 1)
@@ -69,8 +70,8 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
   __name: "PortalUserSearcher",
   emits: ["invite"],
   setup(c, { emit: A }) {
-    const n = A, { t: a } = Pe(), p = Qe(), { supportedCountries: D, ready: I } = ls(), U = v("phone"), z = v(""), k = v(""), h = v();
-    async function f() {
+    const n = A, { t: a } = we(), p = Qe(), { supportedCountries: D, ready: I } = ls(), U = f("phone"), z = f(""), k = f(""), h = f();
+    async function v() {
       if (!z.value && !k.value) {
         p.open({
           type: "error",
@@ -90,7 +91,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       y || (y = "Feed Me");
       const [V, E] = y.split(" ");
       return E ? `${V[0]}${E[0]}` : V.slice(0, 2);
-    }), X = v(!1);
+    }), X = f(!1);
     function G(y) {
       n("invite", y), X.value = !0;
     }
@@ -99,14 +100,14 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
     }
     return (y, V) => {
       var Z, Q, O;
-      const E = w("FmRadio"), W = w("FmPhoneNumber"), i = w("FmCircularProgress"), o = w("FmTextField"), _ = w("FmRadioGroup"), P = w("FmButton");
+      const E = P("FmRadio"), W = P("FmPhoneNumber"), i = P("FmCircularProgress"), o = P("FmTextField"), _ = P("FmRadioGroup"), w = P("FmButton");
       return b(), N("div", qs, [
         X.value ? q("", !0) : (b(), N("div", Ks, [
           d(_, {
             modelValue: U.value,
             "onUpdate:modelValue": V[2] || (V[2] = ($) => U.value = $)
           }, {
-            default: ce(() => [
+            default: ue(() => [
               d(E, {
                 value: "phone",
                 label: l(a)("team.memberForm.searchUser.phoneNumber")
@@ -135,10 +136,10 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          d(P, {
+          d(w, {
             label: l(a)("team.memberForm.searchUser.search"),
             variant: "secondary",
-            onClick: f
+            onClick: v
           }, null, 8, ["label"])
         ])),
         h.value ? (b(), N("div", {
@@ -154,7 +155,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
           ])
         ])) : q("", !0),
         X.value ? (b(), N("div", Zs, [
-          d(P, {
+          d(w, {
             label: l(a)("team.memberForm.searchUser.changeUser"),
             variant: "secondary",
             onClick: j
@@ -163,7 +164,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       ]);
     };
   }
-}), Ys = /* @__PURE__ */ vs(Qs, [["__scopeId", "data-v-a439fdd8"]]), Hs = { class: "flex flex-col gap-40" }, et = { class: "flex items-center" }, st = { class: "flex-1 flex flex-col" }, tt = { class: "fm-typo-en-title-sm-600" }, at = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "flex flex-row gap-16" }, ot = { class: "flex flex-col gap-8" }, nt = { class: "fm-typo-en-body-lg-400" }, rt = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, it = { class: "fm-typo-en-title-sm-600" }, ut = { class: "space-y-16" }, mt = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, dt = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ct = { class: "text-sm font-semibold text-fm-color-typo-primary" }, pt = { class: "flex justify-self-end" }, vt = ["aria-label", "onClick", "onKeydown"], Ee = 4, ft = /* @__PURE__ */ Ve({
+}), Ys = /* @__PURE__ */ ps(Qs, [["__scopeId", "data-v-a439fdd8"]]), Hs = { class: "flex flex-col gap-40" }, et = { class: "flex items-center" }, st = { class: "flex-1 flex flex-col" }, tt = { class: "fm-typo-en-title-sm-600" }, at = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = { class: "flex flex-row gap-16" }, ot = { class: "flex flex-col gap-8" }, nt = { class: "fm-typo-en-body-lg-400" }, rt = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, it = { class: "fm-typo-en-title-sm-600" }, ut = { class: "space-y-16" }, mt = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, dt = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ct = { class: "text-sm font-semibold text-fm-color-typo-primary" }, pt = { class: "flex justify-self-end" }, vt = ["aria-label", "onClick", "onKeydown"], Ee = 4, ft = /* @__PURE__ */ Ve({
   __name: "TeamMemberMasterUser",
   props: {
     modelValue: {
@@ -189,7 +190,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
   },
   emits: ["update:model-value"],
   setup(c, { emit: A }) {
-    const n = c, a = A, { t: p } = Pe(), D = v(!0), I = v([]);
+    const n = c, a = A, { t: p } = we(), D = f(!0), I = f([]);
     function U() {
       return { restaurantId: "", roleId: "" };
     }
@@ -212,7 +213,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       const _ = ve(n.modelValue);
       _[i] = o, a("update:model-value", _);
     }
-    function f(i = "") {
+    function v(i = "") {
       return n.restaurants.filter((o) => o.managable || o._id === i).map((o) => ({
         label: `${o.profile.code ? `${o.profile.code} - ` : ""}${o.profile.name}`,
         value: o._id,
@@ -229,15 +230,15 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
     function X(i, o) {
       var O, $, Y;
       if (!n.modelValue) return;
-      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()], P = ((O = _[i]) == null ? void 0 : O.roleId) ?? "", Z = g(P), Q = (($ = Z.find((m) => m.value === P && !m.disabled)) == null ? void 0 : $.value) ?? ((Y = Z.find((m) => !m.disabled)) == null ? void 0 : Y.value) ?? "";
+      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()], w = ((O = _[i]) == null ? void 0 : O.roleId) ?? "", Z = g(w), Q = (($ = Z.find((m) => m.value === w && !m.disabled)) == null ? void 0 : $.value) ?? ((Y = Z.find((m) => !m.disabled)) == null ? void 0 : Y.value) ?? "";
       _[i] = { restaurantId: o, roleId: Q }, h("roles", _);
     }
     function G(i, o) {
-      var P;
+      var w;
       if (!n.modelValue) return;
       const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()];
       _[i] = {
-        restaurantId: ((P = _[i]) == null ? void 0 : P.restaurantId) ?? "",
+        restaurantId: ((w = _[i]) == null ? void 0 : w.restaurantId) ?? "",
         roleId: o
       }, h("roles", _);
     }
@@ -249,7 +250,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       const o = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [U()];
       h(
         "roles",
-        o.length === 1 ? [U()] : o.filter((_, P) => P !== i)
+        o.length === 1 ? [U()] : o.filter((_, w) => w !== i)
       );
     }
     const V = R(() => {
@@ -292,7 +293,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       }
     });
     return (i, o) => {
-      const _ = w("FmSwitch"), P = w("FmTextField"), Z = w("FmPinField"), Q = w("FmFormGroup"), O = w("FmSelect"), $ = w("FmIcon"), Y = w("FmButton");
+      const _ = P("FmSwitch"), w = P("FmTextField"), Z = P("FmPinField"), Q = P("FmFormGroup"), O = P("FmSelect"), $ = P("FmIcon"), Y = P("FmButton");
       return b(), N("div", Hs, [
         r("div", et, [
           r("div", st, [
@@ -309,12 +310,12 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
         ]),
         c.modelValue ? (b(), N(Ae, { key: 0 }, [
           r("div", lt, [
-            d(P, {
+            d(w, {
               "model-value": c.modelValue.code,
               label: l(p)("team.memberForm.masterUser.code"),
               "onUpdate:modelValue": o[0] || (o[0] = (m) => h("code", m))
             }, null, 8, ["model-value", "label"]),
-            d(P, {
+            d(w, {
               "model-value": c.modelValue.name,
               class: "w-full",
               label: l(p)("team.memberForm.masterUser.name"),
@@ -331,7 +332,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
                 (m) => (m == null ? void 0 : m.filter((x) => !!x).length) !== Ee ? l(p)("team.memberForm.masterUser.passcodeRequired") : !0
               ]
             }, {
-              default: ce(() => [
+              default: ue(() => [
                 (b(), K(Z, {
                   key: `pin-field-${D.value}`,
                   modelValue: I.value,
@@ -353,7 +354,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
               (m) => !m || m.length === 0 || m.every((x) => !x.restaurantId) ? l(p)("team.memberForm.masterUser.restaurantRequired") : m.some((x) => !x.restaurantId || !x.roleId) ? l(p)("team.memberForm.masterUser.roleRequired") : !0
             ]
           }, {
-            default: ce(() => [
+            default: ue(() => [
               r("div", rt, [
                 r("div", it, C(l(p)("team.memberForm.masterUser.assignmentSection")), 1),
                 r("div", ut, [
@@ -369,7 +370,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
                     d(O, {
                       class: "min-w-0",
                       "model-value": m.restaurantId,
-                      items: f(m.restaurantId),
+                      items: v(m.restaurantId),
                       multiselect: !1,
                       placeholder: l(p)("team.table.columns.restaurant"),
                       "onUpdate:modelValue": (H) => X(x, H)
@@ -446,14 +447,14 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
   },
   setup(c, { expose: A }) {
     var $e, Re, se;
-    const n = c, { t: a } = Pe(), p = Ye(), { breakpoints: D } = He(), I = v(), U = ss(), z = R(
+    const n = c, { t: a } = we(), p = Ye(), { breakpoints: D } = He(), I = f(), U = ss(), z = R(
       () => U.permissionSets.value.map((s) => ({
         label: s.name,
         value: s.id
       }))
-    ), k = v((($e = n.initialValue) == null ? void 0 : $e.permissionSetIds) || []), h = R(
+    ), k = f((($e = n.initialValue) == null ? void 0 : $e.permissionSetIds) || []), h = R(
       () => Be(k.value, U.permissionSets.value)
-    ), f = v((Re = n.initialValue) == null ? void 0 : Re.posUser), g = v(
+    ), v = f((Re = n.initialValue) == null ? void 0 : Re.posUser), g = f(
       Ge(
         Ne(h.value),
         ((se = n.initialValue) == null ? void 0 : se.permissions) || []
@@ -483,7 +484,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
           disabled: !!s && !s.includes(u._id)
         })
       );
-    }), P = v({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
+    }), w = f({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
     function Z(s) {
       I.value = void 0, k.value = [...(s == null ? void 0 : s.permissionSetIds) ?? []], g.value = Ge(
         Ne(
@@ -493,20 +494,20 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
           )
         ),
         (s == null ? void 0 : s.permissions) || []
-      ), f.value = s != null && s.posUser ? ee(ve(s.posUser), g.value) : void 0, fe.value = !!f.value, P.value = {
+      ), v.value = s != null && s.posUser ? ee(ve(s.posUser), g.value) : void 0, fe.value = !!v.value, w.value = {
         permissionSetIds: [...k.value],
         userPermissions: ve(g.value),
-        posUser: f.value ? ve(f.value) : void 0
+        posUser: v.value ? ve(v.value) : void 0
       };
     }
     function Q() {
-      return !n.initialValue && I.value ? !0 : !Se.isEqual(k.value, P.value.permissionSetIds) || !Se.isEqual(g.value, P.value.userPermissions) || !Se.isEqual(f.value, P.value.posUser);
+      return !n.initialValue && I.value ? !0 : !Se.isEqual(k.value, w.value.permissionSetIds) || !Se.isEqual(g.value, w.value.userPermissions) || !Se.isEqual(v.value, w.value.posUser);
     }
     function O(s) {
       I.value = s;
     }
     function $(s) {
-      f.value = ee(f.value, s);
+      v.value = ee(v.value, s);
     }
     function Y(s) {
       return Ne(
@@ -544,32 +545,32 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
       });
     }
     function H() {
-      const s = Ne(h.value), u = G.value ? y.value : j, B = Fs(g.value, u), L = Vs(B, V.value), T = Ps(L);
-      return ws(s, T);
+      const s = Ne(h.value), u = G.value ? y.value : j, B = Fs(g.value, u), L = Vs(B, V.value), T = ws(L);
+      return Ps(s, T);
     }
-    function we() {
-      var B, L, T, te, ae, me, le, oe, ne, Ce;
-      const s = H(), u = g.value.filter((de) => !de.inverted);
+    function Pe() {
+      var B, L, T, te, ae, de, le, oe, ne, Ce;
+      const s = H(), u = g.value.filter((ce) => !ce.inverted);
       return {
         email: ((B = I.value) == null ? void 0 : B.email) ?? void 0,
         phoneNumber: ((L = I.value) == null ? void 0 : L.phoneNumber) ?? void 0,
         customPermissions: s,
-        permissions: u.map((de) => ({
-          ...de,
-          subject: fs(de.subject)
+        permissions: u.map((ce) => ({
+          ...ce,
+          subject: vs(ce.subject)
         })),
         permissionSetIds: k.value,
         name: ((T = I.value) == null ? void 0 : T.displayName) || ((te = n.initialValue) == null ? void 0 : te.name) || "",
-        posUser: f.value ? {
-          ...f.value,
-          name: f.value.name || ((me = (ae = n.initialValue) == null ? void 0 : ae.posUser) == null ? void 0 : me.name) || ((le = n.initialValue) == null ? void 0 : le.name) || ((oe = I.value) == null ? void 0 : oe.displayName) || "",
-          code: f.value.code || ((Ce = (ne = n.initialValue) == null ? void 0 : ne.posUser) == null ? void 0 : Ce.code) || "",
-          passcode: f.value.passcode,
-          roles: f.value.roles.filter((de) => !!de.roleId)
-        } : f.value === null ? null : void 0
+        posUser: v.value ? {
+          ...v.value,
+          name: v.value.name || ((de = (ae = n.initialValue) == null ? void 0 : ae.posUser) == null ? void 0 : de.name) || ((le = n.initialValue) == null ? void 0 : le.name) || ((oe = I.value) == null ? void 0 : oe.displayName) || "",
+          code: v.value.code || ((Ce = (ne = n.initialValue) == null ? void 0 : ne.posUser) == null ? void 0 : Ce.code) || "",
+          passcode: v.value.passcode,
+          roles: v.value.roles.filter((ce) => !!ce.roleId)
+        } : v.value === null ? null : void 0
       };
     }
-    const _e = v();
+    const _e = f();
     function ee(s, u) {
       if (!s) return s;
       const B = Je(u), L = Xe(u);
@@ -579,52 +580,52 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
         (te) => (B === null || B.includes(te.roleId)) && (L === null || L.includes(te.restaurantId))
       ), T;
     }
-    const fe = v(!!f.value), ue = v(!1);
+    const fe = f(!!v.value), me = f(!1);
     function ge(s) {
-      f.value = s, ue.value = !0;
+      v.value = s, me.value = !0;
     }
     pe(
-      () => !!f.value,
+      () => !!v.value,
       async (s) => {
-        s && !fe.value && ue.value && (await is(), _e.value && _e.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), fe.value = s;
+        s && !fe.value && me.value && (await is(), _e.value && _e.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), fe.value = s;
       }
     );
-    const Ie = v();
+    const Ie = f();
     async function ke() {
-      return (await Ie.value.validateInputsWithoutSubmit()).length ? null : we();
+      return (await Ie.value.validateInputsWithoutSubmit()).length ? null : Pe();
     }
     return pe(
       () => n.initialValue,
       (s, u) => {
         if (!u || !s || u.id !== s.id) {
-          ue.value = !1, Z(s);
+          me.value = !1, Z(s);
           return;
         }
-        s.posUser !== void 0 && !ue.value && (f.value = s.posUser ? ee(ve(s.posUser), g.value) : void 0, P.value = {
-          ...P.value,
-          posUser: f.value ? ve(f.value) : void 0
+        s.posUser !== void 0 && !me.value && (v.value = s.posUser ? ee(ve(s.posUser), g.value) : void 0, w.value = {
+          ...w.value,
+          posUser: v.value ? ve(v.value) : void 0
         });
       },
       { immediate: !0 }
     ), pe(
       g,
       (s) => {
-        f.value = ee(f.value, s);
+        v.value = ee(v.value, s);
       },
       { deep: !0 }
     ), A({
-      readFormData: we,
+      readFormData: Pe,
       validate: ke,
       isModified: Q
     }), (s, u) => {
-      const B = w("FmSelect"), L = w("FmCircularProgress"), T = w("FmForm");
+      const B = P("FmSelect"), L = P("FmCircularProgress"), T = P("FmForm");
       return b(), K(T, {
         ref_key: "formRef",
         ref: Ie,
         class: "mx-4"
       }, {
-        default: ce(() => {
-          var te, ae, me, le, oe;
+        default: ue(() => {
+          var te, ae, de, le, oe;
           return [
             r("div", bt, [
               r("div", ht, [
@@ -666,8 +667,8 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
                   key: 2,
                   ref_key: "masterUserContentRef",
                   ref: _e,
-                  "model-value": f.value,
-                  "fallback-name": ((ae = c.initialValue) == null ? void 0 : ae.name) || ((me = I.value) == null ? void 0 : me.displayName) || "",
+                  "model-value": v.value,
+                  "fallback-name": ((ae = c.initialValue) == null ? void 0 : ae.name) || ((de = I.value) == null ? void 0 : de.displayName) || "",
                   "fallback-passcode": (oe = (le = c.initialValue) == null ? void 0 : le.posUser) == null ? void 0 : oe.passcode,
                   roles: _.value,
                   restaurants: o.value,
@@ -683,9 +684,9 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
   }
 }), Vt = {
   class: "space-y-24"
-}, Pt = {
-  class: "space-y-8"
 }, wt = {
+  class: "space-y-8"
+}, Pt = {
   key: 0,
   class: "flex w-full items-start justify-between px-16"
 }, It = {
@@ -696,7 +697,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
 }, $t = {
   class: "flex items-start gap-8"
 }, Rt = {
-  class: "flex h-full flex-col"
+  class: "flex h-full flex-col overflow-auto"
 }, Ct = {
   class: "flex w-full items-center justify-between"
 }, Mt = {
@@ -707,7 +708,7 @@ const $s = { class: "w-full flex flex-col gap-16" }, Rs = { class: "flex items-c
 var re = /* @__PURE__ */ function(c) {
   return c[c.ADD = 0] = "ADD", c[c.UPDATE = 1] = "UPDATE", c[c.CLOSED = 2] = "CLOSED", c;
 }(re || {});
-const Zt = /* @__PURE__ */ Ve({
+const Qt = /* @__PURE__ */ Ve({
   __name: "TeamMemberList",
   setup(c, {
     expose: A
@@ -718,7 +719,7 @@ const Zt = /* @__PURE__ */ Ve({
     ls();
     const {
       t: a
-    } = Pe(), p = je(), D = es(), I = as(), U = Qe(), z = Ss(U), k = ss(), h = Is(), f = v(!0), g = v(!1), X = R(() => D.isLoading.value), G = v([]), j = v(0), y = v(1), V = v(""), E = v("");
+    } = we(), p = je(), D = es(), I = as(), U = Qe(), z = Ss(U), k = ss(), h = Is(), v = f(!0), g = f(!1), X = R(() => D.isLoading.value), G = f([]), j = f(0), y = f(1), V = f(""), E = f("");
     pe(D.restaurants, (e) => {
       if (e.length > 0 && G.value.length > 0) {
         const t = new Map(e.map((F) => [F._id, F.profile.name])), S = e.map((F) => F.profile.name).sort();
@@ -743,7 +744,7 @@ const Zt = /* @__PURE__ */ Ve({
         onClick: () => Y(ye.Remove, e),
         itemClass: "text-fm-color-typo-error"
       }, J = e.doc.isOwner ? [S] : [S, F];
-      return d(gs, {
+      return d(_s, {
         class: t,
         items: J
       }, null);
@@ -756,7 +757,7 @@ const Zt = /* @__PURE__ */ Ve({
         return d("div", {
           class: "flex items-center gap-8"
         }, [d(Oe.FmAvatar, {
-          initials: t.name,
+          name: t.name,
           size: "sm",
           class: "shrink-0"
         }, null), d("span", {
@@ -773,7 +774,7 @@ const Zt = /* @__PURE__ */ Ve({
       enableSorting: !1,
       cell(e) {
         if (X.value)
-          return ms(ps);
+          return ms(xs);
         const t = e.row.original;
         return o(t);
       }
@@ -791,7 +792,7 @@ const Zt = /* @__PURE__ */ Ve({
       enableSorting: !1,
       cell(e) {
         const t = e.row.original;
-        return P(t);
+        return w(t);
       },
       meta: {
         width: "200px"
@@ -811,7 +812,7 @@ const Zt = /* @__PURE__ */ Ve({
       },
       enableSorting: !1
     }];
-    function P(e) {
+    function w(e) {
       if (e.doc.isOwner)
         return a("team.labels.businessOwner");
       const t = d(Oe.FmTooltip, {
@@ -862,7 +863,7 @@ const Zt = /* @__PURE__ */ Ve({
         posUser: void 0
       };
     }
-    const O = v(!1);
+    const O = f(!1);
     let $ = 0;
     const Y = async (e, t) => {
       if (e == ye.Update) {
@@ -883,16 +884,16 @@ const Zt = /* @__PURE__ */ Ve({
         }
       }
       e == ye.Remove && $e(t);
-    }, m = Ye(), x = v(re.CLOSED), H = R(() => x.value !== re.CLOSED), we = R(() => x.value === re.ADD ? a("common.add") : a("common.update")), _e = R(() => x.value === re.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), ee = v();
+    }, m = Ye(), x = f(re.CLOSED), H = R(() => x.value !== re.CLOSED), Pe = R(() => x.value === re.ADD ? a("common.add") : a("common.update")), _e = R(() => x.value === re.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), ee = f();
     function fe() {
       $++, O.value = !1, x.value = re.CLOSED;
     }
-    const ue = _s(() => {
+    const me = ys(() => {
       var e;
       return ((e = le.value) == null ? void 0 : e.isModified()) ?? !1;
     }, fe);
     function ge() {
-      ue();
+      me();
     }
     function Ie(e) {
       e || ge();
@@ -918,7 +919,7 @@ const Zt = /* @__PURE__ */ Ve({
         }
       }).onPrimary(async () => {
         ne.value || (await z.minor(async () => {
-          await Ue.deleteTeamMember(e.id), await me();
+          await Ue.deleteTeamMember(e.id), await de();
         }, {
           isLoading: ne,
           successMessage: a("team.removeMember.successMessage", {
@@ -928,7 +929,7 @@ const Zt = /* @__PURE__ */ Ve({
       });
     }, Re = () => {
       ee.value = null, x.value = re.ADD;
-    }, se = v(), s = v(), u = v(), B = R(() => {
+    }, se = f(), s = f(), u = f(), B = R(() => {
       var e;
       return JSON.stringify({
         businessId: ((e = p.currentBusiness.value) == null ? void 0 : e._id) ?? "",
@@ -937,7 +938,7 @@ const Zt = /* @__PURE__ */ Ve({
         permissionSubjects: [...s.value ?? []].sort(),
         permissionSetIds: [...u.value ?? []].sort()
       });
-    }), L = R(() => Object.values(bs).map((e) => ({
+    }), L = R(() => Object.values(fs).map((e) => ({
       label: e.label,
       value: e.subject
     }))), T = R(() => k.permissionSets.value.map((e) => ({
@@ -949,7 +950,7 @@ const Zt = /* @__PURE__ */ Ve({
     }
     async function ae(e = y.value) {
       var t, S, F;
-      f.value = !0;
+      v.value = !0;
       try {
         const J = await Ue.readTeamMembersPage({
           limit: he,
@@ -961,24 +962,24 @@ const Zt = /* @__PURE__ */ Ve({
         });
         G.value = J.items, j.value = J.total;
       } finally {
-        f.value = !1;
+        v.value = !1;
       }
     }
-    async function me() {
+    async function de() {
       var t;
       if (!((t = p.currentBusiness.value) != null && t._id)) return;
       await ae(y.value);
       const e = Math.max(1, Math.ceil(j.value / he));
       y.value > e && (y.value = e, await ae(y.value));
     }
-    const le = v(), oe = v(!1), ne = v(!1);
+    const le = f(), oe = f(!1), ne = f(!1);
     async function Ce() {
       if (!le.value) return;
       const e = await le.value.validate();
       if (!e) return;
       const t = x.value === re.ADD;
       await z.minor(async () => {
-        await (t ? Ue.createTeamMember(e) : Ue.updateTeamMember(ee.value.id, e)), fe(), await Le(), await me();
+        await (t ? Ue.createTeamMember(e) : Ue.updateTeamMember(ee.value.id, e)), fe(), await Le(), await de();
       }, {
         successMessage: t ? a("team.addMember.successMessage", {
           memberName: e.name
@@ -988,7 +989,7 @@ const Zt = /* @__PURE__ */ Ve({
         isLoading: oe
       }), x.value = re.CLOSED;
     }
-    async function de() {
+    async function ce() {
       await k.readPermissionSets();
     }
     async function Le() {
@@ -1020,7 +1021,7 @@ const Zt = /* @__PURE__ */ Ve({
       var e;
       if ((e = p.currentBusiness.value) != null && e._id)
         try {
-          await Promise.all([D.readRestaurants(), de(), Le(), n(), te()]);
+          await Promise.all([D.readRestaurants(), ce(), Le(), n(), te()]);
         } catch (t) {
           console.error("Failed to load team member dependencies:", t), U.open({
             message: t instanceof Error ? t.message : String(t),
@@ -1033,8 +1034,8 @@ const Zt = /* @__PURE__ */ Ve({
       create: Re
     }), (e, t) => {
       var xe;
-      const S = w("FmSearch"), F = w("FmTable"), J = w("FmIcon"), ie = w("FmButton"), Me = w("FmSideSheet");
-      return b(), N(Ae, null, [r("div", Vt, [r("div", Pt, [l(ke).xs ? (b(), N("div", kt, [d(S, {
+      const S = P("FmSearch"), F = P("FmTable"), J = P("FmIcon"), ie = P("FmButton"), Me = P("FmSideSheet");
+      return b(), N(Ae, null, [r("div", Vt, [r("div", wt, [l(ke).xs ? (b(), N("div", kt, [d(S, {
         modelValue: V.value,
         "onUpdate:modelValue": t[4] || (t[4] = (M) => V.value = M),
         class: "w-[320px] xs:w-full xs:mt-8",
@@ -1064,7 +1065,7 @@ const Zt = /* @__PURE__ */ Ve({
         items: T.value,
         "selected-prefix": l(a)("team.filter.selected_assigned_role_prefix"),
         placeholder: l(a)("team.filter.assigned_role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (b(), N("div", wt, [r("div", It, [d(be, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (b(), N("div", Pt, [r("div", It, [d(be, {
         modelValue: se.value,
         "onUpdate:modelValue": t[0] || (t[0] = (M) => se.value = M),
         multiple: "",
@@ -1095,44 +1096,49 @@ const Zt = /* @__PURE__ */ Ve({
         class: "w-[320px] xs:w-full xs:mt-8",
         autofocus: "",
         placeholder: l(a)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])), (xe = l(p).currentBusiness.value) != null && xe._id ? (b(), K(hs, {
+      }, null, 8, ["modelValue", "placeholder"])])), (xe = l(p).currentBusiness.value) != null && xe._id ? (b(), K(bs, {
         key: 2
       }, {
-        default: ce(() => [r("div", Rt, [g.value ? j.value === 0 ? (b(), K(l(xs), {
+        default: ue(() => [r("div", Rt, [g.value ? q("", !0) : (b(), K(hs, {
+          key: 0
+        })), g.value ? (b(), K(gs, {
           key: 1,
+          "is-loading": v.value,
+          "is-empty": j.value === 0,
           title: l(a)("team.emptyState.title"),
           subtitle: l(a)("team.emptyState.description")
-        }, null, 8, ["title", "subtitle"])) : q("", !0) : (b(), K(ys, {
-          key: 0
-        })), g.value ? (b(), K(F, {
-          key: B.value,
-          "column-defs": _,
-          "row-data": G.value,
-          "page-size": he,
-          "page-count": Math.ceil(j.value / he),
-          "row-count": j.value,
-          "fetch-fn": os,
-          "hide-footer": j.value <= he,
-          loading: f.value,
-          "pin-header-row": "",
-          onRowClick: t[8] || (t[8] = (M) => Y(l(ye).Update, M.original))
-        }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"])) : q("", !0)])]),
+        }, {
+          default: ue(() => [(b(), K(F, {
+            key: B.value,
+            "column-defs": _,
+            "row-data": G.value,
+            "page-size": he,
+            "page-count": Math.ceil(j.value / he),
+            "row-count": j.value,
+            "fetch-fn": os,
+            "hide-footer": j.value <= he,
+            loading: v.value,
+            "pin-header-row": "",
+            onRowClick: t[8] || (t[8] = (M) => Y(l(ye).Update, M.original))
+          }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"])) : q("", !0)])]),
         _: 1
       })) : q("", !0)])]), d(Me, {
         "model-value": H.value,
         "max-width": 960,
         "close-button": !1,
         "onUpdate:modelValue": Ie,
-        "onOn:clickedAway": l(ue)
+        "onOn:clickedAway": l(me)
       }, {
-        "side-sheet-header": ce(() => [r("div", Ct, [r("p", Mt, C(_e.value), 1), d(J, {
+        "side-sheet-header": ue(() => [r("div", Ct, [r("p", Mt, C(_e.value), 1), d(J, {
           name: "close",
           size: "md",
           class: "cursor-pointer",
-          onClick: l(ue)
+          onClick: l(me)
         }, null, 8, ["onClick"])])]),
-        "side-sheet-footer": ce(() => [r("div", Nt, [d(ie, {
-          label: we.value,
+        "side-sheet-footer": ue(() => [r("div", Nt, [d(ie, {
+          label: Pe.value,
           size: "md",
           variant: "primary",
           "is-loading": oe.value,
@@ -1145,7 +1151,7 @@ const Zt = /* @__PURE__ */ Ve({
           disabled: oe.value,
           onClick: ge
         }, null, 8, ["label", "disabled"])])]),
-        default: ce(() => [H.value ? (b(), K(Ft, {
+        default: ue(() => [H.value ? (b(), K(Ft, {
           key: 0,
           ref_key: "memberForm",
           ref: le,
@@ -1159,5 +1165,5 @@ const Zt = /* @__PURE__ */ Ve({
   }
 });
 export {
-  Zt as default
+  Qt as default
 };