@feedmepos/mf-hrm-portal 2.0.20-dev.2 → 2.0.20-dev.3

package/dist/{TeamMemberList-C-zhFauD.js → TeamMemberList-DEN9rHqb.js}

@@ -1,75 +1,75 @@
-import { defineComponent as Fe, resolveComponent as w, createElementBlock as O, openBlock as g, createElementVNode as i, createVNode as u, toDisplayString as $, unref as o, ref as v, computed as P, createCommentVNode as J, withCtx as pe, createBlock as H, watch as ue, Fragment as Ie, renderList as ts, withKeys as Ae, withModifiers as Se, nextTick as as, onUnmounted as ls, h as os, createTextVNode as ns } from "vue";
-import { useI18n as Ve, useCoreStore as ke, baseClientInstance as Be } from "@feedmepos/mf-common";
-import { useSnackbar as We, useDialog as rs, useBreakpoints as is, components as Me } from "@feedmepos/ui-library";
-import { u as us, _ as ms } from "./useDebounce-CWb5QR9G.js";
-import { _ as ds, S as fe } from "./SelectFilter-DUj7GBtT.js";
-import { b as je, m as cs, C as ps, _ as vs, a as fs } from "./app-CLL3p27X.js";
-import { u as bs, _ as ys } from "./useDiscardConfirm-DPhEV6v0.js";
+import { defineComponent as Se, resolveComponent as S, createElementBlock as A, openBlock as h, createElementVNode as r, createVNode as u, toDisplayString as P, unref as o, ref as v, computed as w, createCommentVNode as J, withCtx as ue, createBlock as H, watch as me, Fragment as ke, renderList as as, withKeys as Be, withModifiers as Fe, nextTick as ls, onUnmounted as os, h as ns, createTextVNode as rs } from "vue";
+import { useI18n as Ve, useCoreStore as $e, baseClientInstance as je } from "@feedmepos/mf-common";
+import { useSnackbar as Je, useDialog as is, useBreakpoints as us, components as Ne } from "@feedmepos/ui-library";
+import { u as ms, _ as ds } from "./useDebounce-CWb5QR9G.js";
+import { _ as cs, S as fe } from "./SelectFilter-DUj7GBtT.js";
+import { b as Ee, m as ps, C as vs, _ as fs, a as bs } from "./app-g_SrJtfC.js";
+import { u as _s, _ as ys } from "./useDiscardConfirm-DPhEV6v0.js";
 import { _ as hs } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as gs } from "./useLoading-AFTjRLyO.js";
-import { l as Ne } from "./lodash-CrwgACp2.js";
-import { g as Ee, d as ce, u as Je } from "./iteration-BVjUzYL5.js";
-import { u as Xe, c as Le, b as Te, m as Pe, d as Ze, p as qe, i as _s, j as Ke, k as ze, l as xs, n as Us, s as Ss, o as Fs, q as Vs, t as Ue } from "./rule-BlQ5YZ9Z.js";
-import { u as Qe } from "./useAppStore-DMAL8VFY.js";
+import { u as gs } from "./useLoading-XvrLj1VM.js";
+import { l as De } from "./lodash-Cxw1GZ6L.js";
+import { g as Le, d as pe, u as Xe } from "./iteration-Dc-Bz5bA.js";
+import { u as Ze, c as Te, b as qe, m as Ie, d as Qe, p as Ke, i as xs, j as ze, k as Ge, l as Us, n as Fs, s as Ss, o as Vs, q as ws, t as Ue } from "./rule-ClRtpdqO.js";
+import { u as Ye } from "./useAppStore-CTBRpqmO.js";
 /* empty css                                                                            */
