@feedmepos/mf-hrm-portal 2.0.5 → 2.0.6-dev.1

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-CQWe1-SW.js

@@ -0,0 +1,599 @@
+import { ref as k, defineComponent as Y, computed as I, watch as ue, resolveComponent as x, createElementBlock as E, openBlock as S, Fragment as X, renderSlot as _e, createVNode as o, unref as s, withCtx as h, createElementVNode as l, toDisplayString as V, createBlock as j, isRef as oe, renderList as Ue, createCommentVNode as xe, withModifiers as ne, createTextVNode as le, normalizeClass as be, h as y } from "vue";
+import { useCoreStore as Z, useI18n as ee, RestaurantSelector as J } from "@feedmepos/mf-common";
+import { _ as he } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as te } from "./useAppStore-WGnUS7Wm.js";
+import { defineStore as we } from "pinia";
+import { g as M, a as Ve, b as Q } from "./iteration-BSGKcAZm.js";
+import { useSnackbar as de, components as O, useDialog as ke, useBreakpoints as Fe, FmButtonVariant as K } from "@feedmepos/ui-library";
+import { S as ce } from "./SelectFilter-DUj7GBtT.js";
+import { _ as Ie } from "./app-D0xH_99A.js";
+import { H as Se } from "./HorizontalSplitter-o860F4xM.js";
+import { _ as Ce } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as Be } from "./useSearch-B6WK1LBB.js";
+import { u as me } from "./useLoading-BCi2g_rf.js";
+import { _ as $e, a as ie } from "./FormSection.vue_vue_type_script_setup_true_lang-BVb8c4YU.js";
+const q = {
+  async getGrantUsers() {
+    return M(await Q("grant").get(""));
+  },
+  async createGrantUser(p) {
+    return M(await Q("grant").post("", p));
+  },
+  async revokeGrantUser(p, _) {
+    return M(
+      await Q("grant").patch(`/revoke/${p}`, null, {
+        params: { restaurantId: _ }
+      })
+    );
+  },
+  // TODO: For testing, remove when deploy
+  async validatePasscode(p, _) {
+    return M(
+      await Ve().post("", {
+        passcode: p,
+        restaurantId: _
+      })
+    );
+  }
+}, Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: q
+}, Symbol.toStringTag, { value: "Module" })), Re = we("grantUser", () => {
+  const p = k([]), _ = k(!1);
+  async function a() {
+    _.value = !0;
+    try {
+      p.value = (await q.getGrantUsers()).sort(
+        (d, m) => d.createdAt < m.createdAt ? 1 : -1
+      );
+    } catch (d) {
+      throw console.error("Error reading grant users:", d), d;
+    } finally {
+      _.value = !1;
+    }
+  }
+  async function U(d) {
+    try {
+      const m = await q.createGrantUser(d);
+      return p.value = [m, ...p.value], m;
+    } catch (m) {
+      throw console.error("Error creating grant user:", m), m;
+    }
+  }
+  async function b(d, m) {
+    try {
+      const n = await q.revokeGrantUser(d, m), c = p.value.findIndex((i) => i._id === d);
+      c !== -1 && (p.value[c] = n);
+    } catch (n) {
+      throw console.error("Error revoking grant user:", n), n;
+    }
+  }
+  return {
+    grantUsers: p,
+    isLoading: _,
+    readGrantUsers: a,
+    createGrantUser: U,
+    revokeGrantUser: b
+  };
+}), ae = Re, Le = { class: "fm-typo-en-title-md-600" }, Ne = { class: "space-y-40" }, Pe = { class: "flex gap-8 items-center justify-start" }, Ae = /* @__PURE__ */ Y({
+  __name: "GrantUserForm",
+  setup(p, { expose: _ }) {
+    const a = ae(), U = te(), b = Z(), d = de(), m = me(d), { t: n } = ee(), c = k(!1), i = k({
+      name: "",
+      restaurantId: "",
+      roleId: ""
+    }), w = () => {
+      i.value = {
+        name: "",
+        restaurantId: "",
+        roleId: ""
+      }, c.value = !0;
+    }, C = I(() => n("grantUser.form.title")), F = I(() => n("common.create")), L = I(() => b.restaurants.value.map((u) => ({
+      label: `${u.profile.code ? u.profile.code + " - " : ""}${u.profile.name}`,
+      value: u._id
+    }))), N = I(() => i.value.restaurantId ? U.roles.value.filter((u) => u.restaurants.some((v) => v.id === i.value.restaurantId)).map((u) => ({
+      label: u.name,
+      value: u._id,
+      disabled: !u.isUsable
+    })) : []);
+    ue(
+      () => i.value.restaurantId,
+      () => {
+        i.value.roleId = "";
+      }
+    );
+    async function H() {
+      await m.minor(async () => {
+        const u = await a.createGrantUser(i.value);
+        d.open({
+          message: n("grantUser.create.successMessage", {
+            passcode: u.passcode
+          }),
+          type: "success"
+        });
+      }), c.value = !1;
+    }
+    return _({
+      show: c,
+      trigger: w
+    }), (u, v) => {
+      const P = x("FmTextField"), R = x("FmSelect"), A = x("fm-button"), z = x("fm-side-sheet");
+      return S(), E(X, null, [
+        _e(u.$slots, "default", { trigger: w }),
+        o(z, {
+          id: "grant-user-form",
+          modelValue: c.value,
+          "onUpdate:modelValue": v[4] || (v[4] = (g) => c.value = g),
+          "is-container": s(O).FmForm,
+          "is-container-props": {
+            onValidationSuccess: H,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560
+        }, {
+          "side-sheet-header": h(() => [
+            l("p", Le, V(C.value), 1)
+          ]),
+          "side-sheet-footer": h(() => [
+            l("div", Pe, [
+              o(A, {
+                label: F.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              o(A, {
+                label: s(n)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: v[3] || (v[3] = () => c.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: h(() => [
+            l("div", Ne, [
+              o($e, {
+                title: s(n)("grantUser.form.section")
+              }, {
+                default: h(() => [
+                  o(P, {
+                    modelValue: i.value.name,
+                    "onUpdate:modelValue": v[0] || (v[0] = (g) => i.value.name = g),
+                    label: s(n)("grantUser.form.name"),
+                    rules: [(g) => !!g || s(n)("grantUser.form.nameRequired")]
+                  }, null, 8, ["modelValue", "label", "rules"]),
+                  o(ie, {
+                    label: s(n)("grantUser.form.restaurant")
+                  }, {
+                    default: h(() => [
+                      o(R, {
+                        modelValue: i.value.restaurantId,
+                        "onUpdate:modelValue": v[1] || (v[1] = (g) => i.value.restaurantId = g),
+                        items: L.value,
+                        placeholder: s(n)("grantUser.form.selectRestaurant"),
+                        rules: [(g) => !!g || s(n)("grantUser.form.restaurantRequired")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  o(ie, {
+                    label: s(n)("grantUser.form.role")
+                  }, {
+                    default: h(() => [
+                      o(R, {
+                        modelValue: i.value.roleId,
+                        "onUpdate:modelValue": v[2] || (v[2] = (g) => i.value.roleId = g),
+                        items: N.value,
+                        placeholder: s(n)("grantUser.form.selectRole"),
+                        disabled: !i.value.restaurantId,
+                        rules: [(g) => !!g || s(n)("grantUser.form.roleRequired")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "disabled", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), ze = {
+  class: "py-16 bg-fm-color-surface-secondary rounded-8 space-y-8"
+}, Te = {
+  class: "flex items-center"
+}, De = {
+  class: "space-y-8"
+}, Me = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, Ke = {
+  class: "flex items-start gap-8"
+}, Ee = {
+  class: "space-y-4 hidden xs:block"
+}, je = {
+  class: "px-16"
+}, Oe = {
+  class: "px-16 flex items-start gap-8"
+}, qe = {
+  class: "pb-64 hidden xs:block"
+}, He = {
+  class: "space-y-4"
+}, We = {
+  class: "flex items-center gap-8"
+}, Je = {
+  class: "fm-typo-en-body-lg-600"
+}, Qe = {
+  class: "font-mono text-lg font-bold mr-4"
+}, Xe = {
+  class: "text-fm-color-typo-secondary"
+}, Ye = {
+  class: "text-xs"
+}, Ze = {
+  class: "mt-4 space-y-2"
+}, et = {
+  class: "text-xs"
+}, tt = {
+  class: "text-xs"
+}, at = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, st = /* @__PURE__ */ Y({
+  __name: "GrantUserList",
+  setup(p, {
+    expose: _
+  }) {
+    const {
+      t: a
+    } = ee(), U = k(), b = ae(), {
+      restaurants: d
+    } = Z(), {
+      roles: m
+    } = te(), n = I(() => b.grantUsers), {
+      searchKey: c,
+      filter: i
+    } = Be(""), w = I(() => {
+      var t;
+      return (t = n.value) == null ? void 0 : t.filter((e) => {
+        const f = !U.value || U.value.includes(e.restaurantId), G = !$.value || $.value.includes(e.status), D = C.value[e.restaurantId] || "", W = F.value[e.roleId] || "";
+        return f && G && i([e.passcode, e.name, D, W, e.grantByName]);
+      });
+    }), C = I(() => {
+      const t = {};
+      return d.value.forEach((e) => {
+        t[e._id] = e.profile.name;
+      }), t;
+    }), F = I(() => {
+      const t = {};
+      return m.value.forEach((e) => {
+        t[e._id] = e.name;
+      }), t;
+    }), L = (t) => {
+      switch (t) {
+        case "active":
+          return "bg-fm-color-system-success-100 text-fm-color-typo-success";
+        case "used":
+          return "bg-fm-color-typo-tertiary text-fm-color-typo-primary";
+        case "revoked":
+          return "bg-fm-color-system-error-100 text-fm-color-typo-error";
+        default:
+          return "bg-fm-color-typo-secondary text-fm-color-typo-primary";
+      }
+    }, N = (t) => a(`grantUser.status.${t}`), H = [{
+      accessorKey: "passcode",
+      size: 120,
+      maxSize: 120,
+      minSize: 120,
+      header: () => a("grantUser.columns.passcode"),
+      cell(t) {
+        const e = t.row.original.passcode;
+        return y("div", {
+          class: "flex items-center gap-8"
+        }, [y(O.FmButton, {
+          variant: K.Tertiary,
+          textColor: "neutral-gray-400",
+          icon: "content_copy",
+          onClick: (f) => {
+            f.stopPropagation(), re(e);
+          }
+        }), y("span", {
+          class: "font-mono text-lg font-bold"
+        }, e)]);
+      }
+    }, {
+      accessorKey: "name",
+      header: () => a("grantUser.columns.name")
+    }, {
+      accessorKey: "restaurantName",
+      accessorFn: (t) => C.value[t.restaurantId],
+      header: () => a("grantUser.columns.restaurant"),
+      meta: {
+        width: "250px"
+      },
+      cell(t) {
+        const e = t.row.original.restaurantId, f = C.value[e] || "-";
+        return y("div", [y("div", f), y("div", {
+          class: "text-fm-color-typo-secondary text-sm"
+        }, `${e}`)]);
+      }
+    }, {
+      accessorKey: "roleName",
+      accessorFn: (t) => F.value[t.roleId],
+      header: () => a("grantUser.columns.role"),
+      cell(t) {
+        const e = t.row.original.roleId, f = F.value[e] || "-";
+        return y("div", f);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => a("grantUser.columns.status"),
+      meta: {
+        maxWidth: "120px"
+      },
+      cell(t) {
+        const e = t.row.original.status;
+        return y(O.FmChip, {
+          label: N(e),
+          class: L(e)
+        });
+      }
+    }, {
+      accessorKey: "grantByName",
+      header: () => a("grantUser.columns.grantedBy"),
+      cell(t) {
+        const e = t.row.original.grantById, f = t.row.original.grantByName;
+        return y("div", [y("div", f), y("div", {
+          class: "text-fm-color-typo-secondary text-sm"
+        }, `${e}`)]);
+      }
+    }, {
+      accessorKey: "createdAt",
+      header: () => a("grantUser.columns.createdAt"),
+      cell(t) {
+        const e = t.row.original.createdAt;
+        return y("div", new Date(e).toLocaleString());
+      }
+    }, {
+      id: "action",
+      size: 180,
+      meta: {
+        cellClass: "p-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (t) => {
+        const e = t.row.original;
+        return e.status !== "active" ? null : y("div", {
+          class: "w-full flex justify-end items-center gap-4"
+        }, [y(O.FmButton, {
+          label: a("grantUser.actions.revoke"),
+          variant: K.Secondary,
+          onClick: (f) => {
+            f.stopPropagation(), z(e);
+          }
+        })]);
+      }
+    }], u = de(), v = ke(), P = me(u), R = k(), {
+      breakpoints: A
+    } = Fe(), z = (t) => {
+      v.open({
+        title: a("grantUser.revoke.title"),
+        message: a("grantUser.revoke.message", {
+          name: t.name
+        }),
+        minWidth: A.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("grantUser.actions.revoke"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: a("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        P.minor(async () => {
+          await b.revokeGrantUser(t._id, t.restaurantId);
+        }, {
+          successMessage: a("grantUser.revoke.successMessage", {
+            name: t.name
+          })
+        }), v.close();
+      });
+    };
+    function g() {
+      var t;
+      (t = R.value) == null || t.trigger();
+    }
+    const se = I(() => [{
+      label: a("grantUser.status.active"),
+      value: "active"
+    }, {
+      label: a("grantUser.status.used"),
+      value: "used"
+    }, {
+      label: a("grantUser.status.revoked"),
+      value: "revoked"
+    }]), $ = k();
+    async function re(t) {
+      try {
+        await navigator.clipboard.writeText(t), u.open({
+          message: a("grantUser.passcode.copied"),
+          type: "success"
+        });
+      } catch (e) {
+        u.open({
+          message: String(e),
+          type: "error"
+        });
+      }
+    }
+    const B = k(""), T = k("");
+    async function pe(t, e) {
+      const {
+        default: f
+      } = await Promise.resolve().then(() => Ge);
+      P.minor(async () => {
+        (await f.validatePasscode(t, e)).bypass && b.readGrantUsers();
+      }, {
+        successMessage: `Passcode ${t} valid!`
+      });
+    }
+    return _({
+      create: g,
+      filteredGrantUsers: w
+    }), (t, e) => {
+      const f = x("FmTextField"), G = x("FmButton"), D = x("FmSearch"), W = x("FmTable"), ve = x("FmChip"), ge = x("FmListItem"), fe = x("FmList");
+      return S(), E(X, null, [o(Ae, {
+        ref_key: "grantUserFormRef",
+        ref: R,
+        class: "gap-8"
+      }, null, 512), l("div", ze, [e[10] || (e[10] = l("p", {
+        class: "fm-typo-en-body-md-600"
+      }, "Test Passcode Validation", -1)), l("div", Te, [o(f, {
+        modelValue: B.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (r) => B.value = r),
+        type: "number",
+        "max-length": 4,
+        class: "!w-[100px]",
+        placeholder: "0000",
+        onInput: e[1] || (e[1] = (r) => B.value = B.value.replace(/[^0-9]/g, ""))
+      }, null, 8, ["modelValue"]), o(s(J), {
+        modelValue: T.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (r) => T.value = r),
+        "managable-only": !1,
+        variant: "dark",
+        class: "!w-[200px] ml-2"
+      }, null, 8, ["modelValue"]), o(G, {
+        label: "Validate",
+        variant: s(K).Primary,
+        disabled: !B.value || B.value.length !== 4 || !T.value,
+        onClick: e[3] || (e[3] = (r) => pe(B.value, T.value))
+      }, null, 8, ["variant", "disabled"])])]), l("div", De, [l("div", Me, [l("div", Ke, [o(s(J), {
+        modelValue: U.value,
+        "onUpdate:modelValue": e[4] || (e[4] = (r) => U.value = r),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), o(ce, {
+        modelValue: $.value,
+        "onUpdate:modelValue": e[5] || (e[5] = (r) => $.value = r),
+        multiple: "",
+        variant: "dark",
+        items: se.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(D, {
+        modelValue: s(c),
+        "onUpdate:modelValue": e[6] || (e[6] = (r) => oe(c) ? c.value = r : null),
+        autofocus: "",
+        class: "pl-4 w-[320px]",
+        placeholder: s(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), l("div", Ee, [l("div", je, [o(D, {
+        modelValue: s(c),
+        "onUpdate:modelValue": e[7] || (e[7] = (r) => oe(c) ? c.value = r : null),
+        autofocus: "",
+        placeholder: s(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), o(Se), l("div", Oe, [o(s(J), {
+        modelValue: U.value,
+        "onUpdate:modelValue": e[8] || (e[8] = (r) => U.value = r),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), o(ce, {
+        modelValue: $.value,
+        "onUpdate:modelValue": e[9] || (e[9] = (r) => $.value = r),
+        multiple: "",
+        items: se.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(b).isLoading ? (S(), j(Ie, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: h(() => [o(W, {
+          class: "xs:hidden",
+          "column-defs": H,
+          "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", qe, [o(fe, {
+          separator: ""
+        }, {
+          default: h(() => [(S(!0), E(X, null, Ue(w.value, (r) => (S(), j(ge, {
+            key: r._id,
+            class: "py-12 px-16 items-center justify-between"
+          }, {
+            default: h(() => [l("div", He, [l("div", We, [o(G, {
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              icon: "content_copy",
+              onClick: ne((ye) => re(r.passcode), ["stop"])
+            }, null, 8, ["onClick"]), l("p", Je, [l("span", Qe, V(r.passcode), 1), le(" - " + V(r.name), 1)])]), l("div", Xe, [l("div", null, [le(V(C.value[r.restaurantId] || "-") + " ", 1), l("div", Ye, V(r.restaurantId), 1), l("div", null, V(F.value[r.roleId] || "-"), 1)]), l("div", Ze, [l("div", et, V(s(a)("grantUser.columns.grantedBy")) + ": " + V(r.grantByName), 1), l("div", tt, V(s(a)("grantUser.columns.createdAt")) + ": " + V(new Date(r.createdAt).toLocaleString()), 1), o(ve, {
+              label: N(r.status),
+              class: be(L(r.status))
+            }, null, 8, ["label", "class"])])])]), r.status === "active" ? (S(), E("div", at, [o(G, {
+              label: s(a)("grantUser.actions.revoke"),
+              variant: s(K).Secondary,
+              onClick: ne((ye) => z(r), ["stop"])
+            }, null, 8, ["label", "variant", "onClick"])])) : xe("", !0)]),
+            _: 2
+          }, 1024))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (S(), j(s(Ce), {
+        key: 1,
+        title: s(a)("grantUser.noData.title"),
+        subtitle: s(a)("grantUser.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+}), _t = /* @__PURE__ */ Y({
+  __name: "Main",
+  setup(p) {
+    const { readGrantUsers: _ } = ae(), { readRestaurants: a, currentBusiness: U } = Z(), { readRoles: b } = te(), { t: d } = ee(), m = k();
+    return ue(
+      U,
+      async () => {
+        var n;
+        (n = U.value) != null && n._id && await Promise.all([a(), b(), _()]);
+      },
+      { immediate: !0 }
+    ), (n, c) => {
+      const i = x("FmSpacer"), w = x("FmButton");
+      return S(), j(he, {
+        heading: s(d)("grantUser.title")
+      }, {
+        "append-heading": h(() => [
+          o(i),
+          o(w, {
+            "prepend-icon": "add",
+            label: s(d)("grantUser.actions.create"),
+            onClick: c[0] || (c[0] = (C) => {
+              var F;
+              return (F = m.value) == null ? void 0 : F.create();
+            })
+          }, null, 8, ["label"])
+        ]),
+        default: h(() => [
+          o(st, {
+            ref_key: "grantUserListRef",
+            ref: m
+          }, null, 512)
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  _t as default
+};