@feedmepos/mf-hrm-portal 2.0.19-dev.1 → 2.0.20-dev.1

package/dist/{Main-D_dew1Zy.js → Main-CSMAtoMj.js}

@@ -1,27 +1,26 @@
-import { ref as S, defineComponent as J, computed as F, watch as ce, resolveComponent as h, createElementBlock as D, openBlock as I, Fragment as W, renderSlot as ge, createVNode as n, unref as s, withCtx as x, createElementVNode as l, toDisplayString as k, createBlock as K, isRef as ae, renderList as fe, createCommentVNode as ve, withModifiers as se, createTextVNode as re, normalizeClass as _e, h as _ } from "vue";
-import { useCoreStore as Q, useI18n as X, RestaurantSelector as oe } from "@feedmepos/mf-common";
-import { _ as ye } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as Y } from "./useAppStore-DBeAz_oF.js";
-import { defineStore as Ue } from "pinia";
-import { g as z, a as he, b as O } from "./iteration-BOjSUDXb.js";
-import { useSnackbar as ie, components as E, useDialog as xe, useBreakpoints as be, FmButtonVariant as q } from "@feedmepos/ui-library";
-import { S as ne } from "./SelectFilter-DUj7GBtT.js";
-import { _ as we } from "./app-rZIFa5rc.js";
-import { H as ke } from "./HorizontalSplitter-o860F4xM.js";
-import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as Fe } from "./useSearch-B6WK1LBB.js";
-import { u as ue } from "./useLoading-EAY7xVQ0.js";
-import { _ as Ie, a as le } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
-const H = {
+import { ref as S, defineComponent as Q, computed as V, watch as ce, resolveComponent as h, createElementBlock as K, openBlock as I, Fragment as J, renderSlot as ge, createVNode as n, unref as s, withCtx as x, createElementVNode as l, toDisplayString as k, createBlock as E, isRef as re, renderList as fe, createCommentVNode as ve, withModifiers as oe, createTextVNode as ne, normalizeClass as _e, h as _ } from "vue";
+import { useI18n as X, useCoreStore as ye } from "@feedmepos/mf-common";
+import { _ as Ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as Y } from "./useAppStore-D8QAGZ02.js";
+import { g as z, a as he, b as q, u as Z } from "./iteration-BbD0nOgO.js";
+import { defineStore as xe } from "pinia";
+import { useSnackbar as ie, components as M, useDialog as be, useBreakpoints as we, FmButtonVariant as H } from "@feedmepos/ui-library";
+import { S as D } from "./SelectFilter-DUj7GBtT.js";
+import { _ as ke } from "./app-CL7rUfL3.js";
+import { _ as le, u as Ve, H as Fe } from "./FormItem.vue_vue_type_script_setup_true_lang-D3MOFOUI.js";
+import { _ as Ie } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as ue } from "./useLoading-KpcQw0p4.js";
+import { _ as Se } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+const W = {
   async getGrantUsers() {
-    return z(await O("grant").get(""));
+    return z(await q("grant").get(""));
   },
   async createGrantUser(p) {
-    return z(await O("grant").post("", p));
+    return z(await q("grant").post("", p));
   },
   async revokeGrantUser(p, y) {
     return z(
-      await O("grant").patch(`/revoke/${p}`, null, {
+      await q("grant").patch(`/revoke/${p}`, null, {
         params: { restaurantId: y }
       })
     );
@@ -35,31 +34,31 @@ const H = {
       })
     );
   }
-}, Se = Ue("grantUser", () => {
+}, Ce = xe("grantUser", () => {
   const p = S([]), y = S(!1);
   async function a() {
     y.value = !0;
     try {
-      p.value = (await H.getGrantUsers()).sort(
-        (d, m) => d.createdAt < m.createdAt ? 1 : -1
+      p.value = (await W.getGrantUsers()).sort(
+        (u, m) => u.createdAt < m.createdAt ? 1 : -1
       );
-    } catch (d) {
-      throw console.error("Error reading grant users:", d), d;
+    } catch (u) {
+      throw console.error("Error reading grant users:", u), u;
     } finally {
       y.value = !1;
     }
   }
-  async function U(d) {
+  async function U(u) {
     try {
-      const m = await H.createGrantUser(d);
+      const m = await W.createGrantUser(u);
       return p.value = [m, ...p.value], m;
     } catch (m) {
       throw console.error("Error creating grant user:", m), m;
     }
   }
-  async function b(d, m) {
+  async function b(u, m) {
     try {
-      const r = await H.revokeGrantUser(d, m), c = p.value.findIndex((i) => i._id === d);
+      const r = await W.revokeGrantUser(u, m), c = p.value.findIndex((i) => i._id === u);
       c !== -1 && (p.value[c] = r);
     } catch (r) {
       throw console.error("Error revoking grant user:", r), r;
@@ -72,10 +71,10 @@ const H = {
     createGrantUser: U,
     revokeGrantUser: b
   };
-}), Z = Se, Ce = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-40" }, $e = { class: "flex gap-8 items-center justify-start" }, Ge = /* @__PURE__ */ J({
+}), 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__ */ Q({
   __name: "GrantUserForm",
   setup(p, { expose: y }) {
-    const a = Z(), U = Y(), b = Q(), d = ie(), m = ue(d), { t: r } = X(), c = S(!1), i = S({
+    const a = ee(), U = Y(), b = Z(), u = ie(), m = ue(u), { t: r } = X(), c = S(!1), i = S({
       name: "",
       restaurantId: "",
       roleId: ""
@@ -85,13 +84,13 @@ const H = {
         restaurantId: "",
         roleId: ""
       }, c.value = !0;
-    }, C = F(() => r("grantUser.form.title")), V = F(() => r("common.create")), G = F(() => b.restaurants.value.map((u) => ({
-      label: `${u.profile.code ? u.profile.code + " - " : ""}${u.profile.name}`,
-      value: u._id
-    }))), R = F(() => i.value.restaurantId ? U.roles.value.filter((u) => u.restaurants.some((g) => g.id === i.value.restaurantId)).map((u) => ({
-      label: u.name,
-      value: u._id,
-      disabled: !u.isUsable
+    }, C = V(() => r("grantUser.form.title")), F = V(() => r("common.create")), G = V(() => b.restaurants.value.map((d) => ({
+      label: `${d.profile.code ? d.profile.code + " - " : ""}${d.profile.name}`,
+      value: d._id
+    }))), R = V(() => i.value.restaurantId ? U.roles.value.filter((d) => d.restaurants.some((g) => g.id === i.value.restaurantId)).map((d) => ({
+      label: d.name,
+      value: d._id,
+      disabled: !d.isUsable
     })) : []);
     ce(
       () => i.value.restaurantId,
@@ -99,12 +98,12 @@ const H = {
         i.value.roleId = "";
       }
     );
-    async function M() {
+    async function P() {
       await m.minor(async () => {
-        const u = await a.createGrantUser(i.value);
-        d.open({
+        const d = await a.createGrantUser(i.value);
+        u.open({
           message: r("grantUser.create.successMessage", {
-            passcode: u.passcode
+            passcode: d.passcode
           }),
           type: "success"
         });
@@ -113,28 +112,28 @@ const H = {
     return y({
       show: c,
       trigger: w
-    }), (u, g) => {
-      const P = h("FmTextField"), $ = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
-      return I(), D(W, null, [
-        ge(u.$slots, "default", { trigger: w }),
+    }), (d, g) => {
+      const T = h("FmTextField"), $ = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
+      return I(), K(J, null, [
+        ge(d.$slots, "default", { trigger: w }),
         n(N, {
           id: "grant-user-form",
           modelValue: c.value,
           "onUpdate:modelValue": g[4] || (g[4] = (f) => c.value = f),
-          "is-container": s(E).FmForm,
+          "is-container": s(M).FmForm,
           "is-container-props": {
-            onValidationSuccess: M,
+            onValidationSuccess: P,
             blameFormChildOnValidationFailed: !0
           },
           "max-width": 560
         }, {
           "side-sheet-header": x(() => [
-            l("p", Ce, k(C.value), 1)
+            l("p", Be, k(C.value), 1)
           ]),
           "side-sheet-footer": x(() => [
-            l("div", $e, [
+            l("div", Ge, [
               n(L, {
-                label: V.value,
+                label: F.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary"
@@ -148,12 +147,12 @@ const H = {
             ])
           ]),
           default: x(() => [
-            l("div", Be, [
-              n(Ie, {
+            l("div", $e, [
+              n(Se, {
                 title: s(r)("grantUser.form.section")
               }, {
                 default: x(() => [
-                  n(P, {
+                  n(T, {
                     modelValue: i.value.name,
                     "onUpdate:modelValue": g[0] || (g[0] = (f) => i.value.name = f),
                     label: s(r)("grantUser.form.name"),
@@ -198,73 +197,73 @@ const H = {
       ], 64);
     };
   }
-}), Re = {
+}), Le = {
   class: "space-y-8"
-}, Le = {
-  class: "xs:hidden flex w-full items-start justify-between"
 }, Ne = {
-  class: "flex items-start gap-8"
+  class: "xs:hidden flex w-full items-start justify-between"
 }, Ae = {
-  class: "space-y-4 hidden xs:block"
+  class: "flex items-start gap-8"
 }, ze = {
-  class: "px-16"
+  class: "space-y-4 hidden xs:block"
 }, De = {
-  class: "px-16 flex items-start gap-8"
+  class: "px-16"
 }, Ke = {
-  class: "pb-64 hidden xs:block"
+  class: "px-16 flex items-start gap-8"
 }, Ee = {
-  class: "space-y-4"
+  class: "pb-64 hidden xs:block"
 }, Me = {
-  class: "flex items-center gap-8"
+  class: "space-y-4"
 }, Pe = {
-  class: "fm-typo-en-body-lg-600"
+  class: "flex items-center gap-8"
 }, Te = {
+  class: "fm-typo-en-body-lg-600"
+}, Oe = {
   class: "font-mono text-lg font-bold mr-4"
 }, je = {
   class: "text-fm-color-typo-secondary"
-}, Oe = {
-  class: "text-xs"
 }, qe = {
-  class: "mt-4 space-y-2"
-}, He = {
   class: "text-xs"
+}, He = {
+  class: "mt-4 space-y-2"
 }, We = {
   class: "text-xs"
 }, Je = {
+  class: "text-xs"
+}, Qe = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Qe = /* @__PURE__ */ J({
+}, Xe = /* @__PURE__ */ Q({
   __name: "GrantUserList",
   setup(p, {
     expose: y
   }) {
     const {
       t: a
-    } = X(), U = S(), b = Z(), {
-      restaurants: d
-    } = Q(), {
+    } = X(), U = S(), b = ee(), {
+      restaurants: u
+    } = Z(), {
       roles: m
-    } = Y(), r = F(() => b.grantUsers), {
+    } = Y(), r = V(() => b.grantUsers), {
       searchKey: c,
       filter: i
-    } = Fe(""), w = F(() => {
-      var t;
-      return (t = r.value) == null ? void 0 : t.filter((e) => {
-        const v = !U.value || U.value.includes(e.restaurantId), T = !B.value || B.value.includes(e.status), A = C.value[e.restaurantId] || "", j = V.value[e.roleId] || "";
-        return v && T && i([e.passcode, e.name, A, j, e.grantByName]);
+    } = Ve(), w = V(() => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.filter((t) => {
+        const v = !U.value || U.value.includes(t.restaurantId), O = !B.value || B.value.includes(t.status), A = C.value[t.restaurantId] || "", j = F.value[t.roleId] || "";
+        return v && O && i([t.passcode, t.name, A, j, t.grantByName]);
       });
-    }), C = F(() => {
-      const t = {};
-      return d.value.forEach((e) => {
-        t[e._id] = e.profile.name;
-      }), t;
-    }), V = F(() => {
-      const t = {};
-      return m.value.forEach((e) => {
-        t[e._id] = e.name;
-      }), t;
-    }), G = (t) => {
-      switch (t) {
+    }), C = V(() => {
+      const e = {};
+      return u.value.forEach((t) => {
+        e[t._id] = t.profile.name;
+      }), e;
+    }), F = V(() => {
+      const e = {};
+      return m.value.forEach((t) => {
+        e[t._id] = t.name;
+      }), e;
+    }), G = (e) => {
+      switch (e) {
         case "active":
           return "bg-fm-color-system-success-100 text-fm-color-typo-success";
         case "used":
@@ -274,49 +273,49 @@ const H = {
         default:
           return "bg-fm-color-typo-secondary text-fm-color-typo-primary";
       }
-    }, R = (t) => a(`grantUser.status.${t}`), M = [{
+    }, R = (e) => a(`grantUser.status.${e}`), P = [{
       accessorKey: "passcode",
       size: 120,
       maxSize: 120,
       minSize: 120,
       header: () => a("grantUser.columns.passcode"),
-      cell(t) {
-        const e = t.row.original.passcode;
+      cell(e) {
+        const t = e.row.original.passcode;
         return _("div", {
           class: "flex items-center gap-8"
-        }, [_(E.FmButton, {
-          variant: q.Tertiary,
+        }, [_(M.FmButton, {
+          variant: H.Tertiary,
           textColor: "neutral-gray-400",
           icon: "content_copy",
           onClick: (v) => {
-            v.stopPropagation(), te(e);
+            v.stopPropagation(), se(t);
           }
         }), _("span", {
           class: "font-mono text-lg font-bold"
-        }, e)]);
+        }, t)]);
       }
     }, {
       accessorKey: "name",
       header: () => a("grantUser.columns.name")
     }, {
       accessorKey: "restaurantName",
-      accessorFn: (t) => C.value[t.restaurantId],
+      accessorFn: (e) => C.value[e.restaurantId],
       header: () => a("grantUser.columns.restaurant"),
       meta: {
         width: "250px"
       },
-      cell(t) {
-        const e = t.row.original.restaurantId, v = C.value[e] || "-";
+      cell(e) {
+        const t = e.row.original.restaurantId, v = C.value[t] || "-";
         return _("div", [_("div", v), _("div", {
           class: "text-fm-color-typo-secondary text-sm"
-        }, `${e}`)]);
+        }, `${t}`)]);
       }
     }, {
       accessorKey: "roleName",
-      accessorFn: (t) => V.value[t.roleId],
+      accessorFn: (e) => F.value[e.roleId],
       header: () => a("grantUser.columns.role"),
-      cell(t) {
-        const e = t.row.original.roleId, v = V.value[e] || "-";
+      cell(e) {
+        const t = e.row.original.roleId, v = F.value[t] || "-";
         return _("div", v);
       }
     }, {
@@ -325,28 +324,28 @@ const H = {
       meta: {
         maxWidth: "120px"
       },
-      cell(t) {
-        const e = t.row.original.status;
-        return _(E.FmChip, {
-          label: R(e),
-          class: G(e)
+      cell(e) {
+        const t = e.row.original.status;
+        return _(M.FmChip, {
+          label: R(t),
+          class: G(t)
         });
       }
     }, {
       accessorKey: "grantByName",
       header: () => a("grantUser.columns.grantedBy"),
-      cell(t) {
-        const e = t.row.original.grantById, v = t.row.original.grantByName;
+      cell(e) {
+        const t = e.row.original.grantById, v = e.row.original.grantByName;
         return _("div", [_("div", v), _("div", {
           class: "text-fm-color-typo-secondary text-sm"
-        }, `${e}`)]);
+        }, `${t}`)]);
       }
     }, {
       accessorKey: "createdAt",
       header: () => a("grantUser.columns.createdAt"),
-      cell(t) {
-        const e = t.row.original.createdAt;
-        return _("div", new Date(e).toLocaleString());
+      cell(e) {
+        const t = e.row.original.createdAt;
+        return _("div", new Date(t).toLocaleString());
       }
     }, {
       id: "action",
@@ -355,25 +354,25 @@ const H = {
         cellClass: "p-16",
         headerContentClass: "-mx-16"
       },
-      cell: (t) => {
-        const e = t.row.original;
-        return e.status !== "active" ? null : _("div", {
+      cell: (e) => {
+        const t = e.row.original;
+        return t.status !== "active" ? null : _("div", {
           class: "w-full flex justify-end items-center gap-4"
-        }, [_(E.FmButton, {
+        }, [_(M.FmButton, {
           label: a("grantUser.actions.revoke"),
-          variant: q.Secondary,
+          variant: H.Secondary,
           onClick: (v) => {
-            v.stopPropagation(), N(e);
+            v.stopPropagation(), N(t);
           }
         })]);
       }
-    }], u = ie(), g = xe(), P = ue(u), $ = S(), {
+    }], d = ie(), g = be(), T = ue(d), $ = S(), {
       breakpoints: L
-    } = be(), N = (t) => {
+    } = we(), N = (e) => {
       g.open({
         title: a("grantUser.revoke.title"),
         message: a("grantUser.revoke.message", {
-          name: t.name
+          name: e.name
         }),
         minWidth: L.value.lg ? 588 : 0,
         primaryActions: {
@@ -386,20 +385,20 @@ const H = {
           close: !0
         }
       }).onPrimary(async () => {
-        P.minor(async () => {
-          await b.revokeGrantUser(t._id, t.restaurantId);
+        T.minor(async () => {
+          await b.revokeGrantUser(e._id, e.restaurantId);
         }, {
           successMessage: a("grantUser.revoke.successMessage", {
-            name: t.name
+            name: e.name
           })
         }), g.close();
       });
     };
     function f() {
-      var t;
-      (t = $.value) == null || t.trigger();
+      var e;
+      (e = $.value) == null || e.trigger();
     }
-    const ee = F(() => [{
+    const te = V(() => [{
       label: a("grantUser.status.active"),
       value: "active"
     }, {
@@ -408,16 +407,19 @@ const H = {
     }, {
       label: a("grantUser.status.revoked"),
       value: "revoked"
-    }]), B = S();
-    async function te(t) {
+    }]), ae = V(() => u.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), B = S();
+    async function se(e) {
       try {
-        await navigator.clipboard.writeText(t), u.open({
+        await navigator.clipboard.writeText(e), d.open({
           message: a("grantUser.passcode.copied"),
           type: "success"
         });
-      } catch (e) {
-        u.open({
-          message: String(e),
+      } catch (t) {
+        d.open({
+          message: String(t),
           type: "error"
         });
       }
@@ -425,127 +427,131 @@ const H = {
     return y({
       create: f,
       filteredGrantUsers: w
-    }), (t, e) => {
-      const v = h("FmSearch"), T = h("FmTable"), A = h("FmButton"), j = h("FmChip"), de = h("FmListItem"), me = h("FmList");
-      return I(), D(W, null, [n(Ge, {
+    }), (e, t) => {
+      const v = h("FmSearch"), O = h("FmTable"), A = h("FmButton"), j = h("FmChip"), de = h("FmListItem"), me = h("FmList");
+      return I(), K(J, null, [n(Re, {
         ref_key: "grantUserFormRef",
         ref: $,
         class: "gap-8"
-      }, null, 512), l("div", Re, [l("div", Le, [l("div", Ne, [n(s(oe), {
+      }, null, 512), l("div", Le, [l("div", Ne, [l("div", Ae, [n(D, {
         modelValue: U.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => U.value = o),
-        "managable-only": !1,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => U.value = o),
         multiple: "",
+        items: ae.value,
         variant: "dark",
+        "selected-prefix": s(a)("grantUser.columns.restaurant"),
+        placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
-      }, null, 8, ["modelValue"]), n(ne, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
         modelValue: B.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (o) => B.value = o),
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => B.value = o),
         multiple: "",
         variant: "dark",
-        items: ee.value,
+        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"])]), n(v, {
         modelValue: s(c),
-        "onUpdate:modelValue": e[2] || (e[2] = (o) => ae(c) ? c.value = o : null),
+        "onUpdate:modelValue": t[2] || (t[2] = (o) => re(c) ? c.value = o : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l("div", Ae, [l("div", ze, [n(v, {
+      }, null, 8, ["modelValue", "placeholder"])]), l("div", ze, [l("div", De, [n(v, {
         modelValue: s(c),
-        "onUpdate:modelValue": e[3] || (e[3] = (o) => ae(c) ? c.value = o : null),
+        "onUpdate:modelValue": t[3] || (t[3] = (o) => re(c) ? c.value = o : null),
         autofocus: "",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(ke), l("div", De, [n(s(oe), {
+      }, null, 8, ["modelValue", "placeholder"])]), n(Fe), l("div", Ke, [n(D, {
         modelValue: U.value,
-        "onUpdate:modelValue": e[4] || (e[4] = (o) => U.value = o),
-        "managable-only": !1,
+        "onUpdate:modelValue": t[4] || (t[4] = (o) => U.value = o),
         multiple: "",
+        items: ae.value,
         variant: "dark",
+        "selected-prefix": s(a)("grantUser.columns.restaurant"),
+        placeholder: s(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
-      }, null, 8, ["modelValue"]), n(ne, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
         modelValue: B.value,
-        "onUpdate:modelValue": e[5] || (e[5] = (o) => B.value = o),
+        "onUpdate:modelValue": t[5] || (t[5] = (o) => B.value = o),
         multiple: "",
-        items: ee.value,
+        items: te.value,
         variant: "dark",
         "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
         placeholder: s(a)("grantUser.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), r.value.length > 0 || s(b).isLoading ? (I(), K(we, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), r.value.length > 0 || s(b).isLoading ? (I(), E(ke, {
         key: 0,
         class: "overflow-auto"
       }, {
-        default: x(() => [n(T, {
+        default: x(() => [n(O, {
           class: "xs:hidden",
-          "column-defs": M,
+          "column-defs": P,
           "row-data": w.value,
           "page-size": w.value.length,
           loading: s(b).isLoading,
           virtual: w.value.length > 0,
           "pin-header-row": "",
           "hide-footer": ""
-        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), l("div", Ke, [n(me, {
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), l("div", Ee, [n(me, {
           separator: ""
         }, {
-          default: x(() => [(I(!0), D(W, null, fe(w.value, (o) => (I(), K(de, {
+          default: x(() => [(I(!0), K(J, null, fe(w.value, (o) => (I(), E(de, {
             key: o._id,
             class: "py-12 px-16 items-center justify-between"
           }, {
-            default: x(() => [l("div", Ee, [l("div", Me, [n(A, {
+            default: x(() => [l("div", Me, [l("div", Pe, [n(A, {
               variant: "tertiary",
               "text-color": "neutral-gray-400",
               icon: "content_copy",
-              onClick: se((pe) => te(o.passcode), ["stop"])
-            }, null, 8, ["onClick"]), l("p", Pe, [l("span", Te, k(o.passcode), 1), re(" - " + k(o.name), 1)])]), l("div", je, [l("div", null, [re(k(C.value[o.restaurantId] || "-") + " ", 1), l("div", Oe, k(o.restaurantId), 1), l("div", null, k(V.value[o.roleId] || "-"), 1)]), l("div", qe, [l("div", He, k(s(a)("grantUser.columns.grantedBy")) + ": " + k(o.grantByName), 1), l("div", We, k(s(a)("grantUser.columns.createdAt")) + ": " + k(new Date(o.createdAt).toLocaleString()), 1), n(j, {
+              onClick: oe((pe) => se(o.passcode), ["stop"])
+            }, null, 8, ["onClick"]), l("p", Te, [l("span", Oe, k(o.passcode), 1), ne(" - " + k(o.name), 1)])]), l("div", je, [l("div", null, [ne(k(C.value[o.restaurantId] || "-") + " ", 1), l("div", qe, k(o.restaurantId), 1), l("div", null, k(F.value[o.roleId] || "-"), 1)]), l("div", He, [l("div", We, k(s(a)("grantUser.columns.grantedBy")) + ": " + k(o.grantByName), 1), l("div", Je, k(s(a)("grantUser.columns.createdAt")) + ": " + k(new Date(o.createdAt).toLocaleString()), 1), n(j, {
               label: R(o.status),
               class: _e(G(o.status))
-            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (I(), D("div", Je, [n(A, {
+            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (I(), K("div", Qe, [n(A, {
               label: s(a)("grantUser.actions.revoke"),
-              variant: s(q).Secondary,
-              onClick: se((pe) => N(o), ["stop"])
+              variant: s(H).Secondary,
+              onClick: oe((pe) => N(o), ["stop"])
             }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
             _: 2
           }, 1024))), 128))]),
           _: 1
         })])]),
         _: 1
-      })) : (I(), K(s(Ve), {
+      })) : (I(), E(s(Ie), {
         key: 1,
         title: s(a)("grantUser.noData.title"),
         subtitle: s(a)("grantUser.noData.subtitle")
       }, null, 8, ["title", "subtitle"]))])], 64);
     };
   }
-}), dt = /* @__PURE__ */ J({
+}), dt = /* @__PURE__ */ Q({
   __name: "Main",
   setup(p) {
-    const { readGrantUsers: y } = Z(), { readRestaurants: a, currentBusiness: U } = Q(), { readRoles: b } = Y(), { t: d } = X(), m = S();
+    const { readGrantUsers: y } = ee(), { currentBusiness: a } = ye(), { readRoles: U } = Y(), { readRestaurants: b } = Z(), { t: u } = X(), m = S();
     return ce(
-      U,
+      a,
       async () => {
         var r;
-        (r = U.value) != null && r._id && await Promise.all([a(), b(), y()]);
+        (r = a.value) != null && r._id && await Promise.all([b(), U(), y()]);
       },
       { immediate: !0 }
     ), (r, c) => {
       const i = h("FmSpacer"), w = h("FmButton");
-      return I(), K(ye, {
-        heading: s(d)("grantUser.title")
+      return I(), E(Ue, {
+        heading: s(u)("grantUser.title")
       }, {
         "append-heading": x(() => [
           n(i),
           n(w, {
             "prepend-icon": "add",
-            label: s(d)("grantUser.actions.create"),
+            label: s(u)("grantUser.actions.create"),
             onClick: c[0] || (c[0] = (C) => {
-              var V;
-              return (V = m.value) == null ? void 0 : V.create();
+              var F;
+              return (F = m.value) == null ? void 0 : F.create();
             })
           }, null, 8, ["label"])
         ]),
         default: x(() => [
-          n(Qe, {
+          n(Xe, {
             ref_key: "grantUserListRef",
             ref: m
           }, null, 512)