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

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

@@ -1,46 +1,46 @@
-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 { 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 { _ 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 { useSnackbar as Y, components as M, useDialog as Ue, useBreakpoints as he, FmButtonVariant as q } from "@feedmepos/ui-library";
+import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as Z } from "./useAppStore-CTBRpqmO.js";
+import { g as z, a as be, b as H, u as ee } from "./iteration-Dc-Bz5bA.js";
+import { defineStore as ke } from "pinia";
 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";
+import { _ as we } from "./app-g_SrJtfC.js";
+import { _ as ce, u as Fe, H as Ve } from "./FormItem.vue_vue_type_script_setup_true_lang-D3MOFOUI.js";
+import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as ue } from "./useLoading-XvrLj1VM.js";
+import { _ as Ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
 const W = {
   async getGrantUsers() {
-    return z(await q("grant").get(""));
+    return z(await H("grant").get(""));
   },
-  async createGrantUser(p) {
-    return z(await q("grant").post("", p));
+  async createGrantUser(m) {
+    return z(await H("grant").post("", m));
   },
-  async revokeGrantUser(p, y) {
+  async revokeGrantUser(m, y) {
     return z(
-      await q("grant").patch(`/revoke/${p}`, null, {
+      await H("grant").patch(`/revoke/${m}`, null, {
         params: { restaurantId: y }
       })
     );
   },
   // Test grant validation
-  async validatePasscode(p, y) {
+  async validatePasscode(m, y) {
     return z(
-      await he().post("", {
-        passcode: p,
+      await be().post("", {
+        passcode: m,
         restaurantId: y
       })
     );
   }
-}, Ce = xe("grantUser", () => {
-  const p = S([]), y = S(!1);
+}, Ce = ke("grantUser", () => {
+  const m = I([]), y = I(!1);
   async function a() {
     y.value = !0;
     try {
-      p.value = (await W.getGrantUsers()).sort(
-        (u, m) => u.createdAt < m.createdAt ? 1 : -1
+      m.value = (await W.getGrantUsers()).sort(
+        (u, p) => u.createdAt < p.createdAt ? 1 : -1
       );
     } catch (u) {
       throw console.error("Error reading grant users:", u), u;
@@ -50,77 +50,77 @@ const W = {
   }
   async function U(u) {
     try {
-      const m = await W.createGrantUser(u);
-      return p.value = [m, ...p.value], m;
-    } catch (m) {
-      throw console.error("Error creating grant user:", m), m;
+      const p = await W.createGrantUser(u);
+      return m.value = [p, ...m.value], p;
+    } catch (p) {
+      throw console.error("Error creating grant user:", p), p;
     }
   }
-  async function b(u, m) {
+  async function b(u, p) {
     try {
-      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;
+      const l = await W.revokeGrantUser(u, p), i = m.value.findIndex((s) => s._id === u);
+      i !== -1 && (m.value[i] = l);
+    } catch (l) {
+      throw console.error("Error revoking grant user:", l), l;
     }
   }
   return {
-    grantUsers: p,
+    grantUsers: m,
     isLoading: y,
     readGrantUsers: a,
     createGrantUser: U,
     revokeGrantUser: b
   };
-}), 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({
+}), 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({
   __name: "GrantUserForm",
-  setup(p, { expose: y }) {
-    const a = ee(), U = Y(), b = Z(), u = ie(), m = ue(u), { t: r } = X(), c = S(!1), i = S({
+  setup(m, { expose: y }) {
+    const a = te(), U = Z(), b = ee(), u = Y(), p = ue(u), { t: l } = X(), i = I(!1), s = I({
       name: "",
       restaurantId: "",
       roleId: ""
-    }), w = () => {
-      i.value = {
+    }), k = () => {
+      s.value = {
         name: "",
         restaurantId: "",
         roleId: ""
-      }, c.value = !0;
-    }, C = V(() => r("grantUser.form.title")), F = V(() => r("common.create")), G = V(() => b.restaurants.value.map((d) => ({
+      }, i.value = !0;
+    }, V = F(() => l("grantUser.form.title")), C = F(() => l("common.create")), B = F(() => 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) => ({
+    }))), R = F(() => s.value.restaurantId ? U.roles.value.filter((d) => d.restaurants.some((g) => g.id === s.value.restaurantId)).map((d) => ({
       label: d.name,
       value: d._id,
       disabled: !d.isUsable
     })) : []);
-    ce(
-      () => i.value.restaurantId,
+    ie(
+      () => s.value.restaurantId,
       () => {
-        i.value.roleId = "";
+        s.value.roleId = "";
       }
     );
     async function P() {
-      await m.minor(async () => {
-        const d = await a.createGrantUser(i.value);
+      await p.minor(async () => {
+        const d = await a.createGrantUser(s.value);
         u.open({
-          message: r("grantUser.create.successMessage", {
+          message: l("grantUser.create.successMessage", {
             passcode: d.passcode
           }),
           type: "success"
         });
-      }), c.value = !1;
+      }), i.value = !1;
     }
     return y({
-      show: c,
-      trigger: w
+      show: i,
+      trigger: k
     }), (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 }),
+      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, {
           id: "grant-user-form",
-          modelValue: c.value,
-          "onUpdate:modelValue": g[4] || (g[4] = (f) => c.value = f),
-          "is-container": s(M).FmForm,
+          modelValue: i.value,
+          "onUpdate:modelValue": g[4] || (g[4] = (f) => i.value = f),
+          "is-container": r(M).FmForm,
           "is-container-props": {
             onValidationSuccess: P,
             blameFormChildOnValidationFailed: !0
@@ -128,61 +128,61 @@ const W = {
           "max-width": 560
         }, {
           "side-sheet-header": x(() => [
-            l("p", Be, k(C.value), 1)
+            c("p", Be, w(V.value), 1)
           ]),
           "side-sheet-footer": x(() => [
-            l("div", Ge, [
+            c("div", Ge, [
               n(L, {
-                label: F.value,
+                label: C.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary"
               }, null, 8, ["label"]),
               n(L, {
-                label: s(r)("common.cancel"),
+                label: r(l)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                onClick: g[3] || (g[3] = () => c.value = !1)
+                onClick: g[3] || (g[3] = () => i.value = !1)
               }, null, 8, ["label"])
             ])
           ]),
           default: x(() => [
-            l("div", $e, [
-              n(Se, {
-                title: s(r)("grantUser.form.section")
+            c("div", $e, [
+              n(Ie, {
+                title: r(l)("grantUser.form.section")
               }, {
                 default: x(() => [
                   n(T, {
-                    modelValue: i.value.name,
-                    "onUpdate:modelValue": g[0] || (g[0] = (f) => i.value.name = f),
-                    label: s(r)("grantUser.form.name"),
-                    rules: [(f) => !!f || s(r)("grantUser.form.nameRequired")]
+                    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")]
                   }, null, 8, ["modelValue", "label", "rules"]),
-                  n(le, {
-                    label: s(r)("grantUser.form.restaurant")
+                  n(ce, {
+                    label: r(l)("grantUser.form.restaurant")
                   }, {
                     default: x(() => [
-                      n($, {
-                        modelValue: i.value.restaurantId,
-                        "onUpdate:modelValue": g[1] || (g[1] = (f) => i.value.restaurantId = f),
-                        items: G.value,
-                        placeholder: s(r)("grantUser.form.selectRestaurant"),
-                        rules: [(f) => !!f || s(r)("grantUser.form.restaurantRequired")]
+                      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")]
                       }, null, 8, ["modelValue", "items", "placeholder", "rules"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  n(le, {
-                    label: s(r)("grantUser.form.role")
+                  n(ce, {
+                    label: r(l)("grantUser.form.role")
                   }, {
                     default: x(() => [
-                      n($, {
-                        modelValue: i.value.roleId,
-                        "onUpdate:modelValue": g[2] || (g[2] = (f) => i.value.roleId = f),
+                      n(G, {
+                        modelValue: s.value.roleId,
+                        "onUpdate:modelValue": g[2] || (g[2] = (f) => s.value.roleId = f),
                         items: R.value,
-                        placeholder: s(r)("grantUser.form.selectRole"),
-                        disabled: !i.value.restaurantId,
-                        rules: [(f) => !!f || s(r)("grantUser.form.roleRequired")]
+                        placeholder: r(l)("grantUser.form.selectRole"),
+                        disabled: !s.value.restaurantId,
+                        rules: [(f) => !!f || r(l)("grantUser.form.roleRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
                     ]),
                     _: 1
@@ -207,9 +207,9 @@ const W = {
   class: "space-y-4 hidden xs:block"
 }, De = {
   class: "px-16"
-}, Ke = {
-  class: "px-16 flex items-start gap-8"
 }, Ee = {
+  class: "px-16 flex items-start gap-8"
+}, Ke = {
   class: "pb-64 hidden xs:block"
 }, Me = {
   class: "space-y-4"
@@ -234,35 +234,35 @@ const W = {
   class: "flex flex-col gap-4"
 }, Xe = /* @__PURE__ */ Q({
   __name: "GrantUserList",
-  setup(p, {
+  setup(m, {
     expose: y
   }) {
     const {
       t: a
-    } = X(), U = S(), b = ee(), {
+    } = X(), U = I(), b = te(), {
       restaurants: u
-    } = Z(), {
-      roles: m
-    } = Y(), r = V(() => b.grantUsers), {
-      searchKey: c,
-      filter: i
-    } = Ve(), w = V(() => {
+    } = ee(), {
+      roles: p
+    } = Z(), l = F(() => b.grantUsers), {
+      searchKey: i,
+      filter: s
+    } = Fe(), k = F(() => {
       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]);
+      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]);
       });
-    }), C = V(() => {
+    }), V = F(() => {
       const e = {};
       return u.value.forEach((t) => {
         e[t._id] = t.profile.name;
       }), e;
-    }), F = V(() => {
+    }), C = F(() => {
       const e = {};
-      return m.value.forEach((t) => {
+      return p.value.forEach((t) => {
         e[t._id] = t.name;
       }), e;
-    }), G = (e) => {
+    }), B = (e) => {
       switch (e) {
         case "active":
           return "bg-fm-color-system-success-100 text-fm-color-typo-success";
@@ -284,7 +284,7 @@ const W = {
         return _("div", {
           class: "flex items-center gap-8"
         }, [_(M.FmButton, {
-          variant: H.Tertiary,
+          variant: q.Tertiary,
           textColor: "neutral-gray-400",
           icon: "content_copy",
           onClick: (v) => {
@@ -299,23 +299,23 @@ const W = {
       header: () => a("grantUser.columns.name")
     }, {
       accessorKey: "restaurantName",
-      accessorFn: (e) => C.value[e.restaurantId],
+      accessorFn: (e) => V.value[e.restaurantId],
       header: () => a("grantUser.columns.restaurant"),
       meta: {
         width: "250px"
       },
       cell(e) {
-        const t = e.row.original.restaurantId, v = C.value[t] || "-";
+        const t = e.row.original.restaurantId, v = V.value[t] || "-";
         return _("div", [_("div", v), _("div", {
           class: "text-fm-color-typo-secondary text-sm"
         }, `${t}`)]);
       }
     }, {
       accessorKey: "roleName",
-      accessorFn: (e) => F.value[e.roleId],
+      accessorFn: (e) => C.value[e.roleId],
       header: () => a("grantUser.columns.role"),
       cell(e) {
-        const t = e.row.original.roleId, v = F.value[t] || "-";
+        const t = e.row.original.roleId, v = C.value[t] || "-";
         return _("div", v);
       }
     }, {
@@ -328,7 +328,7 @@ const W = {
         const t = e.row.original.status;
         return _(M.FmChip, {
           label: R(t),
-          class: G(t)
+          class: B(t)
         });
       }
     }, {
@@ -360,15 +360,15 @@ const W = {
           class: "w-full flex justify-end items-center gap-4"
         }, [_(M.FmButton, {
           label: a("grantUser.actions.revoke"),
-          variant: H.Secondary,
+          variant: q.Secondary,
           onClick: (v) => {
             v.stopPropagation(), N(t);
           }
         })]);
       }
-    }], d = ie(), g = be(), T = ue(d), $ = S(), {
+    }], d = Y(), g = Ue(), T = ue(d), G = I(), {
       breakpoints: L
-    } = we(), N = (e) => {
+    } = he(), N = (e) => {
       g.open({
         title: a("grantUser.revoke.title"),
         message: a("grantUser.revoke.message", {
@@ -396,9 +396,9 @@ const W = {
     };
     function f() {
       var e;
-      (e = $.value) == null || e.trigger();
+      (e = G.value) == null || e.trigger();
     }
-    const te = V(() => [{
+    const ae = F(() => [{
       label: a("grantUser.status.active"),
       value: "active"
     }, {
@@ -407,10 +407,10 @@ const W = {
     }, {
       label: a("grantUser.status.revoked"),
       value: "revoked"
-    }]), ae = V(() => u.value.map((e) => ({
+    }]), re = F(() => u.value.map((e) => ({
       label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
       value: e._id
-    }))), B = S();
+    }))), $ = I();
     async function se(e) {
       try {
         await navigator.clipboard.writeText(e), d.open({
@@ -426,134 +426,142 @@ const W = {
     }
     return y({
       create: f,
-      filteredGrantUsers: w
+      filteredGrantUsers: k
     }), (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, {
+      return S(), E(J, null, [n(Re, {
         ref_key: "grantUserFormRef",
-        ref: $,
+        ref: G,
         class: "gap-8"
-      }, null, 512), l("div", Le, [l("div", Ne, [l("div", Ae, [n(D, {
+      }, null, 512), c("div", Le, [c("div", Ne, [c("div", Ae, [n(D, {
         modelValue: U.value,
         "onUpdate:modelValue": t[0] || (t[0] = (o) => U.value = o),
         multiple: "",
-        items: ae.value,
+        items: re.value,
         variant: "dark",
-        "selected-prefix": s(a)("grantUser.columns.restaurant"),
-        placeholder: s(a)("grantUser.columns.restaurant"),
+        "selected-prefix": r(a)("grantUser.columns.restaurant"),
+        placeholder: r(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
-        modelValue: B.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (o) => B.value = o),
+        modelValue: $.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => $.value = o),
         multiple: "",
         variant: "dark",
-        items: te.value,
-        "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
-        placeholder: s(a)("grantUser.filter.status_placeholder")
+        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: s(c),
-        "onUpdate:modelValue": t[2] || (t[2] = (o) => re(c) ? c.value = o : null),
+        modelValue: r(i),
+        "onUpdate:modelValue": t[2] || (t[2] = (o) => oe(i) ? i.value = o : null),
         autofocus: "",
         class: "pl-4 w-[320px]",
-        placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l("div", ze, [l("div", De, [n(v, {
-        modelValue: s(c),
-        "onUpdate:modelValue": t[3] || (t[3] = (o) => re(c) ? c.value = o : null),
+        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),
         autofocus: "",
-        placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), n(Fe), l("div", Ke, [n(D, {
+        placeholder: r(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), n(Ve), c("div", Ee, [n(D, {
         modelValue: U.value,
         "onUpdate:modelValue": t[4] || (t[4] = (o) => U.value = o),
         multiple: "",
-        items: ae.value,
+        items: re.value,
         variant: "dark",
-        "selected-prefix": s(a)("grantUser.columns.restaurant"),
-        placeholder: s(a)("grantUser.columns.restaurant"),
+        "selected-prefix": r(a)("grantUser.columns.restaurant"),
+        placeholder: r(a)("grantUser.columns.restaurant"),
         class: "!w-auto"
       }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), n(D, {
-        modelValue: B.value,
-        "onUpdate:modelValue": t[5] || (t[5] = (o) => B.value = o),
+        modelValue: $.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (o) => $.value = o),
         multiple: "",
-        items: te.value,
+        items: ae.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(), E(ke, {
+        "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": w.value,
-          "page-size": w.value.length,
-          loading: s(b).isLoading,
-          virtual: w.value.length > 0,
+          "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"]), l("div", Ee, [n(me, {
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", Ke, [n(me, {
           separator: ""
         }, {
-          default: x(() => [(I(!0), K(J, null, fe(w.value, (o) => (I(), E(de, {
+          default: x(() => [(S(!0), E(J, null, fe(k.value, (o) => (S(), K(de, {
             key: o._id,
             class: "py-12 px-16 items-center justify-between"
           }, {
-            default: x(() => [l("div", Me, [l("div", Pe, [n(A, {
+            default: x(() => [c("div", Me, [c("div", Pe, [n(A, {
               variant: "tertiary",
               "text-color": "neutral-gray-400",
               icon: "content_copy",
-              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, {
+              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(G(o.status))
-            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (I(), K("div", Qe, [n(A, {
-              label: s(a)("grantUser.actions.revoke"),
-              variant: s(H).Secondary,
-              onClick: oe((pe) => N(o), ["stop"])
+              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"])
             }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
             _: 2
           }, 1024))), 128))]),
           _: 1
         })])]),
         _: 1
-      })) : (I(), E(s(Ie), {
+      })) : (S(), K(r(Se), {
         key: 1,
-        title: s(a)("grantUser.noData.title"),
-        subtitle: s(a)("grantUser.noData.subtitle")
+        title: r(a)("grantUser.noData.title"),
+        subtitle: r(a)("grantUser.noData.subtitle")
       }, null, 8, ["title", "subtitle"]))])], 64);
     };
   }
 }), dt = /* @__PURE__ */ Q({
   __name: "Main",
-  setup(p) {
-    const { readGrantUsers: y } = ee(), { currentBusiness: a } = ye(), { readRoles: U } = Y(), { readRestaurants: b } = Z(), { t: u } = X(), m = S();
-    return ce(
+  setup(m) {
+    const { readGrantUsers: y } = te(), { currentBusiness: a } = ye(), { readRoles: U } = Z(), { readRestaurants: b } = ee(), { t: u } = X(), p = Y(), l = I();
+    return ie(
       a,
       async () => {
-        var r;
-        (r = a.value) != null && r._id && await Promise.all([b(), U(), y()]);
+        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),
+              type: "error"
+            });
+          }
       },
       { immediate: !0 }
-    ), (r, c) => {
-      const i = h("FmSpacer"), w = h("FmButton");
-      return I(), E(Ue, {
-        heading: s(u)("grantUser.title")
+    ), (i, s) => {
+      const k = h("FmSpacer"), V = h("FmButton");
+      return S(), K(xe, {
+        heading: r(u)("grantUser.title")
       }, {
         "append-heading": x(() => [
-          n(i),
-          n(w, {
+          n(k),
+          n(V, {
             "prepend-icon": "add",
-            label: s(u)("grantUser.actions.create"),
-            onClick: c[0] || (c[0] = (C) => {
-              var F;
-              return (F = m.value) == null ? void 0 : F.create();
+            label: r(u)("grantUser.actions.create"),
+            onClick: s[0] || (s[0] = (C) => {
+              var B;
+              return (B = l.value) == null ? void 0 : B.create();
             })
           }, null, 8, ["label"])
         ]),
         default: x(() => [
           n(Xe, {
             ref_key: "grantUserListRef",
-            ref: m
+            ref: l
           }, null, 512)
         ]),
         _: 1