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

package/dist/{Main-C6YMg19H.js → Main-BLh16xRg.js}

@@ -1,26 +1,26 @@
-import { ref as I, defineComponent as Q, computed as F, watch as ie, resolveComponent as h, createElementBlock as E, openBlock as S, Fragment as J, renderSlot as ge, createVNode as n, unref as r, withCtx as x, createElementVNode as c, toDisplayString as w, createBlock as K, isRef as oe, renderList as fe, createCommentVNode as ve, withModifiers as ne, createTextVNode as le, normalizeClass as _e, h as _ } from "vue";
-import { useI18n as X, useCoreStore as ye } from "@feedmepos/mf-common";
-import { useSnackbar as Y, components as M, useDialog as Ue, useBreakpoints as he, FmButtonVariant as q } from "@feedmepos/ui-library";
+import { ref as S, defineComponent as J, computed as F, watch as ce, resolveComponent as h, createElementBlock as E, openBlock as $, Fragment as W, renderSlot as ge, createVNode as r, unref as s, withCtx as x, createElementVNode as c, toDisplayString as k, isRef as re, renderList as fe, createBlock as ie, createCommentVNode as ve, withModifiers as oe, createTextVNode as ne, normalizeClass as _e, h as _ } from "vue";
+import { useI18n as Q, useCoreStore as ye } from "@feedmepos/mf-common";
+import { useSnackbar as X, components as K, useDialog as Ue, useBreakpoints as he, FmButtonVariant as j } from "@feedmepos/ui-library";
 import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as Z } from "./useAppStore-BlQSL2ZO.js";
-import { g as z, a as be, b as H, u as ee } from "./iteration-DTV3udF0.js";
-import { defineStore as ke } from "pinia";
+import { u as Y } from "./useAppStore-CtMoad7V.js";
+import { g as z, a as be, b as q, u as Z } from "./iteration-QRRNYlps.js";
+import { defineStore as we } from "pinia";
 import { S as D } from "./SelectFilter-ATOm0hdn.js";
