@feedmepos/mf-hrm-portal 2.0.17-dev.5 → 2.0.17

package/dist/FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js

@@ -0,0 +1,71 @@
+import { defineComponent as i, createElementBlock as s, openBlock as o, createElementVNode as l, renderSlot as n, createCommentVNode as c, toDisplayString as a, normalizeClass as d, createVNode as m, withCtx as f } from "vue";
+const p = { class: "space-y-8" }, y = { class: "flex items-center justify-between" }, h = { class: "space-y-8" }, u = { class: "fm-typo-en-body-lg-600" }, _ = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, w = /* @__PURE__ */ i({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", p, [
+      l("div", y, [
+        l("div", h, [
+          l("p", u, a(e.label), 1),
+          e.description ? (o(), s("p", _, a(e.description), 1)) : c("", !0)
+        ]),
+        n(t.$slots, "append")
+      ]),
+      n(t.$slots, "default")
+    ]));
+  }
+}), b = /* @__PURE__ */ i({
+  __name: "FormColumn",
+  props: {
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", {
+      class: d(["flex-1 flex flex-col space-y-24", { "min-h-0": e.shrinkable }])
+    }, [
+      n(t.$slots, "default")
+    ], 2));
+  }
+}), k = {
+  key: 0,
+  class: "flex flex-row justify-between items-center"
+}, $ = { class: "space-y-4" }, x = { class: "fm-typo-en-title-sm-600" }, v = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, B = /* @__PURE__ */ i({
+  __name: "FormSection",
+  props: {
+    title: {},
+    subTitle: {},
+    shrinkable: { type: Boolean }
+  },
+  setup(e) {
+    return (t, r) => (o(), s("div", {
+      class: d(["flex flex-col space-y-16", { "min-h-0": e.shrinkable }])
+    }, [
+      e.title ? (o(), s("div", k, [
+        l("div", $, [
+          l("p", x, a(e.title), 1),
+          e.subTitle ? (o(), s("p", v, a(e.subTitle), 1)) : c("", !0)
+        ]),
+        n(t.$slots, "append-title")
+      ])) : c("", !0),
+      m(b, { shrinkable: e.shrinkable }, {
+        default: f(() => [
+          n(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shrinkable"])
+    ], 2));
+  }
+});
+export {
+  B as _,
+  w as a
+};

package/dist/HorizontalSplitter-o860F4xM.js

@@ -0,0 +1,12 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as t } from "vue";
+import { _ as l } from "./SelectFilter-DUj7GBtT.js";
+const n = {};
+function c(s, r) {
+  return o(), e("div", null, [...r[0] || (r[0] = [
+    t("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const i = /* @__PURE__ */ l(n, [["render", c]]);
+export {
+  i as H
+};

package/dist/{Main-w0XUUaBp.js → Main-C4LaqZaa.js}

@@ -4,20 +4,18 @@ import { useI18n as N } from "@feedmepos/mf-common";
 import { _ as g } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as h } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import "@feedmepos/ui-library";
-import "./rule-3sXHiW0y.js";
-import "./lodash-D5xlVzib.js";
-import "./iteration-JOKbtlLf.js";
-import "./useAppStore-CvmsaYSG.js";
-import { R as v } from "./app-COJbSNM4.js";
+import "./rule-BL-miuus.js";
+import "./iteration-BQA73VxD.js";
+import { R as v } from "./app--3WguZOC.js";
+import "./useAppStore-BHWapSDk.js";
 /* empty css                                                                      */
-/* empty css                                                                            */
-import "./team-CyNektSD.js";
-const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
+/* empty css                                                                        */
+const w = { class: "space-y-24" }, K = /* @__PURE__ */ V({
   __name: "Main",
   setup(x) {
     const { t: a } = N(), f = k(), R = F(), _ = u(), b = u(), t = u("member");
     R.name === v.TEAM_ROLE ? t.value = "role" : t.value = "member";
-    const r = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
+    const l = B(() => n.value.find((e) => e.value === t.value) || n.value[0]);
     A(t, (e) => {
       e === "member" ? f.replace({ name: v.TEAM_MEMBER }) : e === "role" && f.replace({ name: v.TEAM_ROLE });
     });
@@ -41,20 +39,20 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
         }
       }
     ]);
-    return (e, l) => {
+    return (e, r) => {
       const L = i("FmSpacer"), E = i("FmTabs"), M = i("RouterView");
       return c(), s(h, {
-        heading: r.value.label
+        heading: l.value.label
       }, {
         "append-heading": p(() => {
           var o;
           return [
             d(L),
-            (o = r.value) != null && o.createButtonLabel ? (c(), s(g, {
+            (o = l.value) != null && o.createButtonLabel ? (c(), s(g, {
               key: 0,
               icon: "add",
-              label: r.value.createButtonLabel,
-              onClick: l[0] || (l[0] = (m) => r.value.createButtonAction())
+              label: l.value.createButtonLabel,
+              onClick: r[0] || (r[0] = (m) => l.value.createButtonAction())
             }, null, 8, ["label"])) : S("", !0)
           ];
         }),
@@ -62,7 +60,7 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
           C("div", w, [
             d(E, {
               modelValue: t.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
+              "onUpdate:modelValue": r[1] || (r[1] = (o) => t.value = o),
               items: n.value
             }, null, 8, ["modelValue", "items"]),
             d(M, null, {
@@ -83,5 +81,5 @@ const w = { class: "space-y-24" }, Q = /* @__PURE__ */ V({
   }
 });
 export {
-  Q as default
+  K as default
 };

package/dist/{Main-pTgqNncY.js → Main-C7Q3OELU.js}

@@ -1,17 +1,17 @@
-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 o, unref as s, withCtx as b, createElementVNode as l, toDisplayString as w, 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 { 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-CvmsaYSG.js";
+import { u as Y } from "./useAppStore-BHWapSDk.js";
 import { defineStore as Ue } from "pinia";
-import { g as z, a as he, b as O } from "./iteration-JOKbtlLf.js";
+import { g as z, a as he, b as O } from "./iteration-BQA73VxD.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-COJbSNM4.js";
-import { _ as le, H as ke } from "./FormItem.vue_vue_type_script_setup_true_lang-CoorkndT.js";
+import { _ as we } from "./app--3WguZOC.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-BAPEUu1R.js";
-import { u as ue } from "./useLoading-4TNmhm5N.js";
-import { _ as Ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+import { u as Fe } from "./useSearch-B6WK1LBB.js";
+import { u as ue } from "./useLoading-D7PklYeR.js";
+import { _ as Ie, a as le } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
 const H = {
   async getGrantUsers() {
     return z(await O("grant").get(""));
@@ -57,12 +57,12 @@ const H = {
       throw console.error("Error creating grant user:", m), m;
     }
   }
-  async function x(d, m) {
+  async function b(d, m) {
     try {
-      const n = await H.revokeGrantUser(d, m), i = p.value.findIndex((c) => c._id === d);
-      i !== -1 && (p.value[i] = n);
-    } catch (n) {
-      throw console.error("Error revoking grant user:", n), n;
+      const r = await H.revokeGrantUser(d, m), c = p.value.findIndex((i) => i._id === d);
+      c !== -1 && (p.value[c] = r);
+    } catch (r) {
+      throw console.error("Error revoking grant user:", r), r;
     }
   }
   return {
@@ -70,57 +70,57 @@ const H = {
     isLoading: y,
     readGrantUsers: a,
     createGrantUser: U,
-    revokeGrantUser: x
+    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({
   __name: "GrantUserForm",
   setup(p, { expose: y }) {
-    const a = Z(), U = Y(), x = Q(), d = ie(), m = ue(d), { t: n } = X(), i = S(!1), c = S({
+    const a = Z(), U = Y(), b = Q(), d = ie(), m = ue(d), { t: r } = X(), c = S(!1), i = S({
       name: "",
       restaurantId: "",
       roleId: ""
-    }), k = () => {
-      c.value = {
+    }), w = () => {
+      i.value = {
         name: "",
         restaurantId: "",
         roleId: ""
-      }, i.value = !0;
-    }, V = F(() => n("grantUser.form.title")), C = F(() => n("common.create")), G = F(() => x.restaurants.value.map((u) => ({
+      }, 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(() => c.value.restaurantId ? U.roles.value.filter((u) => u.restaurants.some((g) => g.id === c.value.restaurantId)).map((u) => ({
+    }))), 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
     })) : []);
     ce(
-      () => c.value.restaurantId,
+      () => i.value.restaurantId,
       () => {
-        c.value.roleId = "";
+        i.value.roleId = "";
       }
     );
     async function M() {
       await m.minor(async () => {
-        const u = await a.createGrantUser(c.value);
+        const u = await a.createGrantUser(i.value);
         d.open({
-          message: n("grantUser.create.successMessage", {
+          message: r("grantUser.create.successMessage", {
             passcode: u.passcode
           }),
           type: "success"
         });
-      }), i.value = !1;
+      }), c.value = !1;
     }
     return y({
-      show: i,
-      trigger: k
+      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: k }),
-        o(N, {
+        ge(u.$slots, "default", { trigger: w }),
+        n(N, {
           id: "grant-user-form",
-          modelValue: i.value,
-          "onUpdate:modelValue": g[4] || (g[4] = (f) => i.value = f),
+          modelValue: c.value,
+          "onUpdate:modelValue": g[4] || (g[4] = (f) => c.value = f),
           "is-container": s(E).FmForm,
           "is-container-props": {
             onValidationSuccess: M,
@@ -128,62 +128,62 @@ const H = {
           },
           "max-width": 560
         }, {
-          "side-sheet-header": b(() => [
-            l("p", Ce, w(V.value), 1)
+          "side-sheet-header": x(() => [
+            l("p", Ce, k(C.value), 1)
           ]),
-          "side-sheet-footer": b(() => [
+          "side-sheet-footer": x(() => [
             l("div", $e, [
-              o(L, {
-                label: C.value,
+              n(L, {
+                label: V.value,
                 size: "lg",
                 type: "submit",
                 variant: "primary"
               }, null, 8, ["label"]),
-              o(L, {
-                label: s(n)("common.cancel"),
+              n(L, {
+                label: s(r)("common.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                onClick: g[3] || (g[3] = () => i.value = !1)
+                onClick: g[3] || (g[3] = () => c.value = !1)
               }, null, 8, ["label"])
             ])
           ]),
-          default: b(() => [
+          default: x(() => [
             l("div", Be, [
-              o(Ie, {
-                title: s(n)("grantUser.form.section")
+              n(Ie, {
+                title: s(r)("grantUser.form.section")
               }, {
-                default: b(() => [
-                  o(P, {
-                    modelValue: c.value.name,
-                    "onUpdate:modelValue": g[0] || (g[0] = (f) => c.value.name = f),
-                    label: s(n)("grantUser.form.name"),
-                    rules: [(f) => !!f || s(n)("grantUser.form.nameRequired")]
+                default: x(() => [
+                  n(P, {
+                    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")]
                   }, null, 8, ["modelValue", "label", "rules"]),
-                  o(le, {
-                    label: s(n)("grantUser.form.restaurant")
+                  n(le, {
+                    label: s(r)("grantUser.form.restaurant")
                   }, {
-                    default: b(() => [
-                      o($, {
-                        modelValue: c.value.restaurantId,
-                        "onUpdate:modelValue": g[1] || (g[1] = (f) => c.value.restaurantId = f),
+                    default: x(() => [
+                      n($, {
+                        modelValue: i.value.restaurantId,
+                        "onUpdate:modelValue": g[1] || (g[1] = (f) => i.value.restaurantId = f),
                         items: G.value,
-                        placeholder: s(n)("grantUser.form.selectRestaurant"),
-                        rules: [(f) => !!f || s(n)("grantUser.form.restaurantRequired")]
+                        placeholder: s(r)("grantUser.form.selectRestaurant"),
+                        rules: [(f) => !!f || s(r)("grantUser.form.restaurantRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "rules"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  o(le, {
-                    label: s(n)("grantUser.form.role")
+                  n(le, {
+                    label: s(r)("grantUser.form.role")
                   }, {
-                    default: b(() => [
-                      o($, {
-                        modelValue: c.value.roleId,
-                        "onUpdate:modelValue": g[2] || (g[2] = (f) => c.value.roleId = f),
+                    default: x(() => [
+                      n($, {
+                        modelValue: i.value.roleId,
+                        "onUpdate:modelValue": g[2] || (g[2] = (f) => i.value.roleId = f),
                         items: R.value,
-                        placeholder: s(n)("grantUser.form.selectRole"),
-                        disabled: !c.value.restaurantId,
-                        rules: [(f) => !!f || s(n)("grantUser.form.roleRequired")]
+                        placeholder: s(r)("grantUser.form.selectRole"),
+                        disabled: !i.value.restaurantId,
+                        rules: [(f) => !!f || s(r)("grantUser.form.roleRequired")]
                       }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
                     ]),
                     _: 1
@@ -240,25 +240,25 @@ const H = {
   }) {
     const {
       t: a
-    } = X(), U = S(), x = Z(), {
+    } = X(), U = S(), b = Z(), {
       restaurants: d
     } = Q(), {
       roles: m
-    } = Y(), n = F(() => x.grantUsers), {
-      searchKey: i,
-      filter: c
-    } = Fe(), k = F(() => {
+    } = Y(), r = F(() => b.grantUsers), {
+      searchKey: c,
+      filter: i
+    } = Fe(""), w = F(() => {
       var t;
-      return (t = n.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 = V.value[e.restaurantId] || "", j = C.value[e.roleId] || "";
-        return v && T && c([e.passcode, e.name, A, j, e.grantByName]);
+      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]);
       });
-    }), V = F(() => {
+    }), C = F(() => {
       const t = {};
       return d.value.forEach((e) => {
         t[e._id] = e.profile.name;
       }), t;
-    }), C = F(() => {
+    }), V = F(() => {
       const t = {};
       return m.value.forEach((e) => {
         t[e._id] = e.name;
@@ -300,23 +300,23 @@ const H = {
       header: () => a("grantUser.columns.name")
     }, {
       accessorKey: "restaurantName",
-      accessorFn: (t) => V.value[t.restaurantId],
+      accessorFn: (t) => C.value[t.restaurantId],
       header: () => a("grantUser.columns.restaurant"),
       meta: {
         width: "250px"
       },
       cell(t) {
-        const e = t.row.original.restaurantId, v = V.value[e] || "-";
+        const e = t.row.original.restaurantId, v = C.value[e] || "-";
         return _("div", [_("div", v), _("div", {
           class: "text-fm-color-typo-secondary text-sm"
         }, `${e}`)]);
       }
     }, {
       accessorKey: "roleName",
-      accessorFn: (t) => C.value[t.roleId],
+      accessorFn: (t) => V.value[t.roleId],
       header: () => a("grantUser.columns.role"),
       cell(t) {
-        const e = t.row.original.roleId, v = C.value[e] || "-";
+        const e = t.row.original.roleId, v = V.value[e] || "-";
         return _("div", v);
       }
     }, {
@@ -387,7 +387,7 @@ const H = {
         }
       }).onPrimary(async () => {
         P.minor(async () => {
-          await x.revokeGrantUser(t._id, t.restaurantId);
+          await b.revokeGrantUser(t._id, t.restaurantId);
         }, {
           successMessage: a("grantUser.revoke.successMessage", {
             name: t.name
@@ -424,86 +424,86 @@ const H = {
     }
     return y({
       create: f,
-      filteredGrantUsers: k
+      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, [o(Ge, {
+      return I(), D(W, null, [n(Ge, {
         ref_key: "grantUserFormRef",
         ref: $,
         class: "gap-8"
-      }, null, 512), l("div", Re, [l("div", Le, [l("div", Ne, [o(s(oe), {
+      }, null, 512), l("div", Re, [l("div", Le, [l("div", Ne, [n(s(oe), {
         modelValue: U.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (r) => U.value = r),
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => U.value = o),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
         class: "!w-auto"
-      }, null, 8, ["modelValue"]), o(ne, {
+      }, null, 8, ["modelValue"]), n(ne, {
         modelValue: B.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (r) => B.value = r),
+        "onUpdate:modelValue": e[1] || (e[1] = (o) => B.value = o),
         multiple: "",
         variant: "dark",
         items: ee.value,
         "selected-prefix": s(a)("grantUser.filter.selected_status_prefix"),
         placeholder: s(a)("grantUser.filter.status_placeholder")
-      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), o(v, {
-        modelValue: s(i),
-        "onUpdate:modelValue": e[2] || (e[2] = (r) => ae(i) ? i.value = r : null),
+      }, 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),
         autofocus: "",
         class: "pl-4 w-[320px]",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), l("div", Ae, [l("div", ze, [o(v, {
-        modelValue: s(i),
-        "onUpdate:modelValue": e[3] || (e[3] = (r) => ae(i) ? i.value = r : null),
+      }, null, 8, ["modelValue", "placeholder"])]), l("div", Ae, [l("div", ze, [n(v, {
+        modelValue: s(c),
+        "onUpdate:modelValue": e[3] || (e[3] = (o) => ae(c) ? c.value = o : null),
         autofocus: "",
         placeholder: s(a)("grantUser.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), o(ke), l("div", De, [o(s(oe), {
+      }, null, 8, ["modelValue", "placeholder"])]), n(ke), l("div", De, [n(s(oe), {
         modelValue: U.value,
-        "onUpdate:modelValue": e[4] || (e[4] = (r) => U.value = r),
+        "onUpdate:modelValue": e[4] || (e[4] = (o) => U.value = o),
         "managable-only": !1,
         multiple: "",
         variant: "dark",
         class: "!w-auto"
-      }, null, 8, ["modelValue"]), o(ne, {
+      }, null, 8, ["modelValue"]), n(ne, {
         modelValue: B.value,
-        "onUpdate:modelValue": e[5] || (e[5] = (r) => B.value = r),
+        "onUpdate:modelValue": e[5] || (e[5] = (o) => B.value = o),
         multiple: "",
         items: ee.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"])])]), n.value.length > 0 || s(x).isLoading ? (I(), K(we, {
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), r.value.length > 0 || s(b).isLoading ? (I(), K(we, {
         key: 0,
         class: "overflow-auto"
       }, {
-        default: b(() => [o(T, {
+        default: x(() => [n(T, {
           class: "xs:hidden",
           "column-defs": M,
-          "row-data": k.value,
-          "page-size": k.value.length,
-          loading: s(x).isLoading,
-          virtual: k.value.length > 0,
+          "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, [o(me, {
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), l("div", Ke, [n(me, {
           separator: ""
         }, {
-          default: b(() => [(I(!0), D(W, null, fe(k.value, (r) => (I(), K(de, {
-            key: r._id,
+          default: x(() => [(I(!0), D(W, null, fe(w.value, (o) => (I(), K(de, {
+            key: o._id,
             class: "py-12 px-16 items-center justify-between"
           }, {
-            default: b(() => [l("div", Ee, [l("div", Me, [o(A, {
+            default: x(() => [l("div", Ee, [l("div", Me, [n(A, {
               variant: "tertiary",
               "text-color": "neutral-gray-400",
               icon: "content_copy",
-              onClick: se((pe) => te(r.passcode), ["stop"])
-            }, null, 8, ["onClick"]), l("p", Pe, [l("span", Te, w(r.passcode), 1), re(" - " + w(r.name), 1)])]), l("div", je, [l("div", null, [re(w(V.value[r.restaurantId] || "-") + " ", 1), l("div", Oe, w(r.restaurantId), 1), l("div", null, w(C.value[r.roleId] || "-"), 1)]), l("div", qe, [l("div", He, w(s(a)("grantUser.columns.grantedBy")) + ": " + w(r.grantByName), 1), l("div", We, w(s(a)("grantUser.columns.createdAt")) + ": " + w(new Date(r.createdAt).toLocaleString()), 1), o(j, {
-              label: R(r.status),
-              class: _e(G(r.status))
-            }, null, 8, ["label", "class"])])])]), r.status === "active" ? (I(), D("div", Je, [o(A, {
+              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, {
+              label: R(o.status),
+              class: _e(G(o.status))
+            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (I(), D("div", Je, [n(A, {
               label: s(a)("grantUser.actions.revoke"),
               variant: s(q).Secondary,
-              onClick: se((pe) => N(r), ["stop"])
+              onClick: se((pe) => N(o), ["stop"])
             }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
             _: 2
           }, 1024))), 128))]),
@@ -520,34 +520,34 @@ const H = {
 }), dt = /* @__PURE__ */ J({
   __name: "Main",
   setup(p) {
-    const { readGrantUsers: y } = Z(), { currentBusiness: a } = Q(), { readRoles: U } = Y(), { t: x } = X(), d = S();
+    const { readGrantUsers: y } = Z(), { readRestaurants: a, currentBusiness: U } = Q(), { readRoles: b } = Y(), { t: d } = X(), m = S();
     return ce(
-      a,
+      U,
       async () => {
-        var m;
-        (m = a.value) != null && m._id && await Promise.all([U(), y()]);
+        var r;
+        (r = U.value) != null && r._id && await Promise.all([a(), b(), y()]);
       },
       { immediate: !0 }
-    ), (m, n) => {
-      const i = h("FmSpacer"), c = h("FmButton");
+    ), (r, c) => {
+      const i = h("FmSpacer"), w = h("FmButton");
       return I(), K(ye, {
-        heading: s(x)("grantUser.title")
+        heading: s(d)("grantUser.title")
       }, {
-        "append-heading": b(() => [
-          o(i),
-          o(c, {
+        "append-heading": x(() => [
+          n(i),
+          n(w, {
             "prepend-icon": "add",
-            label: s(x)("grantUser.actions.create"),
-            onClick: n[0] || (n[0] = (k) => {
+            label: s(d)("grantUser.actions.create"),
+            onClick: c[0] || (c[0] = (C) => {
               var V;
-              return (V = d.value) == null ? void 0 : V.create();
+              return (V = m.value) == null ? void 0 : V.create();
             })
           }, null, 8, ["label"])
         ]),
-        default: b(() => [
-          o(Qe, {
+        default: x(() => [
+          n(Qe, {
             ref_key: "grantUserListRef",
-            ref: d
+            ref: m
           }, null, 512)
         ]),
         _: 1