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

package/dist/{TeamMemberList-HkvCqzPj.js → TeamMemberList-D__tUUst.js}

@@ -1,27 +1,27 @@
-import { defineComponent as se, ref as x, resolveComponent as _, createBlock as $, openBlock as p, withCtx as L, createElementVNode as r, renderSlot as fe, createCommentVNode as W, withModifiers as we, nextTick as ke, createElementBlock as j, normalizeClass as $e, createTextVNode as Pe, toDisplayString as D, computed as C, Fragment as ie, renderList as ve, createVNode as i, unref as n, watch as Ie, isRef as be, createSlots as Oe } from "vue";
+import { defineComponent as ae, ref as V, resolveComponent as _, createBlock as $, openBlock as d, withCtx as L, createElementVNode as r, renderSlot as ve, createCommentVNode as W, withModifiers as we, nextTick as ke, createElementBlock as j, normalizeClass as $e, createTextVNode as Pe, toDisplayString as D, computed as C, Fragment as ie, renderList as be, createVNode as i, unref as n, watch as Ie, isRef as ye, createSlots as Oe } from "vue";
 import { useI18n as ue, useCoreStore as me, baseClientInstance as _e, RestaurantSelector as ge } from "@feedmepos/mf-common";
 import { useBreakpoints as Me, useSnackbar as Ce, useDialog as Ae, components as xe } from "@feedmepos/ui-library";
 import { _ as Ee, S as Ve } from "./SelectFilter-NbXrJ4iH.js";
-import { s as Le, w as je, _ as Te } from "./app-DKSPx49S.js";
+import { s as Le, w as je, _ as Te } from "./app-c-GiPrdn.js";
 import { _ as ze } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
 import { u as Re } from "./useSearch-B6WK1LBB.js";
-import { u as Ke } from "./useLoading-D2AX24ph.js";
-import { g as Fe, l as Ne, u as Be, m as Ge, n as qe, o as ce, v as Se, w as We, x as Je, y as Qe, t as de } from "./index-D09s817L.js";
-import "./index-BwyUbhZj.js";
-import { u as De } from "./useAppStore-DfaKfSuR.js";
+import { u as Ke } from "./useLoading-DB77wFeJ.js";
+import { g as Fe, l as Ne, u as Be, m as Ge, n as qe, o as de, v as Se, w as We, x as Je, y as Qe, t as pe } from "./index-DSwL5tAm.js";
+import "./index-AdCh0qd6.js";
+import { u as De } from "./useAppStore-D1eLjzj4.js";
 /* empty css                                                                            */