-import { _ as ws } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-Dr3R9JjS.js";
-var ye = /* @__PURE__ */ ((m) => (m.Update = "Update", m.Remove = "Remove", m))(ye || {});
-const Ps = { class: "w-full flex flex-col gap-16" }, Is = { 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" }, Cs = { class: "w-full flex gap-16 items-center" }, Ms = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Ns = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Ds = { class: "fm-typo-en-body-lg-600 truncate" }, Os = { class: "flex-1 flex flex-col gap-4 min-w-0" }, As = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Bs = { class: "fm-typo-en-body-lg-600 truncate" }, js = /* @__PURE__ */ Fe({
+import { _ as Ps } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BQSDnH-Z.js";
+var _e = /* @__PURE__ */ ((m) => (m.Update = "Update", m.Remove = "Remove", m))(_e || {});
+const Is = { class: "w-full flex flex-col gap-16" }, ks = { class: "flex items-center gap-16" }, $s = { class: "space-y-4 min-w-0 flex-1" }, Rs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Cs = { class: "fm-typo-en-body-lg-600 truncate" }, Ms = { class: "w-full flex gap-16 items-center" }, Ns = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Ds = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, As = { class: "fm-typo-en-body-lg-600 truncate" }, Os = { class: "flex-1 flex flex-col gap-4 min-w-0" }, Bs = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, js = { class: "fm-typo-en-body-lg-600 truncate" }, Es = /* @__PURE__ */ Se({
   __name: "MemberInfo",
   props: {
     data: {}
   },
   setup(m) {
-    const { t: A } = Ve();
+    const { t: O } = Ve();
     return (n, a) => {
-      const d = w("FmAvatar");
-      return g(), O("div", Ps, [
-        i("div", Is, [
+      const d = S("FmAvatar");
+      return h(), A("div", Is, [
+        r("div", ks, [
           u(d, {
             size: "xl",
             initials: m.data.name
           }, null, 8, ["initials"]),
-          i("div", ks, [
-            i("p", Rs, $(o(A)("team.memberForm.memberInfo.memberName")), 1),
-            i("p", $s, $(m.data.name || "--"), 1)
+          r("div", $s, [
+            r("p", Rs, P(o(O)("team.memberForm.memberInfo.memberName")), 1),
+            r("p", Cs, P(m.data.name || "--"), 1)
           ])
         ]),
-        i("div", Cs, [
-          i("div", Ms, [
-            i("p", Ns, $(o(A)("team.memberForm.memberInfo.mobileNumber")), 1),
-            i("p", Ds, $(m.data.phoneNumber || "--"), 1)
+        r("div", Ms, [
+          r("div", Ns, [
+            r("p", Ds, P(o(O)("team.memberForm.memberInfo.mobileNumber")), 1),
+            r("p", As, P(m.data.phoneNumber || "--"), 1)
           ]),
-          i("div", Os, [
-            i("p", As, $(o(A)("team.memberForm.memberInfo.emailAddress")), 1),
-            i("p", Bs, $(m.data.email || "--"), 1)
+          r("div", Os, [
+            r("p", Bs, P(o(O)("team.memberForm.memberInfo.emailAddress")), 1),
+            r("p", js, P(m.data.email || "--"), 1)
           ])
         ])
       ]);
     };
   }
-}), Ge = {
+}), We = {
   async readPermissionUserByPhoneNo(m) {
     var n;
-    const { currentBusiness: A } = ke();
-    return Ee(
-      await Be("/").get(`/user/b/${(n = A.value) == null ? void 0 : n._id}/phone/${m}`)
+    const { currentBusiness: O } = $e();
+    return Le(
+      await je("/").get(`/user/b/${(n = O.value) == null ? void 0 : n._id}/phone/${m}`)
     );
   },
   async readPermissionUserByEmail(m) {
     var n;
-    const { currentBusiness: A } = ke();
-    return Ee(
-      await Be("/").get(`/user/b/${(n = A.value) == null ? void 0 : n._id}/email/${m}`)
+    const { currentBusiness: O } = $e();
+    return Le(
+      await je("/").get(`/user/b/${(n = O.value) == null ? void 0 : n._id}/email/${m}`)
     );
   }
-}, Es = { class: "flex flex-col gap-24 w-full" }, Ls = {
+}, Ls = { class: "flex flex-col gap-24 w-full" }, Ts = {
   key: 0,
   class: "flex flex-col gap-8"
-}, Ts = { class: "user-info-icon user-info-icon--lg" }, qs = { class: "flex-1 overflow-hidden" }, Ks = { class: "profile-displayName" }, zs = { class: "profile-email" }, Gs = { class: "profile-phone" }, Ws = { key: 2 }, Js = /* @__PURE__ */ Fe({
+}, qs = { class: "user-info-icon user-info-icon--lg" }, Ks = { class: "flex-1 overflow-hidden" }, zs = { class: "profile-displayName" }, Gs = { class: "profile-email" }, Ws = { class: "profile-phone" }, Js = { key: 2 }, Xs = /* @__PURE__ */ Se({
   __name: "PortalUserSearcher",
   emits: ["invite"],
-  setup(m, { emit: A }) {
-    const n = A, { t: a } = Ve(), d = We(), C = ke(), M = v("phone"), x = v(""), B = v(""), p = v();
+  setup(m, { emit: O }) {
+    const n = O, { t: a } = Ve(), d = Je(), R = $e(), C = v("phone"), x = v(""), B = v(""), p = v();
     async function b() {
       if (!x.value && !B.value) {
         d.open({
@@ -78,54 +78,54 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
         });
         return;
       }
-      const F = M.value === "phone" ? await Ge.readPermissionUserByPhoneNo(x.value.replace(/ /g, "")) : await Ge.readPermissionUserByEmail(B.value);
-      F || d.open({
+      const V = C.value === "phone" ? await We.readPermissionUserByPhoneNo(x.value.replace(/ /g, "")) : await We.readPermissionUserByEmail(B.value);
+      V || d.open({
         type: "error",
         title: a("team.memberForm.searchUser.userNotFound")
-      }), p.value = F;
+      }), p.value = V;
     }
-    const ee = P(() => {
-      var K;
-      let F = ((K = p.value) == null ? void 0 : K.displayName) ?? "";
-      F || (F = "Feed Me");
-      const [y, D] = F.split(" ");
-      return D ? `${y[0]}${D[0]}` : y.slice(0, 2);
+    const ee = w(() => {
+      var q;
+      let V = ((q = p.value) == null ? void 0 : q.displayName) ?? "";
+      V || (V = "Feed Me");
+      const [_, D] = V.split(" ");
+      return D ? `${_[0]}${D[0]}` : _.slice(0, 2);
     }), E = v(!1);
-    function le(F) {
-      n("invite", F), E.value = !0;
+    function oe(V) {
+      n("invite", V), E.value = !0;
     }
-    function q() {
+    function T() {
       E.value = !1;
     }
-    return (F, y) => {
-      var _, N, X;
-      const D = w("FmRadio"), K = w("FmPhoneNumber"), ae = w("FmTextField"), r = w("FmRadioGroup"), l = w("FmButton");
-      return g(), O("div", Es, [
-        E.value ? J("", !0) : (g(), O("div", Ls, [
-          u(r, {
-            modelValue: M.value,
-            "onUpdate:modelValue": y[2] || (y[2] = (j) => M.value = j)
+    return (V, _) => {
+      var g, M, X;
+      const D = S("FmRadio"), q = S("FmPhoneNumber"), ae = S("FmTextField"), i = S("FmRadioGroup"), l = S("FmButton");
+      return h(), A("div", Ls, [
+        E.value ? J("", !0) : (h(), A("div", Ts, [
+          u(i, {
+            modelValue: C.value,
+            "onUpdate:modelValue": _[2] || (_[2] = (j) => C.value = j)
           }, {
-            default: pe(() => [
+            default: ue(() => [
               u(D, {
                 value: "phone",
                 label: o(a)("team.memberForm.searchUser.phoneNumber")
               }, null, 8, ["label"]),
-              M.value === "phone" ? (g(), H(K, {
+              C.value === "phone" ? (h(), H(q, {
                 key: 0,
                 modelValue: x.value,
-                "onUpdate:modelValue": y[0] || (y[0] = (j) => x.value = j),
-                "extra-country-codes": o(C).enabledCountries.value,
+                "onUpdate:modelValue": _[0] || (_[0] = (j) => x.value = j),
+                "extra-country-codes": o(R).enabledCountries.value,
                 class: "ml-8"
               }, null, 8, ["modelValue", "extra-country-codes"])) : J("", !0),
               u(D, {
                 value: "email",
                 label: o(a)("team.memberForm.searchUser.email")
               }, null, 8, ["label"]),
-              M.value === "email" ? (g(), H(ae, {
+              C.value === "email" ? (h(), H(ae, {
                 key: 1,
                 modelValue: B.value,
-                "onUpdate:modelValue": y[1] || (y[1] = (j) => B.value = j),
+                "onUpdate:modelValue": _[1] || (_[1] = (j) => B.value = j),
                 placeholder: o(a)("team.memberForm.searchUser.emailPlaceholder"),
                 class: "ml-8"
               }, null, 8, ["modelValue", "placeholder"])) : J("", !0)
@@ -138,29 +138,29 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
             onClick: b
           }, null, 8, ["label"])
         ])),
-        p.value ? (g(), O("div", {
+        p.value ? (h(), A("div", {
           key: 1,
           class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: y[3] || (y[3] = (j) => le(p.value))
+          onClick: _[3] || (_[3] = (j) => oe(p.value))
         }, [
-          i("div", Ts, $(ee.value), 1),
-          i("div", qs, [
-            i("p", Ks, $((_ = p.value) == null ? void 0 : _.displayName), 1),
-            i("p", zs, $((N = p.value) == null ? void 0 : N.email), 1),
-            i("p", Gs, $((X = p.value) == null ? void 0 : X.phoneNumber), 1)
+          r("div", qs, P(ee.value), 1),
+          r("div", Ks, [
+            r("p", zs, P((g = p.value) == null ? void 0 : g.displayName), 1),
+            r("p", Gs, P((M = p.value) == null ? void 0 : M.email), 1),
+            r("p", Ws, P((X = p.value) == null ? void 0 : X.phoneNumber), 1)
           ])
         ])) : J("", !0),
-        E.value ? (g(), O("div", Ws, [
+        E.value ? (h(), A("div", Js, [
           u(l, {
             label: o(a)("team.memberForm.searchUser.changeUser"),
             variant: "secondary",
-            onClick: q
+            onClick: T
           }, null, 8, ["label"])
         ])) : J("", !0)
       ]);
     };
   }
-}), Xs = /* @__PURE__ */ ds(Js, [["__scopeId", "data-v-c2c7ed35"]]), Zs = { class: "flex flex-col gap-40" }, Qs = { class: "flex items-center" }, Ys = { class: "flex-1 flex flex-col" }, Hs = { class: "fm-typo-en-title-sm-600" }, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, st = { class: "flex flex-row gap-16" }, tt = { class: "flex flex-col gap-8" }, at = { class: "fm-typo-en-body-lg-400" }, lt = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, ot = { class: "fm-typo-en-title-sm-600" }, nt = { class: "space-y-16" }, rt = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, it = { class: "text-sm font-semibold text-fm-color-typo-primary" }, ut = { class: "text-sm font-semibold text-fm-color-typo-primary" }, mt = { class: "flex justify-self-end" }, dt = ["aria-label", "onClick", "onKeydown"], De = 4, ct = /* @__PURE__ */ Fe({
+}), Zs = /* @__PURE__ */ cs(Xs, [["__scopeId", "data-v-c2c7ed35"]]), Qs = { class: "flex flex-col gap-40" }, Ys = { class: "flex items-center" }, Hs = { class: "flex-1 flex flex-col" }, et = { class: "fm-typo-en-title-sm-600" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tt = { class: "flex flex-row gap-16" }, at = { class: "flex flex-col gap-8" }, lt = { class: "fm-typo-en-body-lg-400" }, ot = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, nt = { class: "fm-typo-en-title-sm-600" }, rt = { class: "space-y-16" }, it = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] gap-16" }, ut = { class: "text-sm font-semibold text-fm-color-typo-primary" }, mt = { class: "text-sm font-semibold text-fm-color-typo-primary" }, dt = { class: "flex justify-self-end" }, ct = ["aria-label", "onClick", "onKeydown"], Ae = 4, pt = /* @__PURE__ */ Se({
   __name: "TeamMemberMasterUser",
   props: {
     modelValue: {
@@ -185,133 +185,133 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
     }
   },
   emits: ["update:model-value"],
-  setup(m, { emit: A }) {
-    const n = m, a = A, { t: d } = Ve(), C = v(!0), M = v([]);
+  setup(m, { emit: O }) {
+    const n = m, a = O, { t: d } = Ve(), R = v(!0), C = v([]);
     function x() {
       return { restaurantId: "", roleId: "" };
     }
-    const B = P(
+    const B = w(
       () => {
-        var r;
-        return ((r = n.modelValue) == null ? void 0 : r.roles.map((l) => l.restaurantId).filter(Boolean)) ?? [];
+        var i;
+        return ((i = n.modelValue) == null ? void 0 : i.roles.map((l) => l.restaurantId).filter(Boolean)) ?? [];
       }
     );
-    function p(r) {
-      r ? n.modelValue || a("update:model-value", {
+    function p(i) {
+      i ? n.modelValue || a("update:model-value", {
         code: "",
         name: n.fallbackName,
         roles: [x()],
         passcode: n.fallbackPasscode || ""
       }) : a("update:model-value", null);
     }
-    function b(r, l) {
-      if (!n.modelValue || r === "passcode" && n.modelValue.passcode === l) return;
-      const _ = ce(n.modelValue);
-      _[r] = l, a("update:model-value", _);
+    function b(i, l) {
+      if (!n.modelValue || i === "passcode" && n.modelValue.passcode === l) return;
+      const g = pe(n.modelValue);
+      g[i] = l, a("update:model-value", g);
     }
-    function ee(r = "") {
-      return n.restaurants.filter((l) => l.managable || l._id === r).map((l) => ({
+    function ee(i = "") {
+      return n.restaurants.filter((l) => l.managable || l._id === i).map((l) => ({
         label: `${l.profile.code ? `${l.profile.code} - ` : ""}${l.profile.name}`,
         value: l._id,
-        disabled: B.value.includes(l._id) && l._id !== r
+        disabled: B.value.includes(l._id) && l._id !== i
       }));
     }
-    function E(r = "") {
+    function E(i = "") {
       return n.roles.map((l) => ({
         label: l.label,
         value: l.value,
-        disabled: !!l.disabled && l.value !== r
+        disabled: !!l.disabled && l.value !== i
       }));
     }
-    function le(r, l) {
-      var z, L, G;
+    function oe(i, l) {
+      var K, L, z;
       if (!n.modelValue) return;
-      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [x()], N = ((z = _[r]) == null ? void 0 : z.roleId) ?? "", X = E(N), j = ((L = X.find((c) => c.value === N && !c.disabled)) == null ? void 0 : L.value) ?? ((G = X.find((c) => !c.disabled)) == null ? void 0 : G.value) ?? "";
-      _[r] = { restaurantId: l, roleId: j }, b("roles", _);
+      const g = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [x()], M = ((K = g[i]) == null ? void 0 : K.roleId) ?? "", X = E(M), j = ((L = X.find((c) => c.value === M && !c.disabled)) == null ? void 0 : L.value) ?? ((z = X.find((c) => !c.disabled)) == null ? void 0 : z.value) ?? "";
+      g[i] = { restaurantId: l, roleId: j }, b("roles", g);
     }
-    function q(r, l) {
-      var N;
+    function T(i, l) {
+      var M;
       if (!n.modelValue) return;
-      const _ = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [x()];
-      _[r] = {
-        restaurantId: ((N = _[r]) == null ? void 0 : N.restaurantId) ?? "",
+      const g = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [x()];
+      g[i] = {
+        restaurantId: ((M = g[i]) == null ? void 0 : M.restaurantId) ?? "",
         roleId: l
-      }, b("roles", _);
+      }, b("roles", g);
     }
-    function F() {
+    function V() {
       n.modelValue && b("roles", [...n.modelValue.roles, x()]);
     }
-    function y(r) {
+    function _(i) {
       if (!n.modelValue) return;
       const l = n.modelValue.roles.length > 0 ? [...n.modelValue.roles] : [x()];
       b(
         "roles",
-        l.length === 1 ? [x()] : l.filter((_, N) => N !== r)
+        l.length === 1 ? [x()] : l.filter((g, M) => M !== i)
       );
     }
-    const D = P(() => {
+    const D = w(() => {
       if (!n.modelValue) return !1;
-      const r = n.restaurants.some(
-        (_) => _.managable && !B.value.includes(_._id)
+      const i = n.restaurants.some(
+        (g) => g.managable && !B.value.includes(g._id)
       ), l = n.modelValue.roles.every(
-        (_) => _.restaurantId && _.roleId
+        (g) => g.restaurantId && g.roleId
       );
-      return r && l;
+      return i && l;
     });
-    function K() {
-      C.value && (C.value = !1, M.value = [], b("passcode", ""));
+    function q() {
+      R.value && (R.value = !1, C.value = [], b("passcode", ""));
     }
-    ue(
+    me(
       () => {
-        var r;
-        return (r = n.modelValue) == null ? void 0 : r.passcode;
+        var i;
+        return (i = n.modelValue) == null ? void 0 : i.passcode;
       },
-      (r) => {
-        r && r.length === De ? (M.value = r.split(""), C.value = !0) : (M.value = [], C.value = !1);
+      (i) => {
+        i && i.length === Ae ? (C.value = i.split(""), R.value = !0) : (C.value = [], R.value = !1);
       },
       { immediate: !0 }
-    ), ue(
+    ), me(
       () => {
-        var r;
-        return (r = n.modelValue) == null ? void 0 : r.roles;
+        var i;
+        return (i = n.modelValue) == null ? void 0 : i.roles;
       },
-      (r) => {
-        n.modelValue && (!r || r.length === 0) && b("roles", [x()]);
+      (i) => {
+        n.modelValue && (!i || i.length === 0) && b("roles", [x()]);
       },
       { immediate: !0, deep: !0 }
     );
-    const ae = P({
+    const ae = w({
       get: () => {
-        var r;
-        return ((r = n.modelValue) == null ? void 0 : r.roles) ?? [];
+        var i;
+        return ((i = n.modelValue) == null ? void 0 : i.roles) ?? [];
       },
       set: () => {
       }
     });
-    return (r, l) => {
-      const _ = w("FmSwitch"), N = w("FmTextField"), X = w("FmPinField"), j = w("FmFormGroup"), z = w("FmSelect"), L = w("FmIcon"), G = w("FmButton");
-      return g(), O("div", Zs, [
-        i("div", Qs, [
-          i("div", Ys, [
-            i("div", Hs, $(o(d)("team.memberForm.masterUser.title")), 1),
-            i("div", et, $(o(d)("team.memberForm.masterUser.sublabel")), 1)
+    return (i, l) => {
+      const g = S("FmSwitch"), M = S("FmTextField"), X = S("FmPinField"), j = S("FmFormGroup"), K = S("FmSelect"), L = S("FmIcon"), z = S("FmButton");
+      return h(), A("div", Qs, [
+        r("div", Ys, [
+          r("div", Hs, [
+            r("div", et, P(o(d)("team.memberForm.masterUser.title")), 1),
+            r("div", st, P(o(d)("team.memberForm.masterUser.sublabel")), 1)
           ]),
-          i("div", null, [
-            u(_, {
+          r("div", null, [
+            u(g, {
               "model-value": !!m.modelValue,
               value: "master-user",
               "onUpdate:modelValue": p
             }, null, 8, ["model-value"])
           ])
         ]),
-        m.modelValue ? (g(), O(Ie, { key: 0 }, [
-          i("div", st, [
-            u(N, {
+        m.modelValue ? (h(), A(ke, { key: 0 }, [
+          r("div", tt, [
+            u(M, {
               "model-value": m.modelValue.code,
               label: o(d)("team.memberForm.masterUser.code"),
               "onUpdate:modelValue": l[0] || (l[0] = (c) => b("code", c))
             }, null, 8, ["model-value", "label"]),
-            u(N, {
+            u(M, {
               "model-value": m.modelValue.name,
               class: "w-full",
               label: o(d)("team.memberForm.masterUser.name"),
@@ -319,24 +319,24 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
               "onUpdate:modelValue": l[1] || (l[1] = (c) => b("name", c))
             }, null, 8, ["model-value", "label", "rules"])
           ]),
-          i("div", tt, [
-            i("div", at, $(o(d)("team.memberForm.masterUser.passcode")), 1),
+          r("div", at, [
+            r("div", lt, P(o(d)("team.memberForm.masterUser.passcode")), 1),
             u(j, {
-              modelValue: M.value,
-              "onUpdate:modelValue": l[4] || (l[4] = (c) => M.value = c),
+              modelValue: C.value,
+              "onUpdate:modelValue": l[4] || (l[4] = (c) => C.value = c),
               rules: [
-                (c) => (c == null ? void 0 : c.filter((h) => !!h).length) !== De ? o(d)("team.memberForm.masterUser.passcodeRequired") : !0
+                (c) => (c == null ? void 0 : c.filter((y) => !!y).length) !== Ae ? o(d)("team.memberForm.masterUser.passcodeRequired") : !0
               ]
             }, {
-              default: pe(() => [
-                (g(), H(X, {
-                  key: `pin-field-${C.value}`,
-                  modelValue: M.value,
-                  "onUpdate:modelValue": l[2] || (l[2] = (c) => M.value = c),
-                  length: De,
-                  masked: C.value,
+              default: ue(() => [
+                (h(), H(X, {
+                  key: `pin-field-${R.value}`,
+                  modelValue: C.value,
+                  "onUpdate:modelValue": l[2] || (l[2] = (c) => C.value = c),
+                  length: Ae,
+                  masked: R.value,
                   onComplete: l[3] || (l[3] = (c) => b("passcode", c)),
-                  onFocus: K
+                  onFocus: q
                 }, null, 8, ["modelValue", "masked"]))
               ]),
               _: 1
@@ -347,61 +347,61 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
             modelValue: ae.value,
             "onUpdate:modelValue": l[5] || (l[5] = (c) => ae.value = c),
             rules: [
-              (c) => !c || c.length === 0 || c.every((h) => !h.restaurantId) ? o(d)("team.memberForm.masterUser.restaurantRequired") : c.some((h) => !h.restaurantId || !h.roleId) ? o(d)("team.memberForm.masterUser.roleRequired") : !0
+              (c) => !c || c.length === 0 || c.every((y) => !y.restaurantId) ? o(d)("team.memberForm.masterUser.restaurantRequired") : c.some((y) => !y.restaurantId || !y.roleId) ? o(d)("team.memberForm.masterUser.roleRequired") : !0
             ]
           }, {
-            default: pe(() => [
-              i("div", lt, [
-                i("div", ot, $(o(d)("team.memberForm.masterUser.assignmentSection")), 1),
-                i("div", nt, [
-                  i("div", rt, [
-                    i("div", it, $(o(d)("team.table.columns.restaurant")), 1),
-                    i("div", ut, $(o(d)("team.memberForm.masterUser.role")), 1),
-                    l[6] || (l[6] = i("div", null, null, -1))
+            default: ue(() => [
+              r("div", ot, [
+                r("div", nt, P(o(d)("team.memberForm.masterUser.assignmentSection")), 1),
+                r("div", rt, [
+                  r("div", it, [
+                    r("div", ut, P(o(d)("team.table.columns.restaurant")), 1),
+                    r("div", mt, P(o(d)("team.memberForm.masterUser.role")), 1),
+                    l[6] || (l[6] = r("div", null, null, -1))
                   ]),
-                  (g(!0), O(Ie, null, ts(m.modelValue.roles, (c, h) => (g(), O("div", {
-                    key: `${c.restaurantId || "new"}-${h}`,
+                  (h(!0), A(ke, null, as(m.modelValue.roles, (c, y) => (h(), A("div", {
+                    key: `${c.restaurantId || "new"}-${y}`,
                     class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] items-center gap-16"
                   }, [
-                    u(z, {
+                    u(K, {
                       class: "min-w-0",
                       "model-value": c.restaurantId,
                       items: ee(c.restaurantId),
                       multiselect: !1,
                       placeholder: o(d)("team.table.columns.restaurant"),
-                      "onUpdate:modelValue": (W) => le(h, W)
+                      "onUpdate:modelValue": (G) => oe(y, G)
                     }, null, 8, ["model-value", "items", "placeholder", "onUpdate:modelValue"]),
-                    u(z, {
+                    u(K, {
                       class: "min-w-0",
                       "model-value": c.roleId,
                       items: E(c.roleId),
                       multiselect: !1,
                       placeholder: o(d)("team.memberForm.masterUser.role"),
                       disabled: !c.restaurantId,
-                      "onUpdate:modelValue": (W) => q(h, W)
+                      "onUpdate:modelValue": (G) => T(y, G)
                     }, null, 8, ["model-value", "items", "placeholder", "disabled", "onUpdate:modelValue"]),
-                    i("div", mt, [
-                      m.modelValue.roles.length > 1 ? (g(), O("div", {
+                    r("div", dt, [
+                      m.modelValue.roles.length > 1 ? (h(), A("div", {
                         key: 0,
                         role: "button",
                         tabindex: "0",
                         class: "inline-flex h-40 w-40 shrink-0 cursor-pointer items-center justify-center rounded-lg text-fm-color-neutral-gray-400 transition-colors hover:bg-fm-color-neutral-gray-100 focus:outline-none focus:ring-2 focus:ring-fm-color-primary",
                         "aria-label": o(d)("common.remove"),
-                        onClick: Se((W) => y(h), ["stop"]),
+                        onClick: Fe((G) => _(y), ["stop"]),
                         onKeydown: [
-                          Ae(Se((W) => y(h), ["prevent", "stop"]), ["enter"]),
-                          Ae(Se((W) => y(h), ["prevent", "stop"]), ["space"])
+                          Be(Fe((G) => _(y), ["prevent", "stop"]), ["enter"]),
+                          Be(Fe((G) => _(y), ["prevent", "stop"]), ["space"])
                         ]
                       }, [
                         u(L, {
                           name: "delete",
                           size: "md"
                         })
-                      ], 40, dt)) : J("", !0)
+                      ], 40, ct)) : J("", !0)
                     ])
                   ]))), 128))
                 ]),
-                u(G, {
+                u(z, {
                   type: "button",
                   variant: "secondary",
                   "text-color": "primary",
@@ -410,7 +410,7 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
                   label: o(d)("team.memberForm.masterUser.addAnother"),
                   size: "md",
                   disabled: !D.value,
-                  onClick: Se(F, ["stop"])
+                  onClick: Fe(V, ["stop"])
                 }, null, 8, ["label", "disabled"])
               ])
             ]),
@@ -420,13 +420,13 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
       ]);
     };
   }
-}), pt = { class: "flex flex-col gap-32" }, vt = { class: "flex w-full" }, ft = {
+}), vt = { class: "flex flex-col gap-32" }, ft = { class: "flex w-full" }, bt = {
   key: 0,
   class: "space-y-24"
-}, bt = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, yt = { class: "fm-typo-en-title-sm-600" }, ht = { class: "space-y-16" }, gt = { class: "fm-typo-en-title-sm-600" }, _t = {
+}, _t = { class: "space-y-16 rounded-lg border border-fm-color-neutral-gray-200 p-16" }, yt = { class: "fm-typo-en-title-sm-600" }, ht = { class: "space-y-16" }, gt = { class: "fm-typo-en-title-sm-600" }, xt = {
   key: 1,
   class: "flex items-center justify-center py-64"
-}, xt = /* @__PURE__ */ Fe({
+}, Ut = /* @__PURE__ */ Se({
   __name: "AddMemberForm",
   props: {
     initialValue: {
@@ -441,38 +441,38 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
       default: !1
     }
   },
-  setup(m, { expose: A }) {
-    var ve, ge, _e;
-    const n = m, { t: a } = Ve(), d = v(), C = Xe(), M = P(
-      () => C.permissionSets.value.map((t) => ({
+  setup(m, { expose: O }) {
+    var ve, he, ge;
+    const n = m, { t: a } = Ve(), d = v(), R = Ze(), C = w(
+      () => R.permissionSets.value.map((t) => ({
         label: t.name,
         value: t.id
       }))
-    ), x = v(((ve = n.initialValue) == null ? void 0 : ve.permissionSetIds) || []), B = P(
-      () => Le(x.value, C.permissionSets.value)
-    ), p = v((ge = n.initialValue) == null ? void 0 : ge.posUser), b = v(
-      Te(
-        Pe(B.value),
-        ((_e = n.initialValue) == null ? void 0 : _e.permissions) || []
+    ), x = v(((ve = n.initialValue) == null ? void 0 : ve.permissionSetIds) || []), B = w(
+      () => Te(x.value, R.permissionSets.value)
+    ), p = v((he = n.initialValue) == null ? void 0 : he.posUser), b = v(
+      qe(
+        Ie(B.value),
+        ((ge = n.initialValue) == null ? void 0 : ge.permissions) || []
       )
-    ), { customReportPermissions: ee, isLoaded: E } = Ze(), le = new Set(
-      qe.filter((t) => t.subject.startsWith(_s)).map((t) => t.subject)
-    ), q = P(() => {
-      const t = new Set(le);
+    ), { customReportPermissions: ee, isLoaded: E } = Qe(), oe = new Set(
+      Ke.filter((t) => t.subject.startsWith(xs)).map((t) => t.subject)
+    ), T = w(() => {
+      const t = new Set(oe);
       for (const f of ee.value) t.add(f.subject);
       return t;
-    }), F = P(() => {
+    }), V = w(() => {
       const t = /* @__PURE__ */ new Set();
-      for (const f of qe)
-        f.category === je.reports && t.add(f.subject);
+      for (const f of Ke)
+        f.category === Ee.reports && t.add(f.subject);
       for (const f of ee.value)
-        f.category === je.reports && t.add(f.subject);
+        f.category === Ee.reports && t.add(f.subject);
       return t;
-    }), y = Je(), D = Qe().roles, K = P(() => Ke(b.value)), ae = P(() => {
-      const t = ze(b.value);
-      return t === null ? y.restaurants.value : y.restaurants.value.filter((f) => t.includes(f._id));
-    }), r = P(() => {
-      const t = K.value;
+    }), _ = Xe(), D = Ye().roles, q = w(() => ze(b.value)), ae = w(() => {
+      const t = Ge(b.value);
+      return t === null ? _.restaurants.value : _.restaurants.value.filter((f) => t.includes(f._id));
+    }), i = w(() => {
+      const t = q.value;
       return D.value.map(
         (f) => ({
           label: f.name,
@@ -481,130 +481,130 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
         })
       );
     }), l = v({ permissionSetIds: [], userPermissions: [], posUser: void 0 });
-    function _(t) {
-      d.value = void 0, x.value = [...(t == null ? void 0 : t.permissionSetIds) ?? []], b.value = Te(
-        Pe(
-          Le(
+    function g(t) {
+      d.value = void 0, x.value = [...(t == null ? void 0 : t.permissionSetIds) ?? []], b.value = qe(
+        Ie(
+          Te(
             x.value,
-            C.permissionSets.value
+            R.permissionSets.value
           )
         ),
         (t == null ? void 0 : t.permissions) || []
-      ), p.value = t != null && t.posUser ? h(ce(t.posUser), b.value) : void 0, W.value = !!p.value, l.value = {
+      ), p.value = t != null && t.posUser ? y(pe(t.posUser), b.value) : void 0, G.value = !!p.value, l.value = {
         permissionSetIds: [...x.value],
-        userPermissions: ce(b.value),
-        posUser: p.value ? ce(p.value) : void 0
+        userPermissions: pe(b.value),
+        posUser: p.value ? pe(p.value) : void 0
       };
     }
-    function N() {
-      return !n.initialValue && d.value ? !0 : !Ne.isEqual(x.value, l.value.permissionSetIds) || !Ne.isEqual(b.value, l.value.userPermissions) || !Ne.isEqual(p.value, l.value.posUser);
+    function M() {
+      return !n.initialValue && d.value ? !0 : !De.isEqual(x.value, l.value.permissionSetIds) || !De.isEqual(b.value, l.value.userPermissions) || !De.isEqual(p.value, l.value.posUser);
     }
     function X(t) {
       d.value = t;
     }
     function j(t) {
-      p.value = h(p.value, t);
+      p.value = y(p.value, t);
     }
-    function z() {
-      const t = Pe(B.value), f = E.value ? q.value : le, I = xs(b.value, f), k = Us(I, F.value), R = Ss(k);
-      return Fs(t, R);
+    function K() {
+      const t = Ie(B.value), f = E.value ? T.value : oe, I = Us(b.value, f), k = Fs(I, V.value), $ = Ss(k);
+      return Vs(t, $);
     }
     function L() {
-      var I, k, R, Z, ne, re, me, se, Q, de;
-      const t = z(), f = b.value.filter((Y) => !Y.inverted);
+      var I, k, $, Z, re, ie, de, se, Q, ce;
+      const t = K(), f = b.value.filter((Y) => !Y.inverted);
       return {
         email: ((I = d.value) == null ? void 0 : I.email) ?? void 0,
         phoneNumber: ((k = d.value) == null ? void 0 : k.phoneNumber) ?? void 0,
         customPermissions: t,
         permissions: f.map((Y) => ({
           ...Y,
-          subject: cs(Y.subject)
+          subject: ps(Y.subject)
         })),
         permissionSetIds: x.value,
-        name: ((R = d.value) == null ? void 0 : R.displayName) || ((Z = n.initialValue) == null ? void 0 : Z.name) || "",
+        name: (($ = d.value) == null ? void 0 : $.displayName) || ((Z = n.initialValue) == null ? void 0 : Z.name) || "",
         posUser: p.value ? {
           ...p.value,
-          name: p.value.name || ((re = (ne = n.initialValue) == null ? void 0 : ne.posUser) == null ? void 0 : re.name) || ((me = n.initialValue) == null ? void 0 : me.name) || ((se = d.value) == null ? void 0 : se.displayName) || "",
-          code: p.value.code || ((de = (Q = n.initialValue) == null ? void 0 : Q.posUser) == null ? void 0 : de.code) || "",
+          name: p.value.name || ((ie = (re = n.initialValue) == null ? void 0 : re.posUser) == null ? void 0 : ie.name) || ((de = n.initialValue) == null ? void 0 : de.name) || ((se = d.value) == null ? void 0 : se.displayName) || "",
+          code: p.value.code || ((ce = (Q = n.initialValue) == null ? void 0 : Q.posUser) == null ? void 0 : ce.code) || "",
           passcode: p.value.passcode,
           roles: p.value.roles.filter((Y) => !!Y.roleId)
         } : p.value === null ? null : void 0
       };
     }
-    const G = v();
+    const z = v();
     function c() {
-      b.value = Pe(B.value);
+      b.value = Ie(B.value);
     }
-    function h(t, f) {
+    function y(t, f) {
       if (!t) return t;
-      const I = Ke(f), k = ze(f);
+      const I = ze(f), k = Ge(f);
       if (I === null && k === null) return t;
-      const R = ce(t);
-      return R.roles = R.roles.filter(
+      const $ = pe(t);
+      return $.roles = $.roles.filter(
         (Z) => (I === null || I.includes(Z.roleId)) && (k === null || k.includes(Z.restaurantId))
-      ), R;
+      ), $;
     }
-    const W = v(!!p.value), he = v(!1);
+    const G = v(!!p.value), ye = v(!1);
     function Re(t) {
-      p.value = t, he.value = !0;
+      p.value = t, ye.value = !0;
     }
-    ue(
+    me(
       () => !!p.value,
       async (t) => {
-        t && !W.value && (await as(), G.value && G.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), W.value = t;
+        t && !G.value && (await ls(), z.value && z.value.$el.scrollIntoView({ behavior: "smooth", block: "start" })), G.value = t;
       }
     );
-    const oe = v();
+    const ne = v();
     async function we() {
-      return (await oe.value.validateInputsWithoutSubmit()).length ? null : L();
+      return (await ne.value.validateInputsWithoutSubmit()).length ? null : L();
     }
-    return ue(
+    return me(
       () => n.initialValue,
       (t, f) => {
         if (!f || !t) {
-          he.value = !1, _(t);
+          ye.value = !1, g(t);
           return;
         }
-        t.posUser !== void 0 && !he.value && (p.value = t.posUser ? h(ce(t.posUser), b.value) : void 0, l.value = {
+        t.posUser !== void 0 && !ye.value && (p.value = t.posUser ? y(pe(t.posUser), b.value) : void 0, l.value = {
           ...l.value,
-          posUser: p.value ? ce(p.value) : void 0
+          posUser: p.value ? pe(p.value) : void 0
         });
       },
       { immediate: !0 }
-    ), ue(
+    ), me(
       b,
       (t) => {
-        p.value = h(p.value, t);
+        p.value = y(p.value, t);
       },
       { deep: !0 }
-    ), A({
+    ), O({
       readFormData: L,
       validate: we,
-      isModified: N
+      isModified: M
     }), (t, f) => {
-      const I = w("FmSelect"), k = w("FmCircularProgress"), R = w("FmForm");
-      return g(), H(R, {
+      const I = S("FmSelect"), k = S("FmCircularProgress"), $ = S("FmForm");
+      return h(), H($, {
         ref_key: "formRef",
-        ref: oe,
+        ref: ne,
         class: "mx-4"
       }, {
-        default: pe(() => {
-          var Z, ne, re, me, se;
+        default: ue(() => {
+          var Z, re, ie, de, se;
           return [
-            i("div", pt, [
-              i("div", vt, [
-                m.initialValue ? (g(), H(js, {
+            r("div", vt, [
+              r("div", ft, [
+                m.initialValue ? (h(), H(Es, {
                   key: 1,
                   data: m.initialValue
-                }, null, 8, ["data"])) : (g(), H(Xs, {
+                }, null, 8, ["data"])) : (h(), H(Zs, {
                   key: 0,
                   onInvite: f[0] || (f[0] = (Q) => X(Q))
                 }))
               ]),
-              d.value || m.initialValue ? (g(), O(Ie, { key: 0 }, [
-                (Z = m.initialValue) != null && Z.isOwner ? J("", !0) : (g(), O("div", ft, [
-                  i("div", bt, [
-                    i("div", yt, $(o(a)("team.memberForm.permissionSet.title")), 1),
+              d.value || m.initialValue ? (h(), A(ke, { key: 0 }, [
+                (Z = m.initialValue) != null && Z.isOwner ? J("", !0) : (h(), A("div", bt, [
+                  r("div", _t, [
+                    r("div", yt, P(o(a)("team.memberForm.permissionSet.title")), 1),
                     u(I, {
                       modelValue: x.value,
                       "onUpdate:modelValue": [
@@ -614,13 +614,13 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
                       multiselect: "",
                       searchable: "",
                       "search-debounce": 300,
-                      items: M.value,
+                      items: C.value,
                       placeholder: o(a)("team.memberForm.permissionSet.selectPlaceholder")
                     }, null, 8, ["modelValue", "items", "placeholder"])
                   ]),
-                  i("div", ht, [
-                    i("div", gt, $(o(a)("team.memberForm.permissions.title")), 1),
-                    u(ws, {
+                  r("div", ht, [
+                    r("div", gt, P(o(a)("team.memberForm.permissions.title")), 1),
+                    u(Ps, {
                       modelValue: b.value,
                       "onUpdate:modelValue": f[2] || (f[2] = (Q) => b.value = Q),
                       "inherit-permissions": B.value,
@@ -628,16 +628,16 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
                     }, null, 8, ["modelValue", "inherit-permissions"])
                   ])
                 ])),
-                m.loading ? (g(), O("div", _t, [
+                m.loading ? (h(), A("div", xt, [
                   u(k, { size: "xl" })
-                ])) : (g(), H(ct, {
+                ])) : (h(), H(pt, {
                   key: 2,
                   ref_key: "masterUserContentRef",
-                  ref: G,
+                  ref: z,
                   "model-value": p.value,
-                  "fallback-name": ((ne = m.initialValue) == null ? void 0 : ne.name) || ((re = d.value) == null ? void 0 : re.displayName) || "",
-                  "fallback-passcode": (se = (me = m.initialValue) == null ? void 0 : me.posUser) == null ? void 0 : se.passcode,
-                  roles: r.value,
+                  "fallback-name": ((re = m.initialValue) == null ? void 0 : re.name) || ((ie = d.value) == null ? void 0 : ie.displayName) || "",
+                  "fallback-passcode": (se = (de = m.initialValue) == null ? void 0 : de.posUser) == null ? void 0 : se.passcode,
+                  roles: i.value,
                   restaurants: ae.value,
                   "onUpdate:modelValue": Re
                 }, null, 8, ["model-value", "fallback-name", "fallback-passcode", "roles", "restaurants"]))
@@ -649,67 +649,71 @@ const Ps = { class: "w-full flex flex-col gap-16" }, Is = { class: "flex items-c
       }, 512);
     };
   }
-}), Ut = {
+}), Ft = {
   class: "space-y-24"
 }, St = {
   class: "space-y-8"
-}, Ft = {
+}, Vt = {
   key: 0,
   class: "flex w-full items-start justify-between px-16"
-}, Vt = {
-  class: "flex items-start gap-8"
 }, wt = {
+  class: "flex items-start gap-8"
+}, Pt = {
   key: 1,
   class: "space-y-4 px-16"
-}, Pt = {
-  class: "flex items-start gap-8"
 }, It = {
-  class: "flex h-full flex-col"
+  class: "flex items-start gap-8"
 }, kt = {
+  class: "flex h-full flex-col"
+}, $t = {
+  class: "flex w-full items-center justify-between"
+}, Rt = {
+  class: "fm-typo-en-title-md-600"
+}, Ct = {
   class: "flex items-center justify-start gap-8"
 }, be = 100;
 var te = /* @__PURE__ */ function(m) {
   return m[m.ADD = 0] = "ADD", m[m.UPDATE = 1] = "UPDATE", m[m.CLOSED = 2] = "CLOSED", m;
 }(te || {});
-const zt = /* @__PURE__ */ Fe({
+const Jt = /* @__PURE__ */ Se({
   __name: "TeamMemberList",
   setup(m, {
-    expose: A
+    expose: O
   }) {
     const {
       fetchCustomReportPermissions: n
-    } = Ze(), {
+    } = Qe(), {
       t: a
-    } = Ve(), d = ke(), C = Je(), M = Qe(), x = We(), B = gs(x), p = Xe(), b = Vs(), ee = v(!0), E = v(!1), le = P(() => C.isLoading.value), q = v([]), F = v(0), y = v(1), D = v(""), K = v("");
-    ue(C.restaurants, (e) => {
-      if (e.length > 0 && q.value.length > 0) {
-        const s = new Map(e.map((S) => [S._id, S.profile.name])), U = e.map((S) => S.profile.name).sort();
-        q.value = q.value.map((S) => ({
-          ...S,
-          restaurants: S.managableRestaurantIds === null ? U : S.managableRestaurantIds.map((T) => s.get(T) ?? "").filter(Boolean).sort()
+    } = Ve(), d = $e(), R = Xe(), C = Ye(), x = Je(), B = gs(x), p = Ze(), b = ws(), ee = v(!0), E = v(!1), oe = w(() => R.isLoading.value), T = v([]), V = v(0), _ = v(1), D = v(""), q = v("");
+    me(R.restaurants, (e) => {
+      if (e.length > 0 && T.value.length > 0) {
+        const s = new Map(e.map((F) => [F._id, F.profile.name])), U = e.map((F) => F.profile.name).sort();
+        T.value = T.value.map((F) => ({
+          ...F,
+          restaurants: F.managableRestaurantIds === null ? U : F.managableRestaurantIds.map((W) => s.get(W) ?? "").filter(Boolean).sort()
         }));
       }
     });
-    const ae = P(() => C.restaurants.value.map((e) => ({
+    const ae = w(() => R.restaurants.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
-    }))), r = ({
+    }))), i = ({
       member: e,
       className: s = ""
     }) => {
       const U = {
         label: a("team.actions.updateMember"),
-        onClick: () => G(ye.Update, e)
-      }, S = {
+        onClick: () => z(_e.Update, e)
+      }, F = {
         label: a("team.actions.removeMember"),
-        onClick: () => G(ye.Remove, e),
+        onClick: () => z(_e.Remove, e),
         itemClass: "text-fm-color-typo-error"
-      }, T = e.doc.isOwner ? [U] : [U, S];
+      }, W = e.doc.isOwner ? [U] : [U, F];
       return u(ys, {
         class: s,
-        items: T
+        items: W
       }, null);
-    }, l = (e) => e.doc.isOwner ? a("team.labels.businessOwner") : e.restaurants.join(", "), _ = [{
+    }, l = (e) => e.doc.isOwner ? a("team.labels.businessOwner") : e.restaurants.join(", "), g = [{
       accessorKey: "name",
       header: () => a("team.table.columns.name"),
       enableSorting: !1,
@@ -717,7 +721,7 @@ const zt = /* @__PURE__ */ Fe({
         const s = e.row.original;
         return u("div", {
           class: "flex items-center gap-8"
-        }, [u(Me.FmAvatar, {
+        }, [u(Ne.FmAvatar, {
           initials: s.name,
           size: "sm",
           class: "shrink-0"
@@ -734,8 +738,8 @@ const zt = /* @__PURE__ */ Fe({
       header: () => a("team.table.columns.restaurant"),
       enableSorting: !1,
       cell(e) {
-        if (le.value)
-          return os(ms);
+        if (oe.value)
+          return ns(ds);
         const s = e.row.original;
         return l(s);
       }
@@ -744,8 +748,8 @@ const zt = /* @__PURE__ */ Fe({
       header: () => a("team.table.columns.assignedRoles"),
       enableSorting: !1,
       cell(e) {
-        const s = e.row.original, U = b.getPermissionAssignmentByUserId(s.id), S = (U == null ? void 0 : U.permissionSetIds) || s.doc.permissionSetIds || [];
-        return p.permissionSets.value.filter((ie) => S.includes(ie.id)).map((ie) => ie.name).join(", ");
+        const s = e.row.original, U = b.getPermissionAssignmentByUserId(s.id), F = (U == null ? void 0 : U.permissionSetIds) || s.doc.permissionSetIds || [];
+        return p.permissionSets.value.filter((le) => F.includes(le.id)).map((le) => le.name).join(", ");
       }
     }, {
       accessorKey: "permission",
@@ -753,7 +757,7 @@ const zt = /* @__PURE__ */ Fe({
       enableSorting: !1,
       cell(e) {
         const s = e.row.original;
-        return N(s);
+        return M(s);
       },
       meta: {
         width: "200px"
@@ -766,25 +770,25 @@ const zt = /* @__PURE__ */ Fe({
       },
       cell(e) {
         const s = e.row.original;
-        return r({
+        return i({
           member: s,
           className: "flex justify-end w-full"
         });
       },
       enableSorting: !1
     }];
-    function N(e) {
+    function M(e) {
       if (e.doc.isOwner)
         return a("team.labels.businessOwner");
-      const s = u(Me.FmTooltip, {
+      const s = u(Ne.FmTooltip, {
         variant: "plain",
         placement: "top"
       }, {
-        default: () => u(Me.FmIcon, {
+        default: () => u(Ne.FmIcon, {
           name: "info",
           class: "cursor-pointer text-fm-color-neutral-gray-300"
         }, null),
-        content: () => u("div", null, [a("team.labels.permission"), e.permissionLabels.map((U) => u("div", null, [ns("- "), U]))])
+        content: () => u("div", null, [a("team.labels.permission"), e.permissionLabels.map((U) => u("div", null, [rs("- "), U]))])
       });
       return u("div", {
         class: "flex flex-row items-center gap-8"
@@ -793,8 +797,8 @@ const zt = /* @__PURE__ */ Fe({
       })]), e.permissionLabels.length > 0 && s]);
     }
     function X(e) {
-      var T, ie, xe, V;
-      const s = b.getPermissionAssignmentByUserId(e.id), U = (s == null ? void 0 : s.customPermissions) || e.permissions || [], S = (s == null ? void 0 : s.permissionSetIds) || [];
+      var W, le, Pe, xe;
+      const s = b.getPermissionAssignmentByUserId(e.id), U = (s == null ? void 0 : s.customPermissions) || e.permissions || [], F = (s == null ? void 0 : s.permissionSetIds) || [];
       return {
         id: e.id,
         isOwner: e.doc.isOwner,
@@ -802,17 +806,17 @@ const zt = /* @__PURE__ */ Fe({
         phoneNumber: e.phoneNumber,
         email: e.email,
         permissions: U,
-        permissionSetIds: S,
+        permissionSetIds: F,
         posUser: e.doc.posUser ? {
-          code: ((T = e.doc.posUser) == null ? void 0 : T.code) ?? "",
-          name: ((ie = e.doc.posUser) == null ? void 0 : ie.name) ?? e.name,
-          passcode: ((xe = e.doc.posUser) == null ? void 0 : xe.passcode) ?? "",
-          roles: ((V = e.doc.posUser) == null ? void 0 : V.roles) ?? []
+          code: ((W = e.doc.posUser) == null ? void 0 : W.code) ?? "",
+          name: ((le = e.doc.posUser) == null ? void 0 : le.name) ?? e.name,
+          passcode: ((Pe = e.doc.posUser) == null ? void 0 : Pe.passcode) ?? "",
+          roles: ((xe = e.doc.posUser) == null ? void 0 : xe.roles) ?? []
         } : void 0
       };
     }
     function j(e) {
-      const s = b.getPermissionAssignmentByUserId(e.id), U = (s == null ? void 0 : s.customPermissions) || e.permissions || [], S = (s == null ? void 0 : s.permissionSetIds) || [];
+      const s = b.getPermissionAssignmentByUserId(e.id), U = (s == null ? void 0 : s.customPermissions) || e.permissions || [], F = (s == null ? void 0 : s.permissionSetIds) || [];
       return {
         id: e.id,
         isOwner: e.doc.isOwner,
@@ -820,105 +824,105 @@ const zt = /* @__PURE__ */ Fe({
         phoneNumber: e.phoneNumber,
         email: e.email,
         permissions: U,
-        permissionSetIds: S,
+        permissionSetIds: F,
         posUser: void 0
       };
     }
-    const z = v(!1);
+    const K = v(!1);
     let L = 0;
-    const G = async (e, s) => {
-      if (e == ye.Update) {
+    const z = async (e, s) => {
+      if (e == _e.Update) {
         const U = ++L;
-        oe.value = j(s), h.value = te.UPDATE, z.value = s.doc.hasPosUser === !0;
+        ne.value = j(s), y.value = te.UPDATE, K.value = s.doc.hasPosUser === !0;
         try {
-          const S = await Ue.readTeamMember(s.id);
+          const F = await Ue.readTeamMember(s.id);
           if (U !== L) return;
-          oe.value = X(S);
+          ne.value = X(F);
         } catch {
           if (U !== L) return;
           x.open({
             message: a("common.error"),
             type: "error"
-          }), ge();
+          }), he();
         } finally {
-          U === L && (z.value = !1);
+          U === L && (K.value = !1);
         }
       }
-      e == ye.Remove && t(s);
-    }, c = rs(), h = v(te.CLOSED), W = P(() => h.value !== te.CLOSED), he = P(() => h.value === te.ADD ? a("common.add") : a("common.update")), Re = P(() => h.value === te.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), oe = v();
+      e == _e.Remove && t(s);
+    }, c = is(), y = v(te.CLOSED), G = w(() => y.value !== te.CLOSED), ye = w(() => y.value === te.ADD ? a("common.add") : a("common.update")), Re = w(() => y.value === te.ADD ? a("team.actions.addMember") : a("team.actions.updateMember")), ne = v();
     function we() {
-      L++, z.value = !1, h.value = te.CLOSED;
+      L++, K.value = !1, y.value = te.CLOSED;
     }
-    const ve = bs(() => {
+    const ve = _s(() => {
       var e;
-      return ((e = de.value) == null ? void 0 : e.isModified()) ?? !1;
+      return ((e = ce.value) == null ? void 0 : e.isModified()) ?? !1;
     }, we);
-    function ge() {
+    function he() {
       ve();
     }
     const {
-      breakpoints: _e
-    } = is(), t = (e) => {
+      breakpoints: ge
+    } = us(), t = (e) => {
       c.open({
         title: a("team.actions.removeMember"),
         message: a("team.removeMember.confirmationMessage", {
           memberName: e.name
         }),
-        minWidth: _e.value.lg ? 588 : 0,
+        minWidth: ge.value.lg ? 588 : 0,
         primaryActions: {
           text: "Remove",
           close: !1,
           variant: "destructive",
-          isLoading: $e
+          isLoading: Ce
         },
         secondaryActions: {
           text: "Cancel",
           close: !0
         }
       }).onPrimary(async () => {
-        $e.value || (await B.minor(async () => {
+        Ce.value || (await B.minor(async () => {
           await Ue.deleteTeamMember(e.id), await Q();
         }, {
-          isLoading: $e,
+          isLoading: Ce,
           successMessage: a("team.removeMember.successMessage", {
             memberName: e.name
           })
         }), c.close());
       });
     }, f = () => {
-      oe.value = null, h.value = te.ADD;
-    }, I = v(), k = v(), R = v(), Z = P(() => {
+      ne.value = null, y.value = te.ADD;
+    }, I = v(), k = v(), $ = v(), Z = w(() => {
       var e;
       return JSON.stringify({
         businessId: ((e = d.currentBusiness.value) == null ? void 0 : e._id) ?? "",
-        search: K.value.trim(),
+        search: q.value.trim(),
         restaurantIds: [...I.value ?? []].sort(),
         permissionSubjects: [...k.value ?? []].sort(),
-        permissionSetIds: [...R.value ?? []].sort()
+        permissionSetIds: [...$.value ?? []].sort()
       });
-    }), ne = P(() => Object.values(ps).map((e) => ({
+    }), re = w(() => Object.values(vs).map((e) => ({
       label: e.label,
       value: e.subject
-    }))), re = P(() => p.permissionSets.value.map((e) => ({
+    }))), ie = w(() => p.permissionSets.value.map((e) => ({
       label: e.name,
       value: e.id
     })));
-    async function me() {
-      await M.readRoles();
+    async function de() {
+      await C.readRoles();
     }
-    async function se(e = y.value) {
-      var s, U, S;
+    async function se(e = _.value) {
+      var s, U, F;
       ee.value = !0;
       try {
-        const T = await Ue.readTeamMembersPage({
+        const W = await Ue.readTeamMembersPage({
           limit: be,
           offset: (e - 1) * be,
-          search: K.value.trim() || void 0,
+          search: q.value.trim() || void 0,
           restaurantIds: (s = I.value) != null && s.length ? I.value : void 0,
           permissionSubjects: (U = k.value) != null && U.length ? k.value : void 0,
-          permissionSetIds: (S = R.value) != null && S.length ? R.value : void 0
+          permissionSetIds: (F = $.value) != null && F.length ? $.value : void 0
         });
-        q.value = T.items, F.value = T.total;
+        T.value = W.items, V.value = W.total;
       } finally {
         ee.value = !1;
       }
@@ -926,18 +930,18 @@ const zt = /* @__PURE__ */ Fe({
     async function Q() {
       var s;
       if (!((s = d.currentBusiness.value) != null && s._id)) return;
-      await se(y.value);
-      const e = Math.max(1, Math.ceil(F.value / be));
-      y.value > e && (y.value = e, await se(y.value));
+      await se(_.value);
+      const e = Math.max(1, Math.ceil(V.value / be));
+      _.value > e && (_.value = e, await se(_.value));
     }
-    const de = v(), Y = v(!1), $e = v(!1);
-    async function Ye() {
-      if (!de.value) return;
-      const e = await de.value.validate();
+    const ce = v(), Y = v(!1), Ce = v(!1);
+    async function He() {
+      if (!ce.value) return;
+      const e = await ce.value.validate();
       if (!e) return;
-      const s = h.value === te.ADD;
+      const s = y.value === te.ADD;
       await B.minor(async () => {
-        await (s ? Ue.createTeamMember(e) : Ue.updateTeamMember(oe.value.id, e)), we(), await Oe(), await Q();
+        await (s ? Ue.createTeamMember(e) : Ue.updateTeamMember(ne.value.id, e)), we(), await Oe(), await Q();
       }, {
         successMessage: s ? a("team.addMember.successMessage", {
           memberName: e.name
@@ -945,41 +949,41 @@ const zt = /* @__PURE__ */ Fe({
           memberName: e.name
         }),
         isLoading: Y
-      }), h.value = te.CLOSED;
+      }), y.value = te.CLOSED;
     }
-    async function He() {
+    async function es() {
       await p.readPermissionSets();
     }
     async function Oe() {
       await b.readPermissionAssignments();
     }
-    let Ce = !1;
-    async function es({
+    let Me = !1;
+    async function ss({
       pageIndex: e
     }) {
       var s;
-      if ((s = d.currentBusiness.value) != null && s._id && !Ce && !(e === 0 && y.value === 1 && q.value.length > 0)) {
-        Ce = !0, y.value = e + 1;
+      if ((s = d.currentBusiness.value) != null && s._id && !Me && !(e === 0 && _.value === 1 && T.value.length > 0)) {
+        Me = !0, _.value = e + 1;
         try {
-          await se(y.value);
+          await se(_.value);
         } finally {
-          Ce = !1;
+          Me = !1;
         }
       }
     }
-    const ss = us(D, () => {
-      K.value = D.value;
+    const ts = ms(D, () => {
+      q.value = D.value;
     });
-    return ls(ss), ue(Z, async () => {
+    return os(ts), me(Z, async () => {
       var e;
-      y.value = 1, E.value = !1, (e = d.currentBusiness.value) != null && e._id && (await se(1), E.value = !0);
+      _.value = 1, E.value = !1, (e = d.currentBusiness.value) != null && e._id && (await se(1), E.value = !0);
     }, {
       immediate: !0
-    }), ue(d.currentBusiness, async () => {
+    }), me(d.currentBusiness, async () => {
       var e;
       if ((e = d.currentBusiness.value) != null && e._id)
         try {
-          await Promise.all([C.readRestaurants(), He(), Oe(), n(), me()]);
+          await Promise.all([R.readRestaurants(), es(), Oe(), n(), de()]);
         } catch (s) {
           console.error("Failed to load team member dependencies:", s), x.open({
             message: s instanceof Error ? s.message : String(s),
@@ -988,19 +992,19 @@ const zt = /* @__PURE__ */ Fe({
         }
     }, {
       immediate: !0
-    }), A({
+    }), O({
       create: f
     }), (e, s) => {
       var xe;
-      const U = w("FmSearch"), S = w("FmTable"), T = w("FmButton"), ie = w("FmSideSheet");
-      return g(), O(Ie, null, [i("div", Ut, [i("div", St, [o(_e).xs ? (g(), O("div", wt, [u(U, {
+      const U = S("FmSearch"), F = S("FmTable"), W = S("FmIcon"), le = S("FmButton"), Pe = S("FmSideSheet");
+      return h(), A(ke, null, [r("div", Ft, [r("div", St, [o(ge).xs ? (h(), A("div", Pt, [u(U, {
         modelValue: D.value,
-        "onUpdate:modelValue": s[4] || (s[4] = (V) => D.value = V),
+        "onUpdate:modelValue": s[4] || (s[4] = (N) => D.value = N),
         class: "w-[320px] xs:w-full xs:mt-8",
         placeholder: o(a)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"]), i("div", Pt, [u(fe, {
+      }, null, 8, ["modelValue", "placeholder"]), r("div", It, [u(fe, {
         modelValue: I.value,
-        "onUpdate:modelValue": s[5] || (s[5] = (V) => I.value = V),
+        "onUpdate:modelValue": s[5] || (s[5] = (N) => I.value = N),
         multiple: "",
         items: ae.value,
         variant: "dark",
@@ -1009,23 +1013,23 @@ const zt = /* @__PURE__ */ Fe({
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), u(fe, {
         modelValue: k.value,
-        "onUpdate:modelValue": s[6] || (s[6] = (V) => k.value = V),
+        "onUpdate:modelValue": s[6] || (s[6] = (N) => k.value = N),
         multiple: "",
         variant: "dark",
-        items: ne.value,
+        items: re.value,
         "selected-prefix": o(a)("team.filter.selected_permission_prefix"),
         placeholder: o(a)("team.filter.permission_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), u(fe, {
-        modelValue: R.value,
-        "onUpdate:modelValue": s[7] || (s[7] = (V) => R.value = V),
+        modelValue: $.value,
+        "onUpdate:modelValue": s[7] || (s[7] = (N) => $.value = N),
         multiple: "",
         variant: "dark",
-        items: re.value,
+        items: ie.value,
         "selected-prefix": o(a)("team.filter.selected_assigned_role_prefix"),
         placeholder: o(a)("team.filter.assigned_role_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (g(), O("div", Ft, [i("div", Vt, [u(fe, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])])) : (h(), A("div", Vt, [r("div", wt, [u(fe, {
         modelValue: I.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (V) => I.value = V),
+        "onUpdate:modelValue": s[0] || (s[0] = (N) => I.value = N),
         multiple: "",
         items: ae.value,
         variant: "dark",
@@ -1034,82 +1038,87 @@ const zt = /* @__PURE__ */ Fe({
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), u(fe, {
         modelValue: k.value,
-        "onUpdate:modelValue": s[1] || (s[1] = (V) => k.value = V),
+        "onUpdate:modelValue": s[1] || (s[1] = (N) => k.value = N),
         multiple: "",
         variant: "dark",
-        items: ne.value,
+        items: re.value,
         "selected-prefix": o(a)("team.filter.selected_permission_prefix"),
         placeholder: o(a)("team.filter.permission_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), u(fe, {
-        modelValue: R.value,
-        "onUpdate:modelValue": s[2] || (s[2] = (V) => R.value = V),
+        modelValue: $.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (N) => $.value = N),
         multiple: "",
         variant: "dark",
-        items: re.value,
+        items: ie.value,
         "selected-prefix": o(a)("team.filter.selected_assigned_role_prefix"),
         placeholder: o(a)("team.filter.assigned_role_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), u(U, {
         modelValue: D.value,
-        "onUpdate:modelValue": s[3] || (s[3] = (V) => D.value = V),
+        "onUpdate:modelValue": s[3] || (s[3] = (N) => D.value = N),
         class: "w-[320px] xs:w-full xs:mt-8",
         autofocus: "",
         placeholder: o(a)("team.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])), (xe = o(d).currentBusiness.value) != null && xe._id ? (g(), H(vs, {
+      }, null, 8, ["modelValue", "placeholder"])])), (xe = o(d).currentBusiness.value) != null && xe._id ? (h(), H(fs, {
         key: 2
       }, {
-        default: pe(() => [i("div", It, [E.value ? F.value === 0 ? (g(), H(o(hs), {
+        default: ue(() => [r("div", kt, [E.value ? V.value === 0 ? (h(), H(o(hs), {
           key: 1,
           title: o(a)("team.emptyState.title"),
           subtitle: o(a)("team.emptyState.description")
-        }, null, 8, ["title", "subtitle"])) : J("", !0) : (g(), H(fs, {
+        }, null, 8, ["title", "subtitle"])) : J("", !0) : (h(), H(bs, {
           key: 0
-        })), E.value ? (g(), H(S, {
+        })), E.value ? (h(), H(F, {
           key: Z.value,
-          "column-defs": _,
-          "row-data": q.value,
+          "column-defs": g,
+          "row-data": T.value,
           "page-size": be,
-          "page-count": Math.ceil(F.value / be),
-          "row-count": F.value,
-          "fetch-fn": es,
-          "hide-footer": F.value <= be,
+          "page-count": Math.ceil(V.value / be),
+          "row-count": V.value,
+          "fetch-fn": ss,
+          "hide-footer": V.value <= be,
           loading: ee.value,
           "pin-header-row": "",
-          onRowClick: s[8] || (s[8] = (V) => G(o(ye).Update, V.original))
+          onRowClick: s[8] || (s[8] = (N) => z(o(_e).Update, N.original))
         }, null, 8, ["row-data", "page-count", "row-count", "hide-footer", "loading"])) : J("", !0)])]),
         _: 1
-      })) : J("", !0)])]), u(ie, {
-        header: Re.value,
-        "model-value": W.value,
+      })) : J("", !0)])]), u(Pe, {
+        "model-value": G.value,
         "max-width": 960,
-        "onOn:clickedAway": o(ve),
-        "onOn:close": o(ve)
+        "close-button": !1,
+        "onOn:clickedAway": o(ve)
       }, {
-        "side-sheet-footer": pe(() => [i("div", kt, [u(T, {
-          label: he.value,
+        "side-sheet-header": ue(() => [r("div", $t, [r("p", Rt, P(Re.value), 1), u(W, {
+          name: "close",
+          size: "md",
+          class: "cursor-pointer",
+          onClick: o(ve)
+        }, null, 8, ["onClick"])])]),
+        "side-sheet-footer": ue(() => [r("div", Ct, [u(le, {
+          label: ye.value,
           size: "md",
           variant: "primary",
           "is-loading": Y.value,
           disabled: Y.value,
-          onClick: Se(Ye, ["prevent"])
-        }, null, 8, ["label", "is-loading", "disabled"]), u(T, {
+          onClick: Fe(He, ["prevent"])
+        }, null, 8, ["label", "is-loading", "disabled"]), u(le, {
           label: o(a)("common.cancel"),
           size: "md",
           variant: "secondary",
           disabled: Y.value,
-          onClick: ge
+          onClick: he
         }, null, 8, ["label", "disabled"])])]),
-        default: pe(() => [u(xt, {
+        default: ue(() => [u(Ut, {
           ref_key: "memberForm",
-          ref: de,
-          initialValue: oe.value,
-          loading: z.value,
+          ref: ce,
+          initialValue: ne.value,
+          loading: K.value,
           class: "gap-8"
         }, null, 8, ["initialValue", "loading"])]),
         _: 1
-      }, 8, ["header", "model-value", "onOn:clickedAway", "onOn:close"])], 64);
+      }, 8, ["model-value", "onOn:clickedAway"])], 64);
     };
   }
 });
 export {
-  zt as default
+  Jt as default
 };