-import { _ as we } from "./app-Df4eEEIU.js";
-import { _ as ce, u as Fe, H as Ve } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
-import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as ue } from "./useLoading-NkUvAr71.js";
+import { _ as ke } from "./app-CJouCBgi.js";
+import { _ as le, u as Fe, H as Ve } from "./FormItem.vue_vue_type_script_setup_true_lang-DPT2FoIc.js";
+import { _ as Se } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-Ci_MVqGK.js";
+import { u as ue } from "./useLoading-CNqlchYO.js";
 import { _ as Ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
-const W = {
+const H = {
   async getGrantUsers() {
-    return z(await H("grant").get(""));
+    return z(await q("grant").get(""));
   },
   async createGrantUser(m) {
-    return z(await H("grant").post("", m));
+    return z(await q("grant").post("", m));
   },
   async revokeGrantUser(m, y) {
     return z(
-      await H("grant").patch(`/revoke/${m}`, null, {
+      await q("grant").patch(`/revoke/${m}`, null, {
         params: { restaurantId: y }
       })
     );
@@ -34,12 +34,12 @@ const W = {
       })
     );
   }
-}, Ce = ke("grantUser", () => {
-  const m = I([]), y = I(!1);
+}, Ce = we("grantUser", () => {
+  const m = S([]), y = S(!1);
   async function a() {
     y.value = !0;
     try {
-      m.value = (await W.getGrantUsers()).sort(
+      m.value = (await H.getGrantUsers()).sort(
         (u, p) => u.createdAt < p.createdAt ? 1 : -1
       );
     } catch (u) {
@@ -50,15 +50,15 @@ const W = {
   }
   async function U(u) {
     try {
-      const p = await W.createGrantUser(u);
+      const p = await H.createGrantUser(u);
       return m.value = [p, ...m.value], p;
     } catch (p) {
       throw console.error("Error creating grant user:", p), p;
     }
   }
-  async function b(u, p) {
+  async function w(u, p) {
     try {
-      const l = await W.revokeGrantUser(u, p), i = m.value.findIndex((s) => s._id === u);
+      const l = await H.revokeGrantUser(u, p), i = m.value.findIndex((o) => o._id === u);
       i !== -1 && (m.value[i] = l);
     } catch (l) {
       throw console.error("Error revoking grant user:", l), l;
@@ -69,38 +69,38 @@ const W = {
     isLoading: y,
     readGrantUsers: a,
     createGrantUser: U,
-    revokeGrantUser: b
+    revokeGrantUser: w
   };
-}), te = Ce, Be = { class: "fm-typo-en-title-md-600" }, $e = { class: "space-y-40" }, Ge = { class: "flex gap-8 items-center justify-start" }, Re = /* @__PURE__ */ Q({
+}), ee = Ce, Be = { class: "fm-typo-en-title-md-600" }, $e = { class: "space-y-40" }, Ge = { class: "flex gap-8 items-center justify-start" }, Re = /* @__PURE__ */ J({
   __name: "GrantUserForm",
   setup(m, { expose: y }) {
-    const a = te(), U = Z(), b = ee(), u = Y(), p = ue(u), { t: l } = X(), i = I(!1), s = I({
+    const a = ee(), U = Y(), w = Z(), u = X(), p = ue(u), { t: l } = Q(), i = S(!1), o = S({
       name: "",
       restaurantId: "",
       roleId: ""
-    }), k = () => {
-      s.value = {
+    }), b = () => {
+      o.value = {
         name: "",
         restaurantId: "",
         roleId: ""
       }, i.value = !0;
-    }, V = F(() => l("grantUser.form.title")), C = F(() => l("common.create")), B = F(() => b.restaurants.value.map((d) => ({
+    }, V = F(() => l("grantUser.form.title")), I = F(() => l("common.create")), C = F(() => w.restaurants.value.map((d) => ({
       label: `${d.profile.code ? d.profile.code + " - " : ""}${d.profile.name}`,
       value: d._id
-    }))), R = F(() => s.value.restaurantId ? U.roles.value.filter((d) => d.restaurants.some((g) => g.id === s.value.restaurantId)).map((d) => ({
+    }))), R = F(() => o.value.restaurantId ? U.roles.value.filter((d) => d.restaurants.some((g) => g.id === o.value.restaurantId)).map((d) => ({
       label: d.name,
       value: d._id,
       disabled: !d.isUsable
     })) : []);
-    ie(
-      () => s.value.restaurantId,
+    ce(
+      () => o.value.restaurantId,
       () => {
-        s.value.roleId = "";
+        o.value.roleId = "";
       }
     );
-    async function P() {
+    async function M() {
       await p.minor(async () => {
-        const d = await a.createGrantUser(s.value);
+        const d = await a.createGrantUser(o.value);
         u.open({
           message: l("grantUser.create.successMessage", {
             passcode: d.passcode
@@ -111,35 +111,35 @@ const W = {
     }
     return y({
       show: i,
-      trigger: k
+      trigger: b
     }), (d, g) => {
-      const T = h("FmTextField"), G = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
-      return S(), E(J, null, [
-        ge(d.$slots, "default", { trigger: k }),
-        n(N, {
+      const P = h("FmTextField"), G = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
+      return $(), E(W, null, [
+        ge(d.$slots, "default", { trigger: b }),
+        r(N, {
           id: "grant-user-form",
           modelValue: i.value,
           "onUpdate:modelValue": g[4] || (g[4] = (f) => i.value = f),
-          "is-container": r(M).FmForm,
+          "is-container": s(K).FmForm,
           "is-container-props": {
-            onValidationSuccess: P,
+            onValidationSuccess: M,
             blameFormChildOnValidationFailed: !0
           },
           "max-width": 560
         }, {
           "side-sheet-header": x(() => [
-            c("p", Be, w(V.value), 1)
+            c("p", Be, k(V.value), 1)
           ]),
           "side-sheet-footer": x(() => [
             c("div", Ge, [
-              n(L, {
-                label: C.value,
+              r(L, {
+                label: I.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary"
               }, null, 8, ["label"]),
-              n(L, {
-                label: r(l)("common.cancel"),
+              r(L, {
+                label: s(l)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
                 onClick: g[3] || (g[3] = () => i.value = !1)
@@ -148,41 +148,41 @@ const W = {
           ]),
           default: x(() => [
             c("div", $e, [
-              n(Ie, {
-                title: r(l)("grantUser.form.section")
+              r(Ie, {
+                title: s(l)("grantUser.form.section")
               }, {
                 default: x(() => [
-                  n(T, {
-                    modelValue: s.value.name,
-                    "onUpdate:modelValue": g[0] || (g[0] = (f) => s.value.name = f),
-                    label: r(l)("grantUser.form.name"),
-                    rules: [(f) => !!f || r(l)("grantUser.form.nameRequired")]
+                  r(P, {
+                    modelValue: o.value.name,
+                    "onUpdate:modelValue": g[0] || (g[0] = (f) => o.value.name = f),
+                    label: s(l)("grantUser.form.name"),
+                    rules: [(f) => !!f || s(l)("grantUser.form.nameRequired")]
                   }, null, 8, ["modelValue", "label", "rules"]),
-                  n(ce, {
-                    label: r(l)("grantUser.form.restaurant")
+                  r(le, {
+                    label: s(l)("grantUser.form.restaurant")
                   }, {
                     default: x(() => [
-                      n(G, {
-                        modelValue: s.value.restaurantId,
-                        "onUpdate:modelValue": g[1] || (g[1] = (f) => s.value.restaurantId = f),
-                        items: B.value,
-                        placeholder: r(l)("grantUser.form.selectRestaurant"),
-                        rules: [(f) => !!f || r(l)("grantUser.form.restaurantRequired")]
+                      r(G, {
+                        modelValue: o.value.restaurantId,
+                        "onUpdate:modelValue": g[1] || (g[1] = (f) => o.value.restaurantId = f),
+                        items: C.value,
+                        placeholder: s(l)("grantUser.form.selectRestaurant"),
+                        rules: [(f) => !!f || s(l)("grantUser.form.restaurantRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "rules"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  n(ce, {
-                    label: r(l)("grantUser.form.role")
+                  r(le, {
+                    label: s(l)("grantUser.form.role")
                   }, {
                     default: x(() => [
-                      n(G, {
-                        modelValue: s.value.roleId,
-                        "onUpdate:modelValue": g[2] || (g[2] = (f) => s.value.roleId = f),
+                      r(G, {
+                        modelValue: o.value.roleId,
+                        "onUpdate:modelValue": g[2] || (g[2] = (f) => o.value.roleId = f),
                         items: R.value,
-                        placeholder: r(l)("grantUser.form.selectRole"),
-                        disabled: !s.value.restaurantId,
-                        rules: [(f) => !!f || r(l)("grantUser.form.roleRequired")]
+                        placeholder: s(l)("grantUser.form.selectRole"),
+                        disabled: !o.value.restaurantId,
+                        rules: [(f) => !!f || s(l)("grantUser.form.roleRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
                     ]),
                     _: 1
@@ -210,59 +210,61 @@ const W = {
 }, Ee = {
   class: "px-16 flex items-start gap-8"
 }, Ke = {
-  class: "pb-64 hidden xs:block"
+  class: "flex h-full flex-col overflow-auto"
 }, Me = {
-  class: "space-y-4"
+  class: "pb-64 hidden xs:block"
 }, Pe = {
-  class: "flex items-center gap-8"
+  class: "space-y-4"
 }, Te = {
-  class: "fm-typo-en-body-lg-600"
+  class: "flex items-center gap-8"
 }, Oe = {
-  class: "font-mono text-lg font-bold mr-4"
+  class: "fm-typo-en-body-lg-600"
 }, je = {
-  class: "text-fm-color-typo-secondary"
+  class: "font-mono text-lg font-bold mr-4"
 }, qe = {
-  class: "text-xs"
+  class: "text-fm-color-typo-secondary"
 }, He = {
-  class: "mt-4 space-y-2"
-}, We = {
   class: "text-xs"
+}, We = {
+  class: "mt-4 space-y-2"
 }, Je = {
   class: "text-xs"
 }, Qe = {
+  class: "text-xs"
+}, Xe = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Xe = /* @__PURE__ */ Q({
+}, Ye = /* @__PURE__ */ J({
   __name: "GrantUserList",
   setup(m, {
     expose: y
   }) {
     const {
       t: a
-    } = X(), U = I(), b = te(), {
+    } = Q(), U = S(), w = ee(), {
       restaurants: u
-    } = ee(), {
+    } = Z(), {
       roles: p
-    } = Z(), l = F(() => b.grantUsers), {
+    } = Y(), l = F(() => w.grantUsers), {
       searchKey: i,
-      filter: s
-    } = Fe(), k = F(() => {
+      filter: o
+    } = Fe(), b = F(() => {
       var e;
       return (e = l.value) == null ? void 0 : e.filter((t) => {
-        const v = !U.value || U.value.includes(t.restaurantId), O = !$.value || $.value.includes(t.status), A = V.value[t.restaurantId] || "", j = C.value[t.roleId] || "";
-        return v && O && s([t.passcode, t.name, A, j, t.grantByName]);
+        const v = !U.value || U.value.includes(t.restaurantId), T = !B.value || B.value.includes(t.status), A = V.value[t.restaurantId] || "", O = I.value[t.roleId] || "";
+        return v && T && o([t.passcode, t.name, A, O, t.grantByName]);
       });
     }), V = F(() => {
       const e = {};
       return u.value.forEach((t) => {
         e[t._id] = t.profile.name;
       }), e;
-    }), C = F(() => {
+    }), I = F(() => {
       const e = {};
       return p.value.forEach((t) => {
         e[t._id] = t.name;
       }), e;
-    }), B = (e) => {
+    }), C = (e) => {
       switch (e) {
         case "active":
           return "bg-fm-color-system-success-100 text-fm-color-typo-success";
@@ -273,7 +275,7 @@ const W = {
         default:
           return "bg-fm-color-typo-secondary text-fm-color-typo-primary";
       }
-    }, R = (e) => a(`grantUser.status.${e}`), P = [{
+    }, R = (e) => a(`grantUser.status.${e}`), M = [{
       accessorKey: "passcode",
       size: 120,
       maxSize: 120,
@@ -283,8 +285,8 @@ const W = {
         const t = e.row.original.passcode;
         return _("div", {
           class: "flex items-center gap-8"
-        }, [_(M.FmButton, {
-          variant: q.Tertiary,
+        }, [_(K.FmButton, {
+          variant: j.Tertiary,
           textColor: "neutral-gray-400",
           icon: "content_copy",
           onClick: (v) => {
@@ -312,10 +314,10 @@ const W = {
       }
     }, {
       accessorKey: "roleName",
-      accessorFn: (e) => C.value[e.roleId],
+      accessorFn: (e) => I.value[e.roleId],
       header: () => a("grantUser.columns.role"),
       cell(e) {
-        const t = e.row.original.roleId, v = C.value[t] || "-";
+        const t = e.row.original.roleId, v = I.value[t] || "-";
         return _("div", v);
       }
     }, {
@@ -326,9 +328,9 @@ const W = {
       },
       cell(e) {
         const t = e.row.original.status;
-        return _(M.FmChip, {
+        return _(K.FmChip, {
           label: R(t),
-          class: B(t)
+          class: C(t)
         });
       }
     }, {
@@ -358,15 +360,15 @@ const W = {
         const t = e.row.original;
         return t.status !== "active" ? null : _("div", {
           class: "w-full flex justify-end items-center gap-4"
-        }, [_(M.FmButton, {
+        }, [_(K.FmButton, {
           label: a("grantUser.actions.revoke"),
-          variant: q.Secondary,
+          variant: j.Secondary,
           onClick: (v) => {
             v.stopPropagation(), N(t);
           }
         })]);
       }
-    }], d = Y(), g = Ue(), T = ue(d), G = I(), {
+    }], d = X(), g = Ue(), P = ue(d), G = S(), {
       breakpoints: L
     } = he(), N = (e) => {
       g.open({
@@ -385,8 +387,8 @@ const W = {
           close: !0
         }
       }).onPrimary(async () => {
-        T.minor(async () => {
-          await b.revokeGrantUser(e._id, e.restaurantId);
+        P.minor(async () => {
+          await w.revokeGrantUser(e._id, e.restaurantId);
         }, {
           successMessage: a("grantUser.revoke.successMessage", {
             name: e.name
@@ -398,7 +400,7 @@ const W = {
       var e;
       (e = G.value) == null || e.trigger();
     }
-    const ae = F(() => [{
+    const te = F(() => [{
       label: a("grantUser.status.active"),
       value: "active"
     }, {
@@ -407,10 +409,10 @@ const W = {
     }, {
       label: a("grantUser.status.revoked"),
       value: "revoked"
-    }]), re = F(() => u.value.map((e) => ({
+    }]), ae = F(() => u.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
-    }))), $ = I();
+    }))), B = S();
     async function se(e) {
       try {
         await navigator.clipboard.writeText(e), d.open({
@@ -426,140 +428,141 @@ const W = {
     }
     return y({
       create: f,
-      filteredGrantUsers: k
+      filteredGrantUsers: b
     }), (e, t) => {
-      const v = h("FmSearch"), O = h("FmTable"), A = h("FmButton"), j = h("FmChip"), de = h("FmListItem"), me = h("FmList");
-      return S(), E(J, null, [n(Re, {
+      const v = h("FmSearch"), T = h("FmTable"), A = h("FmButton"), O = h("FmChip"), de = h("FmListItem"), me = h("FmList");
+      return $(), E(W, null, [r(Re, {
         ref_key: "grantUserFormRef",
         ref: G,
         class: "gap-8"
-      }, null, 512), c("div", Le, [c("div", Ne, [c("div", Ae, [n(D, {
+      }, null, 512), c("div", Le, [c("div", Ne, [c("div", Ae, [r(D, {
         modelValue: U.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => U.value = o),
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => U.value = n),
         multiple: "",
-        items: re.value,
+        items: ae.value,
         variant: "dark",
-        "selected-prefix": r(a)("grantUser.columns.restaurant"),
-        placeholder: r(a)("grantUser.columns.restaurant"),
+        "selected-prefix": s(a)("grantUser.columns.restaurant"),
+        placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
-        modelValue: $.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (o) => $.value = o),
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), r(D, {
+        modelValue: B.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (n) => B.value = n),
         multiple: "",
         variant: "dark",
-        items: ae.value,
-        "selected-prefix": r(a)("grantUser.filter.selected_status_prefix"),
-        placeholder: r(a)("grantUser.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), n(v, {
-        modelValue: r(i),
-        "onUpdate:modelValue": t[2] || (t[2] = (o) => oe(i) ? i.value = o : null),
+        items: te.value,
+        "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
+        placeholder: s(a)("grantUser.filter.status_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), r(v, {
+        modelValue: s(i),
+        "onUpdate:modelValue": t[2] || (t[2] = (n) => re(i) ? i.value = n : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
-        placeholder: r(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), c("div", ze, [c("div", De, [n(v, {
-        modelValue: r(i),
-        "onUpdate:modelValue": t[3] || (t[3] = (o) => oe(i) ? i.value = o : null),
+        placeholder: s(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", ze, [c("div", De, [r(v, {
+        modelValue: s(i),
+        "onUpdate:modelValue": t[3] || (t[3] = (n) => re(i) ? i.value = n : null),
         autofocus: "",
-        placeholder: r(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(Ve), c("div", Ee, [n(D, {
+        placeholder: s(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), r(Ve), c("div", Ee, [r(D, {
         modelValue: U.value,
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => U.value = o),
+        "onUpdate:modelValue": t[4] || (t[4] = (n) => U.value = n),
         multiple: "",
-        items: re.value,
+        items: ae.value,
         variant: "dark",
-        "selected-prefix": r(a)("grantUser.columns.restaurant"),
-        placeholder: r(a)("grantUser.columns.restaurant"),
+        "selected-prefix": s(a)("grantUser.columns.restaurant"),
+        placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
-        modelValue: $.value,
-        "onUpdate:modelValue": t[5] || (t[5] = (o) => $.value = o),
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), r(D, {
+        modelValue: B.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (n) => B.value = n),
         multiple: "",
-        items: ae.value,
+        items: te.value,
         variant: "dark",
-        "selected-prefix": r(a)("grantUser.filter.selected_status_prefix"),
-        placeholder: r(a)("grantUser.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), l.value.length > 0 || r(b).isLoading ? (S(), K(we, {
-        key: 0,
-        class: "overflow-auto"
-      }, {
-        default: x(() => [n(O, {
-          class: "xs:hidden",
-          "column-defs": P,
-          "row-data": k.value,
-          "page-size": k.value.length,
-          loading: r(b).isLoading,
-          virtual: k.value.length > 0,
-          "pin-header-row": "",
-          "hide-footer": ""
-        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", Ke, [n(me, {
+        "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
+        placeholder: s(a)("grantUser.filter.status_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), r(ke, null, {
+        default: x(() => [c("div", Ke, [r(Se, {
+          "is-loading": s(w).isLoading,
+          "is-empty": b.value.length === 0,
+          title: s(a)("grantUser.noData.title"),
+          subtitle: s(a)("grantUser.noData.subtitle")
+        }, {
+          default: x(() => [r(T, {
+            class: "xs:hidden",
+            "column-defs": M,
+            "row-data": b.value,
+            "page-size": b.value.length,
+            loading: s(w).isLoading,
+            virtual: b.value.length > 0,
+            "pin-header-row": "",
+            "hide-footer": ""
+          }, null, 8, ["row-data", "page-size", "loading", "virtual"])]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title", "subtitle"]), c("div", Me, [r(me, {
           separator: ""
         }, {
-          default: x(() => [(S(!0), E(J, null, fe(k.value, (o) => (S(), K(de, {
-            key: o._id,
+          default: x(() => [($(!0), E(W, null, fe(b.value, (n) => ($(), ie(de, {
+            key: n._id,
             class: "py-12 px-16 items-center justify-between"
           }, {
-            default: x(() => [c("div", Me, [c("div", Pe, [n(A, {
+            default: x(() => [c("div", Pe, [c("div", Te, [r(A, {
               variant: "tertiary",
               "text-color": "neutral-gray-400",
               icon: "content_copy",
-              onClick: ne((pe) => se(o.passcode), ["stop"])
-            }, null, 8, ["onClick"]), c("p", Te, [c("span", Oe, w(o.passcode), 1), le(" - " + w(o.name), 1)])]), c("div", je, [c("div", null, [le(w(V.value[o.restaurantId] || "-") + " ", 1), c("div", qe, w(o.restaurantId), 1), c("div", null, w(C.value[o.roleId] || "-"), 1)]), c("div", He, [c("div", We, w(r(a)("grantUser.columns.grantedBy")) + ": " + w(o.grantByName), 1), c("div", Je, w(r(a)("grantUser.columns.createdAt")) + ": " + w(new Date(o.createdAt).toLocaleString()), 1), n(j, {
-              label: R(o.status),
-              class: _e(B(o.status))
-            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (S(), E("div", Qe, [n(A, {
-              label: r(a)("grantUser.actions.revoke"),
-              variant: r(q).Secondary,
-              onClick: ne((pe) => N(o), ["stop"])
+              onClick: oe((pe) => se(n.passcode), ["stop"])
+            }, null, 8, ["onClick"]), c("p", Oe, [c("span", je, k(n.passcode), 1), ne(" - " + k(n.name), 1)])]), c("div", qe, [c("div", null, [ne(k(V.value[n.restaurantId] || "-") + " ", 1), c("div", He, k(n.restaurantId), 1), c("div", null, k(I.value[n.roleId] || "-"), 1)]), c("div", We, [c("div", Je, k(s(a)("grantUser.columns.grantedBy")) + ": " + k(n.grantByName), 1), c("div", Qe, k(s(a)("grantUser.columns.createdAt")) + ": " + k(new Date(n.createdAt).toLocaleString()), 1), r(O, {
+              label: R(n.status),
+              class: _e(C(n.status))
+            }, null, 8, ["label", "class"])])])]), n.status === "active" ? ($(), E("div", Xe, [r(A, {
+              label: s(a)("grantUser.actions.revoke"),
+              variant: s(j).Secondary,
+              onClick: oe((pe) => N(n), ["stop"])
             }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
             _: 2
           }, 1024))), 128))]),
           _: 1
-        })])]),
+        })])])]),
         _: 1
-      })) : (S(), K(r(Se), {
-        key: 1,
-        title: r(a)("grantUser.noData.title"),
-        subtitle: r(a)("grantUser.noData.subtitle")
-      }, null, 8, ["title", "subtitle"]))])], 64);
+      })])], 64);
     };
   }
-}), dt = /* @__PURE__ */ Q({
+}), mt = /* @__PURE__ */ J({
   __name: "Main",
   setup(m) {
-    const { readGrantUsers: y } = te(), { currentBusiness: a } = ye(), { readRoles: U } = Z(), { readRestaurants: b } = ee(), { t: u } = X(), p = Y(), l = I();
-    return ie(
+    const { readGrantUsers: y } = ee(), { currentBusiness: a } = ye(), { readRoles: U } = Y(), { readRestaurants: w } = Z(), { t: u } = Q(), p = X(), l = S();
+    return ce(
       a,
       async () => {
         var i;
         if ((i = a.value) != null && i._id)
           try {
-            await Promise.all([b(), U(), y()]);
-          } catch (s) {
-            console.error("Failed to load grant dependencies:", s), p.open({
-              message: s instanceof Error ? s.message : String(s),
+            await Promise.all([w(), U(), y()]);
+          } catch (o) {
+            console.error("Failed to load grant dependencies:", o), p.open({
+              message: o instanceof Error ? o.message : String(o),
               type: "error"
             });
           }
       },
       { immediate: !0 }
-    ), (i, s) => {
-      const k = h("FmSpacer"), V = h("FmButton");
-      return S(), K(xe, {
-        heading: r(u)("grantUser.title")
+    ), (i, o) => {
+      const b = h("FmSpacer"), V = h("FmButton");
+      return $(), ie(xe, {
+        heading: s(u)("grantUser.title")
       }, {
         "append-heading": x(() => [
-          n(k),
-          n(V, {
+          r(b),
+          r(V, {
             "prepend-icon": "add",
-            label: r(u)("grantUser.actions.create"),
-            onClick: s[0] || (s[0] = (C) => {
-              var B;
-              return (B = l.value) == null ? void 0 : B.create();
+            label: s(u)("grantUser.actions.create"),
+            onClick: o[0] || (o[0] = (I) => {
+              var C;
+              return (C = l.value) == null ? void 0 : C.create();
             })
           }, null, 8, ["label"])
         ]),
         default: x(() => [
-          n(Xe, {
+          r(Ye, {
             ref_key: "grantUserListRef",
             ref: l
           }, null, 512)
@@ -570,5 +573,5 @@ const W = {
   }
 });
 export {
-  dt as default
+  mt as default
 };