-import { _ as Xe, a as Ye } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-BA1LS-wd.js";
-import { u as Ze } from "./team-DEjtUFVl.js";
-const He = /* @__PURE__ */ se({
+import { _ as Xe, a as Ye } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DXsl8Y5d.js";
+import { u as Ze } from "./team-Fs4KPQg5.js";
+const He = /* @__PURE__ */ ae({
   __name: "BottomSheetMenu",
   setup(s) {
-    const u = x(!1);
+    const u = V(!1);
     async function e() {
       await ke(), u.value = !u.value;
     }
     return (y, m) => {
       const O = _("FmButton"), P = _("FmBottomSheet");
-      return p(), $(P, {
+      return d(), $(P, {
         modelValue: u.value,
         "onUpdate:modelValue": m[1] || (m[1] = (h) => u.value = h),
         "dismiss-away": "",
@@ -29,26 +29,26 @@ const He = /* @__PURE__ */ se({
         "z-index": 110
       }, {
         "bottom-sheet-button": L(() => [
-          y.$slots.button ? W("", !0) : (p(), $(O, {
+          y.$slots.button ? W("", !0) : (d(), $(O, {
             key: 0,
             icon: "more_vert",
             variant: "tertiary",
             onClick: we(e, ["stop"])
           })),
-          fe(y.$slots, "button")
+          ve(y.$slots, "button")
         ]),
         default: L(() => [
           r("div", {
             onClick: m[0] || (m[0] = (h) => u.value = !1)
           }, [
-            fe(y.$slots, "default")
+            ve(y.$slots, "default")
           ])
         ]),
         _: 3
       }, 8, ["modelValue"]);
     };
   }
-}), et = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, tt = /* @__PURE__ */ se({
+}), et = { class: "py-8 px-12 hover:bg-fm-color-neutral-gray-100" }, tt = /* @__PURE__ */ ae({
   __name: "BottomSheetMenuItem",
   props: {
     label: {},
@@ -60,8 +60,8 @@ const He = /* @__PURE__ */ se({
     const u = s;
     return (e, y) => {
       const m = _("FmIcon");
-      return p(), j("div", et, [
-        e.$slots.content ? W("", !0) : (p(), j("div", {
+      return d(), j("div", et, [
+        e.$slots.content ? W("", !0) : (d(), j("div", {
           key: 0,
           class: $e(["flex items-center", {
             "text-fm-color-typo-disabled": u.disabled,
@@ -70,17 +70,17 @@ const He = /* @__PURE__ */ se({
             [u.itemClass || ""]: u.itemClass && !u.disabled
           }])
         }, [
-          s.icon ? (p(), $(m, {
+          s.icon ? (d(), $(m, {
             key: 0,
             name: s.icon
           }, null, 8, ["name"])) : W("", !0),
           Pe(" " + D(s.label), 1)
         ], 2)),
-        fe(e.$slots, "content")
+        ve(e.$slots, "content")
       ]);
     };
   }
-}), st = /* @__PURE__ */ se({
+}), st = /* @__PURE__ */ ae({
   __name: "ResponsiveContextMenu",
   props: {
     items: {}
@@ -89,21 +89,21 @@ const He = /* @__PURE__ */ se({
     const u = Me(), e = C(() => u.breakpoints.value.xs);
     return (y, m) => {
       const O = _("FmButton"), P = _("FmMenuItem"), h = _("FmMenu");
-      return e.value ? (p(), $(He, { key: 0 }, {
+      return e.value ? (d(), $(He, { key: 0 }, {
         default: L(() => [
-          (p(!0), j(ie, null, ve(s.items, ({ icon: b, label: c, disabled: V, itemClass: R, onClick: N }) => (p(), $(tt, {
+          (d(!0), j(ie, null, be(s.items, ({ icon: v, label: c, disabled: g, itemClass: R, onClick: N }) => (d(), $(tt, {
             key: c,
-            icon: b,
+            icon: v,
             label: c,
-            disabled: V,
+            disabled: g,
             itemClass: R,
             onClick: () => {
-              !V && (N == null || N());
+              !g && (N == null || N());
             }
           }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (p(), $(h, {
+      })) : (d(), $(h, {
         key: 1,
         "stop-click-propagation": "",
         shift: !0
@@ -118,18 +118,18 @@ const He = /* @__PURE__ */ se({
           })
         ]),
         default: L(() => [
-          (p(!0), j(ie, null, ve(s.items, ({ label: b, disabled: c, itemClass: V, onClick: R }) => (p(), $(P, {
-            key: b,
+          (d(!0), j(ie, null, be(s.items, ({ label: v, disabled: c, itemClass: g, onClick: R }) => (d(), $(P, {
+            key: v,
             disabled: c,
-            label: b,
+            label: v,
             onClick: () => {
               !c && (R == null || R());
             }
           }, {
             label: L(() => [
               r("span", {
-                class: $e(c ? "text-fm-color-typo-disabled" : V)
-              }, D(b), 3)
+                class: $e(c ? "text-fm-color-typo-disabled" : g)
+              }, D(v), 3)
             ]),
             _: 2
           }, 1032, ["disabled", "label", "onClick"]))), 128))
@@ -140,7 +140,7 @@ const He = /* @__PURE__ */ se({
   }
 });
 var re = /* @__PURE__ */ ((s) => (s.Update = "Update", s.Remove = "Remove", s))(re || {});
-const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-center gap-16" }, ot = { class: "space-y-4 min-w-0 flex-1" }, nt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, rt = { class: "fm-typo-en-body-lg-600 truncate" }, it = { class: "w-full flex gap-16 items-center" }, mt = { class: "flex-1 flex flex-col gap-4 min-w-0" }, ut = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ct = { class: "fm-typo-en-body-lg-600 truncate" }, dt = { class: "flex-1 flex flex-col gap-4 min-w-0" }, pt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ft = { class: "fm-typo-en-body-lg-600 truncate" }, vt = /* @__PURE__ */ se({
+const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-center gap-16" }, ot = { class: "space-y-4 min-w-0 flex-1" }, nt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, rt = { class: "fm-typo-en-body-lg-600 truncate" }, it = { class: "w-full flex gap-16 items-center" }, mt = { class: "flex-1 flex flex-col gap-4 min-w-0" }, ut = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ct = { class: "fm-typo-en-body-lg-600 truncate" }, dt = { class: "flex-1 flex flex-col gap-4 min-w-0" }, pt = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, ft = { class: "fm-typo-en-body-lg-600 truncate" }, vt = /* @__PURE__ */ ae({
   __name: "MemberInfo",
   props: {
     data: {}
@@ -149,7 +149,7 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
     const { t: u } = ue();
     return (e, y) => {
       const m = _("FmAvatar");
-      return p(), j("div", at, [
+      return d(), j("div", at, [
         r("div", lt, [
           i(m, {
             size: "xl",
@@ -191,43 +191,43 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
 }, bt = { class: "flex flex-col gap-24 w-full" }, yt = {
   key: 0,
   class: "flex flex-col gap-8"
-}, ht = { class: "user-info-icon user-info-icon--lg" }, _t = { class: "flex-1 overflow-hidden" }, gt = { class: "profile-displayName" }, xt = { class: "profile-email" }, Vt = { class: "profile-phone" }, Ft = { key: 2 }, St = /* @__PURE__ */ se({
+}, ht = { class: "user-info-icon user-info-icon--lg" }, _t = { class: "flex-1 overflow-hidden" }, gt = { class: "profile-displayName" }, xt = { class: "profile-email" }, Vt = { class: "profile-phone" }, Ft = { key: 2 }, St = /* @__PURE__ */ ae({
   __name: "PortalUserSearcher",
   emits: ["invite"],
   setup(s, { emit: u }) {
-    const e = u, { t: y } = ue(), m = Ce(), O = me(), P = x("phone"), h = x(""), b = x(""), c = x();
-    async function V() {
-      if (!h.value && !b.value) {
+    const e = u, { t: y } = ue(), m = Ce(), O = me(), P = V("phone"), h = V(""), v = V(""), c = V();
+    async function g() {
+      if (!h.value && !v.value) {
         m.open({
           type: "error",
           title: y("team.memberForm.searchUser.emptyError")
         });
         return;
       }
-      const g = P.value === "phone" ? await Ue.readPermissionUserByPhoneNo(h.value.replace(/ /g, "")) : await Ue.readPermissionUserByEmail(b.value);
-      g || m.open({
+      const x = P.value === "phone" ? await Ue.readPermissionUserByPhoneNo(h.value.replace(/ /g, "")) : await Ue.readPermissionUserByEmail(v.value);
+      x || m.open({
         type: "error",
         title: y("team.memberForm.searchUser.userNotFound")
-      }), c.value = g;
+      }), c.value = x;
     }
     const R = C(() => {
       var S;
-      let g = ((S = c.value) == null ? void 0 : S.displayName) ?? "";
-      g || (g = "Feed Me");
-      const [F, T] = g.split(" ");
+      let x = ((S = c.value) == null ? void 0 : S.displayName) ?? "";
+      x || (x = "Feed Me");
+      const [F, T] = x.split(" ");
       return T ? `${F[0]}${T[0]}` : F.slice(0, 2);
-    }), N = x(!1);
-    function ae(g) {
-      e("invite", g), N.value = !0;
+    }), N = V(!1);
+    function le(x) {
+      e("invite", x), N.value = !0;
     }
-    function le() {
+    function oe() {
       N.value = !1;
     }
-    return (g, F) => {
+    return (x, F) => {
       var I, z, K;
       const T = _("FmRadio"), S = _("FmPhoneNumber"), a = _("FmTextField"), o = _("FmRadioGroup"), U = _("FmButton");
-      return p(), j("div", bt, [
-        N.value ? W("", !0) : (p(), j("div", yt, [
+      return d(), j("div", bt, [
+        N.value ? W("", !0) : (d(), j("div", yt, [
           i(o, {
             modelValue: P.value,
             "onUpdate:modelValue": F[2] || (F[2] = (M) => P.value = M)
@@ -237,7 +237,7 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
                 value: "phone",
                 label: n(y)("team.memberForm.searchUser.phoneNumber")
               }, null, 8, ["label"]),
-              P.value === "phone" ? (p(), $(S, {
+              P.value === "phone" ? (d(), $(S, {
                 key: 0,
                 modelValue: h.value,
                 "onUpdate:modelValue": F[0] || (F[0] = (M) => h.value = M),
@@ -248,10 +248,10 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
                 value: "email",
                 label: n(y)("team.memberForm.searchUser.email")
               }, null, 8, ["label"]),
-              P.value === "email" ? (p(), $(a, {
+              P.value === "email" ? (d(), $(a, {
                 key: 1,
-                modelValue: b.value,
-                "onUpdate:modelValue": F[1] || (F[1] = (M) => b.value = M),
+                modelValue: v.value,
+                "onUpdate:modelValue": F[1] || (F[1] = (M) => v.value = M),
                 placeholder: n(y)("team.memberForm.searchUser.emailPlaceholder"),
                 class: "ml-8"
               }, null, 8, ["modelValue", "placeholder"])) : W("", !0)
@@ -261,13 +261,13 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
           i(U, {
             label: n(y)("team.memberForm.searchUser.search"),
             variant: "secondary",
-            onClick: V
+            onClick: g
           }, null, 8, ["label"])
         ])),
-        c.value ? (p(), j("div", {
+        c.value ? (d(), j("div", {
           key: 1,
           class: "profile-menu--profile cursor-pointer hover:bg-fm-color-opacity-sm",
-          onClick: F[3] || (F[3] = (M) => ae(c.value))
+          onClick: F[3] || (F[3] = (M) => le(c.value))
         }, [
           r("div", ht, D(R.value), 1),
           r("div", _t, [
@@ -276,17 +276,17 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
             r("p", Vt, D((K = c.value) == null ? void 0 : K.phoneNumber), 1)
           ])
         ])) : W("", !0),
-        N.value ? (p(), j("div", Ft, [
+        N.value ? (d(), j("div", Ft, [
           i(U, {
             label: n(y)("team.memberForm.searchUser.changeUser"),
             variant: "secondary",
-            onClick: le
+            onClick: oe
           }, null, 8, ["label"])
         ])) : W("", !0)
       ]);
     };
   }
-}), Ut = /* @__PURE__ */ Ee(St, [["__scopeId", "data-v-c2c7ed35"]]), wt = { class: "flex flex-col gap-40" }, kt = { class: "flex items-center" }, $t = { class: "flex-1 flex flex-col" }, Pt = { class: "fm-typo-en-title-sm-600" }, It = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mt = { class: "flex flex-row gap-16" }, Ct = { class: "flex flex-col gap-8" }, Rt = { class: "fm-typo-en-body-lg-400" }, Nt = { class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200" }, pe = 4, Bt = /* @__PURE__ */ se({
+}), Ut = /* @__PURE__ */ Ee(St, [["__scopeId", "data-v-c2c7ed35"]]), wt = { class: "flex flex-col gap-40" }, kt = { class: "flex items-center" }, $t = { class: "flex-1 flex flex-col" }, Pt = { class: "fm-typo-en-title-sm-600" }, It = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mt = { class: "flex flex-row gap-16" }, Ct = { class: "flex flex-col gap-8" }, Rt = { class: "fm-typo-en-body-lg-400" }, Nt = { class: "p-16 fm-corner-radius-lg border border-fm-color-neutral-gray-200" }, fe = 4, Bt = /* @__PURE__ */ ae({
   __name: "TeamMemberMasterUser",
   props: {
     modelValue: {
@@ -312,18 +312,18 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
   },
   emits: ["update:model-value"],
   setup(s, { emit: u }) {
-    const e = s, y = u, { t: m } = ue(), { searchKey: O, filter: P } = Re(""), h = x(!0), b = x([]), c = C(() => {
+    const e = s, y = u, { t: m } = ue(), { searchKey: O, filter: P } = Re(""), h = V(!0), v = V([]), c = C(() => {
       const a = {};
       return e.roles.forEach((o) => {
         a[o.value] = o.label;
       }), a;
-    }), V = C(() => {
+    }), g = C(() => {
       var o;
       const a = {};
       return (o = e.modelValue) == null || o.roles.forEach((U) => {
         a[U.restaurantId] = U.roleId;
       }), a;
-    }), R = C(() => e.restaurants.filter((a) => P([a.profile.name, a.profile.code, ae(a._id)])).map((a) => ({
+    }), R = C(() => e.restaurants.filter((a) => P([a.profile.name, a.profile.code, le(a._id)])).map((a) => ({
       label: `${a.profile.code ? a.profile.code + "-" : ""}${a.profile.name}`,
       value: a._id,
       slot: `checkbox-${a._id}-bottom`,
@@ -333,11 +333,11 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
       const a = e.roles.find((o) => !o.disabled);
       return a ? a.value : null;
     });
-    function ae(a) {
-      const o = V.value[a] ?? "";
+    function le(a) {
+      const o = g.value[a] ?? "";
       return c.value[o] || "";
     }
-    function le(a) {
+    function oe(a) {
       a ? e.modelValue || y("update:model-value", {
         code: "",
         name: e.fallbackName,
@@ -345,14 +345,14 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
         passcode: e.fallbackPasscode || ""
       }) : y("update:model-value", void 0);
     }
-    function g(a, o) {
+    function x(a, o) {
       if (!e.modelValue || a === "passcode" && e.modelValue.passcode === o)
         return;
       const U = Ne(e.modelValue);
       U[a] = o, y("update:model-value", U);
     }
     function F(a) {
-      g(
+      x(
         "roles",
         a.map((o) => {
           var z, K, M;
@@ -365,7 +365,7 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
       );
     }
     function T(a, o) {
-      g("roles", [
+      x("roles", [
         ...e.modelValue.roles.filter(
           (U) => U.restaurantId !== a
         ),
@@ -376,7 +376,7 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
       ]);
     }
     function S() {
-      h.value && (h.value = !1, b.value = [], g("passcode", ""));
+      h.value && (h.value = !1, v.value = [], x("passcode", ""));
     }
     return Ie(
       () => {
@@ -384,12 +384,12 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
         return (a = e.modelValue) == null ? void 0 : a.passcode;
       },
       (a) => {
-        a && a.length === pe ? (b.value = a.split(""), h.value = !0) : (b.value = [], h.value = !1);
+        a && a.length === fe ? (v.value = a.split(""), h.value = !0) : (v.value = [], h.value = !1);
       },
       { immediate: !0 }
     ), (a, o) => {
       const U = _("FmSwitch"), I = _("FmTextField"), z = _("FmPinField"), K = _("FmFormGroup"), M = _("FmSearch"), G = _("FmSelect");
-      return p(), j("div", wt, [
+      return d(), j("div", wt, [
         r("div", kt, [
           r("div", $t, [
             r("div", Pt, D(n(m)("team.memberForm.masterUser.title")), 1),
@@ -399,42 +399,42 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
             i(U, {
               "model-value": !!s.modelValue,
               value: "master-user",
-              "onUpdate:modelValue": le
+              "onUpdate:modelValue": oe
             }, null, 8, ["model-value"])
           ])
         ]),
-        s.modelValue ? (p(), j(ie, { key: 0 }, [
+        s.modelValue ? (d(), j(ie, { key: 0 }, [
           r("div", Mt, [
             i(I, {
               "model-value": s.modelValue.code,
               label: n(m)("team.memberForm.masterUser.code"),
-              "onUpdate:modelValue": o[0] || (o[0] = (f) => g("code", f))
+              "onUpdate:modelValue": o[0] || (o[0] = (p) => x("code", p))
             }, null, 8, ["model-value", "label"]),
             i(I, {
               "model-value": s.modelValue.name,
               class: "w-full",
               label: n(m)("team.memberForm.masterUser.name"),
-              rules: [(f) => !!f || n(m)("team.memberForm.masterUser.nameEmptyError")],
-              "onUpdate:modelValue": o[1] || (o[1] = (f) => g("name", f))
+              rules: [(p) => !!p || n(m)("team.memberForm.masterUser.nameEmptyError")],
+              "onUpdate:modelValue": o[1] || (o[1] = (p) => x("name", p))
             }, null, 8, ["model-value", "label", "rules"])
           ]),
           r("div", Ct, [
             r("div", Rt, D(n(m)("team.memberForm.masterUser.passcode")), 1),
             i(K, {
-              modelValue: b.value,
-              "onUpdate:modelValue": o[4] || (o[4] = (f) => b.value = f),
+              modelValue: v.value,
+              "onUpdate:modelValue": o[4] || (o[4] = (p) => v.value = p),
               rules: [
-                (f) => (f == null ? void 0 : f.filter((v) => !!v).length) !== pe ? n(m)("team.memberForm.masterUser.passcodeRequired") : !0
+                (p) => (p == null ? void 0 : p.filter((b) => !!b).length) !== fe ? n(m)("team.memberForm.masterUser.passcodeRequired") : !0
               ]
             }, {
               default: L(() => [
-                (p(), $(z, {
+                (d(), $(z, {
                   key: `pin-field-${h.value}`,
-                  modelValue: b.value,
-                  "onUpdate:modelValue": o[2] || (o[2] = (f) => b.value = f),
-                  length: pe,
+                  modelValue: v.value,
+                  "onUpdate:modelValue": o[2] || (o[2] = (p) => v.value = p),
+                  length: fe,
                   masked: h.value,
-                  onComplete: o[3] || (o[3] = (f) => g("passcode", f)),
+                  onComplete: o[3] || (o[3] = (p) => x("passcode", p)),
                   onFocus: S
                 }, null, 8, ["modelValue", "masked"]))
               ]),
@@ -444,27 +444,27 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
           r("div", Nt, [
             i(M, {
               modelValue: n(O),
-              "onUpdate:modelValue": o[5] || (o[5] = (f) => be(O) ? O.value = f : null),
+              "onUpdate:modelValue": o[5] || (o[5] = (p) => ye(O) ? O.value = p : null),
               placeholder: n(m)("team.memberForm.posRole.placeholder"),
               class: "mb-16"
             }, null, 8, ["modelValue", "placeholder"]),
             i(Xe, {
-              "model-value": s.modelValue.roles.map((f) => f.restaurantId),
+              "model-value": s.modelValue.roles.map((p) => p.restaurantId),
               options: R.value,
               min: 1,
               title: n(m)("team.memberForm.masterUser.role"),
               "onUpdate:modelValue": F
             }, Oe({ _: 2 }, [
-              ve(R.value, (f) => ({
-                name: f.slot,
+              be(R.value, (p) => ({
+                name: p.slot,
                 fn: L(() => {
-                  var v;
+                  var b;
                   return [
                     r("div", null, [
                       i(G, {
-                        "model-value": ((v = s.modelValue.roles.find((d) => d.restaurantId === f.value)) == null ? void 0 : v.roleId) || N.value,
-                        items: f.roleOptions,
-                        "onUpdate:modelValue": (d) => T(f.value, d)
+                        "model-value": ((b = s.modelValue.roles.find((f) => f.restaurantId === p.value)) == null ? void 0 : b.roleId) || N.value,
+                        items: p.roleOptions,
+                        "onUpdate:modelValue": (f) => T(p.value, f)
                       }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
                     ])
                   ];
@@ -476,7 +476,7 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
       ]);
     };
   }
-}), Dt = { class: "flex flex-col gap-32" }, Ot = { class: "flex w-full" }, At = /* @__PURE__ */ se({
+}), Dt = { class: "flex flex-col gap-32" }, Ot = { class: "flex w-full" }, At = /* @__PURE__ */ ae({
   __name: "AddMemberForm",
   props: {
     initialValue: {
@@ -488,109 +488,109 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
     }
   },
   setup(s, { expose: u }) {
-    var M, G, f;
-    const e = s, { t: y } = ue(), m = x(), O = Be(), P = C(
-      () => O.permissionSets.value.map((v) => ({
-        label: v.name,
-        value: v.id
+    var M, G, p;
+    const e = s, { t: y } = ue(), m = V(), O = Be(), P = C(
+      () => O.permissionSets.value.map((b) => ({
+        label: b.name,
+        value: b.id
       }))
-    ), h = x(((M = e.initialValue) == null ? void 0 : M.permissionSetIds) || []), b = C(
+    ), h = V(((M = e.initialValue) == null ? void 0 : M.permissionSetIds) || []), v = C(
       () => Ge(h.value, O.permissionSets.value)
-    ), c = x((G = e.initialValue) == null ? void 0 : G.posUser), V = x(
+    ), c = V((G = e.initialValue) == null ? void 0 : G.posUser), g = V(
       qe(
-        ce(b.value),
-        ((f = e.initialValue) == null ? void 0 : f.permissions) || []
+        de(v.value),
+        ((p = e.initialValue) == null ? void 0 : p.permissions) || []
       )
-    ), { restaurants: R } = me(), N = De().roles, ae = C(() => Se(V.value)), le = C(() => {
-      const v = ae.value;
+    ), { restaurants: R } = me(), N = De().roles, le = C(() => Se(g.value)), oe = C(() => {
+      const b = le.value;
       return N.value.map(
-        (d) => ({
-          label: d.name,
-          value: d._id,
-          disabled: !!v && !v.includes(d._id)
+        (f) => ({
+          label: f.name,
+          value: f._id,
+          disabled: !!b && !b.includes(f._id)
         })
       );
     });
-    function g(v) {
-      m.value = v;
+    function x(b) {
+      m.value = b;
     }
-    function F(v) {
-      c.value = U(c.value, v);
+    function F(b) {
+      c.value = U(c.value, b);
     }
     function T() {
-      const v = ce(b.value), d = We(V.value);
-      return Je(v, d);
+      const b = de(v.value), f = We(g.value);
+      return Je(b, f);
     }
     function S() {
-      var d, A, J, B, Y, te, oe, Z, H, q;
-      const v = T();
+      var A, J, B, Y, se, ne, Z, H, q, ce;
+      const b = T(), f = g.value.filter((ee) => !ee.inverted);
       return {
-        email: ((d = m.value) == null ? void 0 : d.email) ?? void 0,
-        phoneNumber: ((A = m.value) == null ? void 0 : A.phoneNumber) ?? void 0,
-        customPermissions: v,
+        email: ((A = m.value) == null ? void 0 : A.email) ?? void 0,
+        phoneNumber: ((J = m.value) == null ? void 0 : J.phoneNumber) ?? void 0,
+        customPermissions: b,
         // Deprecated: keep for backward compatibility, will be removed in the future
-        permissions: v.map((ne) => ({
-          ...ne,
-          subject: Le(ne.subject)
+        permissions: f.map((ee) => ({
+          ...ee,
+          subject: Le(ee.subject)
         })),
         permissionSetIds: h.value,
-        name: ((J = m.value) == null ? void 0 : J.displayName) || ((B = e.initialValue) == null ? void 0 : B.name) || "",
+        name: ((B = m.value) == null ? void 0 : B.displayName) || ((Y = e.initialValue) == null ? void 0 : Y.name) || "",
         posUser: c.value ? {
           ...c.value,
-          name: c.value.name || ((te = (Y = e.initialValue) == null ? void 0 : Y.posUser) == null ? void 0 : te.name) || ((oe = e.initialValue) == null ? void 0 : oe.name) || ((Z = m.value) == null ? void 0 : Z.displayName) || "",
-          code: c.value.code || ((q = (H = e.initialValue) == null ? void 0 : H.posUser) == null ? void 0 : q.code) || "",
+          name: c.value.name || ((ne = (se = e.initialValue) == null ? void 0 : se.posUser) == null ? void 0 : ne.name) || ((Z = e.initialValue) == null ? void 0 : Z.name) || ((H = m.value) == null ? void 0 : H.displayName) || "",
+          code: c.value.code || ((ce = (q = e.initialValue) == null ? void 0 : q.posUser) == null ? void 0 : ce.code) || "",
           passcode: c.value.passcode,
-          roles: c.value.roles.filter((ne) => !!ne.roleId)
+          roles: c.value.roles.filter((ee) => !!ee.roleId)
         } : void 0
       };
     }
-    const a = x();
+    const a = V();
     function o() {
-      V.value = ce(b.value);
+      g.value = de(v.value);
     }
-    function U(v, d) {
-      if (!v) return;
-      const A = Se(d);
-      if (!A) return v;
-      const J = Ne(v);
+    function U(b, f) {
+      if (!b) return;
+      const A = Se(f);
+      if (!A) return b;
+      const J = Ne(b);
       return J.roles = J.roles.reduce((B, Y) => (A.includes(Y.roleId) && B.push(Y), B), []), J;
     }
     async function I() {
       await ke(), a.value && a.value.$el.scrollIntoView({ behavior: "smooth", block: "start" });
     }
-    const z = x();
+    const z = V();
     async function K() {
       return (await z.value.validateInputsWithoutSubmit()).length ? null : S();
     }
     return u({
       readFormData: S,
       validate: K
-    }), (v, d) => {
+    }), (b, f) => {
       const A = _("FmSelect"), J = _("FmForm");
-      return p(), $(J, {
+      return d(), $(J, {
         ref_key: "formRef",
         ref: z,
         class: "mx-4"
       }, {
         default: L(() => {
-          var B, Y, te, oe, Z, H;
+          var B, Y, se, ne, Z, H;
           return [
             r("div", Dt, [
               r("div", Ot, [
-                s.initialValue ? (p(), $(vt, {
+                s.initialValue ? (d(), $(vt, {
                   key: 1,
                   data: s.initialValue
-                }, null, 8, ["data"])) : (p(), $(Ut, {
+                }, null, 8, ["data"])) : (d(), $(Ut, {
                   key: 0,
-                  onInvite: d[0] || (d[0] = (q) => g(q))
+                  onInvite: f[0] || (f[0] = (q) => x(q))
                 }))
               ]),
-              m.value || s.initialValue ? (p(), j(ie, { key: 0 }, [
-                (B = s.initialValue) != null && B.isOwner ? W("", !0) : (p(), $(A, {
+              m.value || s.initialValue ? (d(), j(ie, { key: 0 }, [
+                (B = s.initialValue) != null && B.isOwner ? W("", !0) : (d(), $(A, {
                   key: 0,
                   modelValue: h.value,
                   "onUpdate:modelValue": [
-                    d[1] || (d[1] = (q) => h.value = q),
+                    f[1] || (f[1] = (q) => h.value = q),
                     o
                   ],
                   multiselect: "",
@@ -600,11 +600,11 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
                   label: n(y)("team.memberForm.permissionSet.title"),
                   placeholder: n(y)("team.memberForm.permissionSet.selectPlaceholder")
                 }, null, 8, ["modelValue", "items", "label", "placeholder"])),
-                (Y = s.initialValue) != null && Y.isOwner ? W("", !0) : (p(), $(Ye, {
+                (Y = s.initialValue) != null && Y.isOwner ? W("", !0) : (d(), $(Ye, {
                   key: 1,
-                  modelValue: V.value,
-                  "onUpdate:modelValue": d[2] || (d[2] = (q) => V.value = q),
-                  "inherit-permissions": b.value,
+                  modelValue: g.value,
+                  "onUpdate:modelValue": f[2] || (f[2] = (q) => g.value = q),
+                  "inherit-permissions": v.value,
                   onPermissionChanged: F
                 }, null, 8, ["modelValue", "inherit-permissions"])),
                 i(Bt, {
@@ -612,12 +612,12 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
                   ref: a,
                   modelValue: c.value,
                   "onUpdate:modelValue": [
-                    d[3] || (d[3] = (q) => c.value = q),
+                    f[3] || (f[3] = (q) => c.value = q),
                     I
                   ],
-                  "fallback-name": ((te = s.initialValue) == null ? void 0 : te.name) || ((oe = m.value) == null ? void 0 : oe.displayName) || "",
+                  "fallback-name": ((se = s.initialValue) == null ? void 0 : se.name) || ((ne = m.value) == null ? void 0 : ne.displayName) || "",
                   "fallback-passcode": (H = (Z = s.initialValue) == null ? void 0 : Z.posUser) == null ? void 0 : H.passcode,
-                  roles: le.value,
+                  roles: oe.value,
                   restaurants: n(R)
                 }, null, 8, ["modelValue", "fallback-name", "fallback-passcode", "roles", "restaurants"])
               ], 64)) : W("", !0)
@@ -646,30 +646,30 @@ const at = { class: "w-full flex flex-col gap-16" }, lt = { class: "flex items-c
 var X = /* @__PURE__ */ function(s) {
   return s[s.ADD = 0] = "ADD", s[s.UPDATE = 1] = "UPDATE", s[s.CLOSED = 2] = "CLOSED", s;
 }(X || {});
-const ns = /* @__PURE__ */ se({
+const ns = /* @__PURE__ */ ae({
   __name: "TeamMemberList",
   setup(s, {
     expose: u
   }) {
     const {
       t: e
-    } = ue(), y = me(), m = De(), O = Ce(), P = Ke(O), h = Be(), b = Qe(), c = Ze(), V = x(!0), R = ({
+    } = ue(), y = me(), m = De(), O = Ce(), P = Ke(O), h = Be(), v = Qe(), c = Ze(), g = V(!0), R = ({
       member: t,
       className: l = ""
     }) => {
       const k = {
         label: e("common.update"),
         onClick: () => F(re.Update, t)
-      }, ee = {
+      }, te = {
         label: e("common.remove"),
         onClick: () => F(re.Remove, t),
         itemClass: "text-fm-color-typo-error"
-      }, Q = t.doc.isOwner ? [k] : [k, ee];
+      }, Q = t.doc.isOwner ? [k] : [k, te];
       return i(st, {
         class: l,
         items: Q
       }, null);
-    }, N = (t) => t.doc.isOwner ? e("team.labels.businessOwner") : t.restaurants.join(", "), ae = [{
+    }, N = (t) => t.doc.isOwner ? e("team.labels.businessOwner") : t.restaurants.join(", "), le = [{
       accessorKey: "name",
       header: () => e("team.table.columns.name"),
       enableSorting: !1
@@ -690,8 +690,8 @@ const ns = /* @__PURE__ */ se({
       header: () => e("team.table.columns.assignedRoles"),
       enableSorting: !1,
       cell(t) {
-        const l = t.row.original, k = b.getPermissionAssignmentByUserId(l.id), ee = (k == null ? void 0 : k.permissionSetIds) || l.doc.permissionSetIds || [];
-        return h.permissionSets.value.filter((E) => ee.includes(E.id)).map((E) => E.name).join(", ");
+        const l = t.row.original, k = v.getPermissionAssignmentByUserId(l.id), te = (k == null ? void 0 : k.permissionSetIds) || l.doc.permissionSetIds || [];
+        return h.permissionSets.value.filter((E) => te.includes(E.id)).map((E) => E.name).join(", ");
       }
     }, {
       accessorKey: "permission",
@@ -699,7 +699,7 @@ const ns = /* @__PURE__ */ se({
       enableSorting: !1,
       cell(t) {
         const l = t.row.original;
-        return le(l);
+        return oe(l);
       },
       meta: {
         width: "200px"
@@ -719,7 +719,7 @@ const ns = /* @__PURE__ */ se({
       },
       enableSorting: !1
     }];
-    function le(t) {
+    function oe(t) {
       if (t.doc.isOwner)
         return e("team.labels.businessOwner");
       const l = i(xe.FmTooltip, {
@@ -738,9 +738,9 @@ const ns = /* @__PURE__ */ se({
         count: t.permissionLabels.length
       })]), t.permissionLabels.length > 0 && l]);
     }
-    function g(t) {
+    function x(t) {
       var Q, E, w, he;
-      const l = b.getPermissionAssignmentByUserId(t.id), k = (l == null ? void 0 : l.customPermissions) || t.permissions || [], ee = (l == null ? void 0 : l.permissionSetIds) || [];
+      const l = v.getPermissionAssignmentByUserId(t.id), k = (l == null ? void 0 : l.customPermissions) || t.permissions || [], te = (l == null ? void 0 : l.permissionSetIds) || [];
       return {
         id: t.id,
         isOwner: t.doc.isOwner,
@@ -748,7 +748,7 @@ const ns = /* @__PURE__ */ se({
         phoneNumber: t.phoneNumber,
         email: t.email,
         permissions: k,
-        permissionSetIds: ee,
+        permissionSetIds: te,
         posUser: t.doc.posUser ? {
           code: ((Q = t.doc.posUser) == null ? void 0 : Q.code) ?? "",
           name: ((E = t.doc.posUser) == null ? void 0 : E.name) ?? t.name,
@@ -759,11 +759,11 @@ const ns = /* @__PURE__ */ se({
     }
     const F = (t, l) => {
       if (t == re.Update) {
-        const k = g(l);
+        const k = x(l);
         I.value = k, S.value = X.UPDATE;
       }
       t == re.Remove && G(l);
-    }, T = Ae(), S = x(X.CLOSED), a = C(() => S.value !== X.CLOSED), o = C(() => S.value === X.ADD ? e("common.add") : e("common.update")), U = C(() => S.value === X.ADD ? e("team.actions.addMember") : e("team.actions.updateMember")), I = x();
+    }, T = Ae(), S = V(X.CLOSED), a = C(() => S.value !== X.CLOSED), o = C(() => S.value === X.ADD ? e("common.add") : e("common.update")), U = C(() => S.value === X.ADD ? e("team.actions.addMember") : e("team.actions.updateMember")), I = V();
     function z(t) {
       t || (S.value = X.CLOSED);
     }
@@ -790,45 +790,45 @@ const ns = /* @__PURE__ */ se({
         }
       }).onPrimary(async () => {
         await P.minor(async () => {
-          await de.deleteTeamMember(t.id), await Z();
+          await pe.deleteTeamMember(t.id), await Z();
         }, {
           successMessage: e("team.removeMember.successMessage", {
             memberName: t.name
           })
         }), T.close();
       });
-    }, f = () => {
+    }, p = () => {
       I.value = null, S.value = X.ADD;
-    }, v = C(() => c.members), d = x(), A = x(), J = C(() => Object.values(je).map((t) => ({
+    }, b = C(() => c.members), f = V(), A = V(), J = C(() => Object.values(je).map((t) => ({
       label: t.label,
       value: t.subject
     }))), {
       searchKey: B,
       filter: Y
-    } = Re(""), te = C(() => v.value.filter((t) => {
+    } = Re(""), se = C(() => b.value.filter((t) => {
       var Q;
-      const l = !d.value || t.managableRestaurantIds.some((E) => d.value.includes(E)), k = ((Q = t.permissions) == null ? void 0 : Q.map((E) => E.subject).flat().filter(Boolean)) || [], ee = !A.value || k.some((E) => A.value.includes(E));
-      return l && ee && Y([t.name, t.phoneNumber, N(t)]);
+      const l = !f.value || t.managableRestaurantIds.some((E) => f.value.includes(E)), k = ((Q = t.permissions) == null ? void 0 : Q.map((E) => E.subject).flat().filter(Boolean)) || [], te = !A.value || k.some((E) => A.value.includes(E));
+      return l && te && Y([t.name, t.phoneNumber, N(t)]);
     }));
-    async function oe() {
+    async function ne() {
       await m.readRoles();
     }
     async function Z() {
-      V.value = !0;
+      g.value = !0;
       try {
         await c.readTeamMembers();
       } finally {
-        V.value = !1;
+        g.value = !1;
       }
     }
-    const H = x();
+    const H = V();
     async function q() {
       if (!H.value) return;
       const t = await H.value.validate();
       if (!t) return;
       const l = S.value === X.ADD;
       await P.minor(async () => {
-        await (l ? de.createTeamMember(t) : de.updateTeamMember(I.value.id, t)), K(), await ye(), await Z();
+        await (l ? pe.createTeamMember(t) : pe.updateTeamMember(I.value.id, t)), K(), await ee(), await Z();
       }, {
         successMessage: l ? e("team.addMember.successMessage", {
           memberName: t.name
@@ -837,24 +837,24 @@ const ns = /* @__PURE__ */ se({
         })
       }), S.value = X.CLOSED;
     }
-    async function ne() {
+    async function ce() {
       await h.readPermissionSets();
     }
-    async function ye() {
-      await b.readPermissionAssignments();
+    async function ee() {
+      await v.readPermissionAssignments();
     }
     return Ie(y.currentBusiness, async () => {
       var t;
-      (t = y.currentBusiness.value) != null && t._id && (await ne(), await ye(), Z(), oe());
+      (t = y.currentBusiness.value) != null && t._id && (await ce(), await ee(), Z(), ne());
     }, {
       immediate: !0
     }), u({
-      create: f
+      create: p
     }), (t, l) => {
-      const k = _("FmSearch"), ee = _("FmTable"), Q = _("FmButton"), E = _("FmSideSheet");
-      return p(), j(ie, null, [r("div", Et, [r("div", Lt, [r("div", jt, [r("div", Tt, [i(n(ge), {
-        modelValue: d.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (w) => d.value = w),
+      const k = _("FmSearch"), te = _("FmTable"), Q = _("FmButton"), E = _("FmSideSheet");
+      return d(), j(ie, null, [r("div", Et, [r("div", Lt, [r("div", jt, [r("div", Tt, [i(n(ge), {
+        modelValue: f.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (w) => f.value = w),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -869,19 +869,19 @@ const ns = /* @__PURE__ */ se({
         placeholder: n(e)("team.filter.permission_placeholder")
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), i(k, {
         modelValue: n(B),
-        "onUpdate:modelValue": l[2] || (l[2] = (w) => be(B) ? B.value = w : null),
+        "onUpdate:modelValue": l[2] || (l[2] = (w) => ye(B) ? B.value = w : null),
         class: "w-[320px] xs:w-full xs:mt-8",
         autofocus: "",
         placeholder: n(e)("team.search.placeholder")
       }, null, 8, ["modelValue", "placeholder"])]), r("div", zt, [i(k, {
         modelValue: n(B),
-        "onUpdate:modelValue": l[3] || (l[3] = (w) => be(B) ? B.value = w : null),
+        "onUpdate:modelValue": l[3] || (l[3] = (w) => ye(B) ? B.value = w : null),
         class: "w-[320px] xs:w-full xs:mt-8",
         autofocus: "",
         placeholder: n(e)("team.search.placeholder")
       }, null, 8, ["modelValue", "placeholder"]), r("div", Kt, [i(n(ge), {
-        modelValue: d.value,
-        "onUpdate:modelValue": l[4] || (l[4] = (w) => d.value = w),
+        modelValue: f.value,
+        "onUpdate:modelValue": l[4] || (l[4] = (w) => f.value = w),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
@@ -894,18 +894,18 @@ const ns = /* @__PURE__ */ se({
         items: J.value,
         "selected-prefix": n(e)("team.filter.selected_permission_prefix"),
         placeholder: n(e)("team.filter.permission_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), v.value.length === 0 && !V.value ? (p(), $(n(ze), {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), b.value.length === 0 && !g.value ? (d(), $(n(ze), {
         key: 0,
         title: n(e)("team.emptyState.title"),
         subtitle: n(e)("team.emptyState.description")
-      }, null, 8, ["title", "subtitle"])) : (p(), $(Te, {
+      }, null, 8, ["title", "subtitle"])) : (d(), $(Te, {
         key: 1
       }, {
-        default: L(() => [i(ee, {
-          "column-defs": ae,
-          "row-data": te.value,
-          "page-size": te.value.length,
-          loading: V.value,
+        default: L(() => [i(te, {
+          "column-defs": le,
+          "row-data": se.value,
+          "page-size": se.value.length,
+          loading: g.value,
           "pin-header-row": "",
           "hide-footer": "",
           onRowClick: l[6] || (l[6] = (w) => F(n(re).Update, w.original))