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

package/dist/Main-CdHW4UkN.js

@@ -0,0 +1,90 @@
+import { defineComponent as T, ref as R, computed as m, resolveComponent as s, createBlock as i, openBlock as c, withCtx as p, createElementVNode as A, createVNode as d, resolveDynamicComponent as C, createCommentVNode as S } from "vue";
+import { useRouter as y, useRoute as g } from "vue-router";
+import { useI18n as k } from "@feedmepos/mf-common";
+import { _ as F } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as N } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as h } from "./iteration-BVjUzYL5.js";
+import "@feedmepos/ui-library";
+import "./rule-BlQ5YZ9Z.js";
+import "./lodash-CrwgACp2.js";
+import "./useAppStore-DMAL8VFY.js";
+import { R as v } from "./app-CLL3p27X.js";
+/* empty css                                                                      */
+/* empty css                                                                            */
+const w = { class: "space-y-24" }, Q = /* @__PURE__ */ T({
+  __name: "Main",
+  setup(x) {
+    const { t: a } = k(), _ = y(), B = g(), { readRestaurants: L } = h(), f = R(), b = R(), o = m({
+      get: () => B.name === v.TEAM_ROLE ? "role" : "member",
+      set: (e) => {
+        _.push({
+          name: e === "role" ? v.TEAM_ROLE : v.TEAM_MEMBER,
+          query: _.currentRoute.value.query
+        });
+      }
+    });
+    L();
+    const r = m(() => l.value.find((e) => e.value === o.value) || l.value[0]), l = m(() => [
+      {
+        label: a("team.title"),
+        value: "member",
+        createButtonLabel: a("team.actions.addMember"),
+        createButtonAction: () => {
+          var e;
+          (e = f.value) == null || e.create();
+        }
+      },
+      {
+        label: a("permissionSet.title"),
+        value: "role",
+        createButtonLabel: a("permissionSet.createButtonLabel"),
+        createButtonAction: () => {
+          var e;
+          (e = b.value) == null || e.create();
+        }
+      }
+    ]);
+    return (e, n) => {
+      const E = s("FmSpacer"), M = s("FmTabs"), V = s("RouterView");
+      return c(), i(N, {
+        heading: r.value.label
+      }, {
+        "append-heading": p(() => {
+          var t;
+          return [
+            d(E),
+            (t = r.value) != null && t.createButtonLabel ? (c(), i(F, {
+              key: 0,
+              icon: "add",
+              label: r.value.createButtonLabel,
+              onClick: n[0] || (n[0] = (u) => r.value.createButtonAction())
+            }, null, 8, ["label"])) : S("", !0)
+          ];
+        }),
+        default: p(() => [
+          A("div", w, [
+            d(M, {
+              modelValue: o.value,
+              "onUpdate:modelValue": n[1] || (n[1] = (t) => o.value = t),
+              items: l.value
+            }, null, 8, ["modelValue", "items"]),
+            d(V, null, {
+              default: p(({ Component: t }) => [
+                (c(), i(C(t), {
+                  ref: (u) => {
+                    o.value === "member" && (f.value = u), o.value === "role" && (b.value = u);
+                  }
+                }, null, 512))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/Main-DcvmP7s-.js

@@ -0,0 +1,574 @@
+import { ref as I, defineComponent as Q, computed as F, watch as ie, resolveComponent as h, createElementBlock as E, openBlock as S, Fragment as J, renderSlot as ge, createVNode as n, unref as r, withCtx as x, createElementVNode as c, toDisplayString as w, createBlock as K, isRef as oe, renderList as fe, createCommentVNode as ve, withModifiers as ne, createTextVNode as le, normalizeClass as _e, h as _ } from "vue";
+import { useI18n as X, useCoreStore as ye } from "@feedmepos/mf-common";
+import { useSnackbar as Y, components as M, useDialog as Ue, useBreakpoints as he, FmButtonVariant as q } from "@feedmepos/ui-library";
+import { _ as xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { u as Z } from "./useAppStore-DMAL8VFY.js";
+import { g as z, a as be, b as H, u as ee } from "./iteration-BVjUzYL5.js";
+import { defineStore as ke } from "pinia";
+import { S as D } from "./SelectFilter-DUj7GBtT.js";
+import { _ as we } from "./app-CLL3p27X.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-AFTjRLyO.js";
+import { _ as Ie } from "./FormSection.vue_vue_type_script_setup_true_lang-DknXTYiK.js";
+const W = {
+  async getGrantUsers() {
+    return z(await H("grant").get(""));
+  },
+  async createGrantUser(m) {
+    return z(await H("grant").post("", m));
+  },
+  async revokeGrantUser(m, y) {
+    return z(
+      await H("grant").patch(`/revoke/${m}`, null, {
+        params: { restaurantId: y }
+      })
+    );
+  },
+  // Test grant validation
+  async validatePasscode(m, y) {
+    return z(
+      await be().post("", {
+        passcode: m,
+        restaurantId: y
+      })
+    );
+  }
+}, Ce = ke("grantUser", () => {
+  const m = I([]), y = I(!1);
+  async function a() {
+    y.value = !0;
+    try {
+      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;
+    } finally {
+      y.value = !1;
+    }
+  }
+  async function U(u) {
+    try {
+      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, p) {
+    try {
+      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: m,
+    isLoading: y,
+    readGrantUsers: a,
+    createGrantUser: U,
+    revokeGrantUser: b
+  };
+}), 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(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: ""
+    }), k = () => {
+      s.value = {
+        name: "",
+        restaurantId: "",
+        roleId: ""
+      }, i.value = !0;
+    }, V = F(() => l("grantUser.form.title")), C = F(() => l("common.create")), B = F(() => b.restaurants.value.map((d) => ({
+      label: `${d.profile.code ? d.profile.code + " - " : ""}${d.profile.name}`,
+      value: d._id
+    }))), R = F(() => s.value.restaurantId ? U.roles.value.filter((d) => d.restaurants.some((g) => g.id === s.value.restaurantId)).map((d) => ({
+      label: d.name,
+      value: d._id,
+      disabled: !d.isUsable
+    })) : []);
+    ie(
+      () => s.value.restaurantId,
+      () => {
+        s.value.roleId = "";
+      }
+    );
+    async function P() {
+      await p.minor(async () => {
+        const d = await a.createGrantUser(s.value);
+        u.open({
+          message: l("grantUser.create.successMessage", {
+            passcode: d.passcode
+          }),
+          type: "success"
+        });
+      }), i.value = !1;
+    }
+    return y({
+      show: i,
+      trigger: k
+    }), (d, g) => {
+      const T = h("FmTextField"), G = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
+      return S(), E(J, null, [
+        ge(d.$slots, "default", { trigger: k }),
+        n(N, {
+          id: "grant-user-form",
+          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
+          },
+          "max-width": 560
+        }, {
+          "side-sheet-header": x(() => [
+            c("p", Be, w(V.value), 1)
+          ]),
+          "side-sheet-footer": x(() => [
+            c("div", Ge, [
+              n(L, {
+                label: C.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              n(L, {
+                label: r(l)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: g[3] || (g[3] = () => i.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: x(() => [
+            c("div", $e, [
+              n(Ie, {
+                title: r(l)("grantUser.form.section")
+              }, {
+                default: x(() => [
+                  n(T, {
+                    modelValue: s.value.name,
+                    "onUpdate:modelValue": g[0] || (g[0] = (f) => s.value.name = f),
+                    label: r(l)("grantUser.form.name"),
+                    rules: [(f) => !!f || r(l)("grantUser.form.nameRequired")]
+                  }, null, 8, ["modelValue", "label", "rules"]),
+                  n(ce, {
+                    label: r(l)("grantUser.form.restaurant")
+                  }, {
+                    default: x(() => [
+                      n(G, {
+                        modelValue: s.value.restaurantId,
+                        "onUpdate:modelValue": g[1] || (g[1] = (f) => s.value.restaurantId = f),
+                        items: B.value,
+                        placeholder: r(l)("grantUser.form.selectRestaurant"),
+                        rules: [(f) => !!f || r(l)("grantUser.form.restaurantRequired")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  n(ce, {
+                    label: r(l)("grantUser.form.role")
+                  }, {
+                    default: x(() => [
+                      n(G, {
+                        modelValue: s.value.roleId,
+                        "onUpdate:modelValue": g[2] || (g[2] = (f) => s.value.roleId = f),
+                        items: R.value,
+                        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
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), Le = {
+  class: "space-y-8"
+}, Ne = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, Ae = {
+  class: "flex items-start gap-8"
+}, ze = {
+  class: "space-y-4 hidden xs:block"
+}, De = {
+  class: "px-16"
+}, Ee = {
+  class: "px-16 flex items-start gap-8"
+}, Ke = {
+  class: "pb-64 hidden xs:block"
+}, Me = {
+  class: "space-y-4"
+}, Pe = {
+  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"
+}, qe = {
+  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"
+}, Xe = /* @__PURE__ */ Q({
+  __name: "GrantUserList",
+  setup(m, {
+    expose: y
+  }) {
+    const {
+      t: a
+    } = X(), U = I(), b = te(), {
+      restaurants: u
+    } = ee(), {
+      roles: p
+    } = Z(), l = F(() => b.grantUsers), {
+      searchKey: i,
+      filter: s
+    } = Fe(), k = F(() => {
+      var e;
+      return (e = l.value) == null ? void 0 : e.filter((t) => {
+        const v = !U.value || U.value.includes(t.restaurantId), O = !$.value || $.value.includes(t.status), A = V.value[t.restaurantId] || "", j = C.value[t.roleId] || "";
+        return v && O && s([t.passcode, t.name, A, j, t.grantByName]);
+      });
+    }), V = F(() => {
+      const e = {};
+      return u.value.forEach((t) => {
+        e[t._id] = t.profile.name;
+      }), e;
+    }), C = F(() => {
+      const e = {};
+      return p.value.forEach((t) => {
+        e[t._id] = t.name;
+      }), e;
+    }), B = (e) => {
+      switch (e) {
+        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";
+      }
+    }, R = (e) => a(`grantUser.status.${e}`), P = [{
+      accessorKey: "passcode",
+      size: 120,
+      maxSize: 120,
+      minSize: 120,
+      header: () => a("grantUser.columns.passcode"),
+      cell(e) {
+        const t = e.row.original.passcode;
+        return _("div", {
+          class: "flex items-center gap-8"
+        }, [_(M.FmButton, {
+          variant: q.Tertiary,
+          textColor: "neutral-gray-400",
+          icon: "content_copy",
+          onClick: (v) => {
+            v.stopPropagation(), se(t);
+          }
+        }), _("span", {
+          class: "font-mono text-lg font-bold"
+        }, t)]);
+      }
+    }, {
+      accessorKey: "name",
+      header: () => a("grantUser.columns.name")
+    }, {
+      accessorKey: "restaurantName",
+      accessorFn: (e) => V.value[e.restaurantId],
+      header: () => a("grantUser.columns.restaurant"),
+      meta: {
+        width: "250px"
+      },
+      cell(e) {
+        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) => C.value[e.roleId],
+      header: () => a("grantUser.columns.role"),
+      cell(e) {
+        const t = e.row.original.roleId, v = C.value[t] || "-";
+        return _("div", v);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => a("grantUser.columns.status"),
+      meta: {
+        maxWidth: "120px"
+      },
+      cell(e) {
+        const t = e.row.original.status;
+        return _(M.FmChip, {
+          label: R(t),
+          class: B(t)
+        });
+      }
+    }, {
+      accessorKey: "grantByName",
+      header: () => a("grantUser.columns.grantedBy"),
+      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"
+        }, `${t}`)]);
+      }
+    }, {
+      accessorKey: "createdAt",
+      header: () => a("grantUser.columns.createdAt"),
+      cell(e) {
+        const t = e.row.original.createdAt;
+        return _("div", new Date(t).toLocaleString());
+      }
+    }, {
+      id: "action",
+      size: 180,
+      meta: {
+        cellClass: "p-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (e) => {
+        const t = e.row.original;
+        return t.status !== "active" ? null : _("div", {
+          class: "w-full flex justify-end items-center gap-4"
+        }, [_(M.FmButton, {
+          label: a("grantUser.actions.revoke"),
+          variant: q.Secondary,
+          onClick: (v) => {
+            v.stopPropagation(), N(t);
+          }
+        })]);
+      }
+    }], d = Y(), g = Ue(), T = ue(d), G = I(), {
+      breakpoints: L
+    } = he(), N = (e) => {
+      g.open({
+        title: a("grantUser.revoke.title"),
+        message: a("grantUser.revoke.message", {
+          name: e.name
+        }),
+        minWidth: L.value.lg ? 588 : 0,
+        primaryActions: {
+          text: a("grantUser.actions.revoke"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: a("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        T.minor(async () => {
+          await b.revokeGrantUser(e._id, e.restaurantId);
+        }, {
+          successMessage: a("grantUser.revoke.successMessage", {
+            name: e.name
+          })
+        }), g.close();
+      });
+    };
+    function f() {
+      var e;
+      (e = G.value) == null || e.trigger();
+    }
+    const ae = F(() => [{
+      label: a("grantUser.status.active"),
+      value: "active"
+    }, {
+      label: a("grantUser.status.used"),
+      value: "used"
+    }, {
+      label: a("grantUser.status.revoked"),
+      value: "revoked"
+    }]), re = F(() => u.value.map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), $ = I();
+    async function se(e) {
+      try {
+        await navigator.clipboard.writeText(e), d.open({
+          message: a("grantUser.passcode.copied"),
+          type: "success"
+        });
+      } catch (t) {
+        d.open({
+          message: String(t),
+          type: "error"
+        });
+      }
+    }
+    return y({
+      create: f,
+      filteredGrantUsers: k
+    }), (e, t) => {
+      const v = h("FmSearch"), O = h("FmTable"), A = h("FmButton"), j = h("FmChip"), de = h("FmListItem"), me = h("FmList");
+      return S(), E(J, null, [n(Re, {
+        ref_key: "grantUserFormRef",
+        ref: G,
+        class: "gap-8"
+      }, 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: re.value,
+        variant: "dark",
+        "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: $.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => $.value = o),
+        multiple: "",
+        variant: "dark",
+        items: ae.value,
+        "selected-prefix": r(a)("grantUser.filter.selected_status_prefix"),
+        placeholder: r(a)("grantUser.filter.status_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), n(v, {
+        modelValue: r(i),
+        "onUpdate:modelValue": t[2] || (t[2] = (o) => oe(i) ? i.value = o : null),
+        autofocus: "",
+        class: "pl-4 w-[320px]",
+        placeholder: r(a)("grantUser.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", ze, [c("div", De, [n(v, {
+        modelValue: r(i),
+        "onUpdate:modelValue": t[3] || (t[3] = (o) => oe(i) ? i.value = o : null),
+        autofocus: "",
+        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: re.value,
+        variant: "dark",
+        "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: $.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (o) => $.value = o),
+        multiple: "",
+        items: ae.value,
+        variant: "dark",
+        "selected-prefix": r(a)("grantUser.filter.selected_status_prefix"),
+        placeholder: r(a)("grantUser.filter.status_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), l.value.length > 0 || r(b).isLoading ? (S(), K(we, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: x(() => [n(O, {
+          class: "xs:hidden",
+          "column-defs": P,
+          "row-data": k.value,
+          "page-size": k.value.length,
+          loading: r(b).isLoading,
+          virtual: k.value.length > 0,
+          "pin-header-row": "",
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", Ke, [n(me, {
+          separator: ""
+        }, {
+          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(() => [c("div", Me, [c("div", Pe, [n(A, {
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              icon: "content_copy",
+              onClick: ne((pe) => se(o.passcode), ["stop"])
+            }, null, 8, ["onClick"]), c("p", Te, [c("span", Oe, w(o.passcode), 1), le(" - " + w(o.name), 1)])]), c("div", je, [c("div", null, [le(w(V.value[o.restaurantId] || "-") + " ", 1), c("div", qe, w(o.restaurantId), 1), c("div", null, w(C.value[o.roleId] || "-"), 1)]), c("div", He, [c("div", We, w(r(a)("grantUser.columns.grantedBy")) + ": " + w(o.grantByName), 1), c("div", Je, w(r(a)("grantUser.columns.createdAt")) + ": " + w(new Date(o.createdAt).toLocaleString()), 1), n(j, {
+              label: R(o.status),
+              class: _e(B(o.status))
+            }, null, 8, ["label", "class"])])])]), o.status === "active" ? (S(), E("div", Qe, [n(A, {
+              label: r(a)("grantUser.actions.revoke"),
+              variant: r(q).Secondary,
+              onClick: ne((pe) => N(o), ["stop"])
+            }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
+            _: 2
+          }, 1024))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (S(), K(r(Se), {
+        key: 1,
+        title: r(a)("grantUser.noData.title"),
+        subtitle: r(a)("grantUser.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+}), dt = /* @__PURE__ */ Q({
+  __name: "Main",
+  setup(m) {
+    const { readGrantUsers: y } = te(), { currentBusiness: a } = ye(), { readRoles: U } = Z(), { readRestaurants: b } = ee(), { t: u } = X(), p = Y(), l = I();
+    return ie(
+      a,
+      async () => {
+        var i;
+        if ((i = a.value) != null && i._id)
+          try {
+            await Promise.all([b(), U(), y()]);
+          } catch (s) {
+            console.error("Failed to load grant dependencies:", s), p.open({
+              message: s instanceof Error ? s.message : String(s),
+              type: "error"
+            });
+          }
+      },
+      { immediate: !0 }
+    ), (i, s) => {
+      const k = h("FmSpacer"), V = h("FmButton");
+      return S(), K(xe, {
+        heading: r(u)("grantUser.title")
+      }, {
+        "append-heading": x(() => [
+          n(k),
+          n(V, {
+            "prepend-icon": "add",
+            label: r(u)("grantUser.actions.create"),
+            onClick: s[0] || (s[0] = (C) => {
+              var B;
+              return (B = l.value) == null ? void 0 : B.create();
+            })
+          }, null, 8, ["label"])
+        ]),
+        default: x(() => [
+          n(Xe, {
+            ref_key: "grantUserListRef",
+            ref: l
+          }, null, 512)
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  dt as default
+};