@feedmepos/mf-hrm-portal 2.0.7-dev → 2.0.7

package/dist/Main-BkIzKoHQ.js

@@ -0,0 +1,560 @@
+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-DGzBzMIR.js";
+import { defineStore as Ue } from "pinia";
+import { g as z, a as he, b as O } from "./iteration-BdhU8jGb.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-DHtKeCwy.js";
+import { H as ke } from "./HorizontalSplitter-o860F4xM.js";
+import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as Fe } from "./useSearch-B6WK1LBB.js";
+import { u as ue } from "./useLoading-CzteZR_c.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(""));
+  },
+  async createGrantUser(p) {
+    return z(await O("grant").post("", p));
+  },
+  async revokeGrantUser(p, y) {
+    return z(
+      await O("grant").patch(`/revoke/${p}`, null, {
+        params: { restaurantId: y }
+      })
+    );
+  },
+  // Test grant validation
+  async validatePasscode(p, y) {
+    return z(
+      await he().post("", {
+        passcode: p,
+        restaurantId: y
+      })
+    );
+  }
+}, Se = Ue("grantUser", () => {
+  const p = S([]), y = S(!1);
+  async function a() {
+    y.value = !0;
+    try {
+      p.value = (await H.getGrantUsers()).sort(
+        (d, m) => d.createdAt < m.createdAt ? 1 : -1
+      );
+    } catch (d) {
+      throw console.error("Error reading grant users:", d), d;
+    } finally {
+      y.value = !1;
+    }
+  }
+  async function U(d) {
+    try {
+      const m = await H.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 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 {
+    grantUsers: p,
+    isLoading: y,
+    readGrantUsers: a,
+    createGrantUser: U,
+    revokeGrantUser: b
+  };
+}), Z = Se, Ce = { class: "fm-typo-en-title-md-600" }, Be = { class: "space-y-40" }, $e = { class: "flex gap-8 items-center justify-start" }, Ge = /* @__PURE__ */ J({
+  __name: "GrantUserForm",
+  setup(p, { expose: y }) {
+    const a = Z(), U = Y(), b = Q(), d = ie(), m = ue(d), { t: r } = X(), c = S(!1), i = S({
+      name: "",
+      restaurantId: "",
+      roleId: ""
+    }), w = () => {
+      i.value = {
+        name: "",
+        restaurantId: "",
+        roleId: ""
+      }, c.value = !0;
+    }, C = F(() => r("grantUser.form.title")), V = F(() => r("common.create")), G = F(() => b.restaurants.value.map((u) => ({
+      label: `${u.profile.code ? u.profile.code + " - " : ""}${u.profile.name}`,
+      value: u._id
+    }))), R = F(() => i.value.restaurantId ? U.roles.value.filter((u) => u.restaurants.some((g) => g.id === i.value.restaurantId)).map((u) => ({
+      label: u.name,
+      value: u._id,
+      disabled: !u.isUsable
+    })) : []);
+    ce(
+      () => i.value.restaurantId,
+      () => {
+        i.value.roleId = "";
+      }
+    );
+    async function M() {
+      await m.minor(async () => {
+        const u = await a.createGrantUser(i.value);
+        d.open({
+          message: r("grantUser.create.successMessage", {
+            passcode: u.passcode
+          }),
+          type: "success"
+        });
+      }), c.value = !1;
+    }
+    return y({
+      show: c,
+      trigger: w
+    }), (u, g) => {
+      const P = h("FmTextField"), $ = h("FmSelect"), L = h("fm-button"), N = h("fm-side-sheet");
+      return I(), D(W, null, [
+        ge(u.$slots, "default", { trigger: w }),
+        n(N, {
+          id: "grant-user-form",
+          modelValue: c.value,
+          "onUpdate:modelValue": g[4] || (g[4] = (f) => c.value = f),
+          "is-container": s(E).FmForm,
+          "is-container-props": {
+            onValidationSuccess: M,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560
+        }, {
+          "side-sheet-header": x(() => [
+            l("p", Ce, k(C.value), 1)
+          ]),
+          "side-sheet-footer": x(() => [
+            l("div", $e, [
+              n(L, {
+                label: V.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              n(L, {
+                label: s(r)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: g[3] || (g[3] = () => c.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: x(() => [
+            l("div", Be, [
+              n(Ie, {
+                title: s(r)("grantUser.form.section")
+              }, {
+                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"]),
+                  n(le, {
+                    label: s(r)("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")]
+                      }, null, 8, ["modelValue", "items", "placeholder", "rules"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  n(le, {
+                    label: s(r)("grantUser.form.role")
+                  }, {
+                    default: x(() => [
+                      n($, {
+                        modelValue: i.value.roleId,
+                        "onUpdate:modelValue": g[2] || (g[2] = (f) => i.value.roleId = f),
+                        items: R.value,
+                        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
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props"])
+      ], 64);
+    };
+  }
+}), Re = {
+  class: "space-y-8"
+}, Le = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, Ne = {
+  class: "flex items-start gap-8"
+}, Ae = {
+  class: "space-y-4 hidden xs:block"
+}, ze = {
+  class: "px-16"
+}, De = {
+  class: "px-16 flex items-start gap-8"
+}, Ke = {
+  class: "pb-64 hidden xs:block"
+}, Ee = {
+  class: "space-y-4"
+}, Me = {
+  class: "flex items-center gap-8"
+}, Pe = {
+  class: "fm-typo-en-body-lg-600"
+}, Te = {
+  class: "font-mono text-lg font-bold mr-4"
+}, je = {
+  class: "text-fm-color-typo-secondary"
+}, Oe = {
+  class: "text-xs"
+}, qe = {
+  class: "mt-4 space-y-2"
+}, He = {
+  class: "text-xs"
+}, We = {
+  class: "text-xs"
+}, Je = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Qe = /* @__PURE__ */ J({
+  __name: "GrantUserList",
+  setup(p, {
+    expose: y
+  }) {
+    const {
+      t: a
+    } = X(), U = S(), b = Z(), {
+      restaurants: d
+    } = Q(), {
+      roles: m
+    } = Y(), r = F(() => b.grantUsers), {
+      searchKey: c,
+      filter: i
+    } = Fe(""), w = F(() => {
+      var t;
+      return (t = r.value) == null ? void 0 : t.filter((e) => {
+        const v = !U.value || U.value.includes(e.restaurantId), T = !B.value || B.value.includes(e.status), A = C.value[e.restaurantId] || "", j = V.value[e.roleId] || "";
+        return v && T && i([e.passcode, e.name, A, j, e.grantByName]);
+      });
+    }), C = F(() => {
+      const t = {};
+      return d.value.forEach((e) => {
+        t[e._id] = e.profile.name;
+      }), t;
+    }), V = F(() => {
+      const t = {};
+      return m.value.forEach((e) => {
+        t[e._id] = e.name;
+      }), t;
+    }), G = (t) => {
+      switch (t) {
+        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 = (t) => a(`grantUser.status.${t}`), M = [{
+      accessorKey: "passcode",
+      size: 120,
+      maxSize: 120,
+      minSize: 120,
+      header: () => a("grantUser.columns.passcode"),
+      cell(t) {
+        const e = t.row.original.passcode;
+        return _("div", {
+          class: "flex items-center gap-8"
+        }, [_(E.FmButton, {
+          variant: q.Tertiary,
+          textColor: "neutral-gray-400",
+          icon: "content_copy",
+          onClick: (v) => {
+            v.stopPropagation(), te(e);
+          }
+        }), _("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, v = C.value[e] || "-";
+        return _("div", [_("div", v), _("div", {
+          class: "text-fm-color-typo-secondary text-sm"
+        }, `${e}`)]);
+      }
+    }, {
+      accessorKey: "roleName",
+      accessorFn: (t) => V.value[t.roleId],
+      header: () => a("grantUser.columns.role"),
+      cell(t) {
+        const e = t.row.original.roleId, v = V.value[e] || "-";
+        return _("div", v);
+      }
+    }, {
+      accessorKey: "status",
+      header: () => a("grantUser.columns.status"),
+      meta: {
+        maxWidth: "120px"
+      },
+      cell(t) {
+        const e = t.row.original.status;
+        return _(E.FmChip, {
+          label: R(e),
+          class: G(e)
+        });
+      }
+    }, {
+      accessorKey: "grantByName",
+      header: () => a("grantUser.columns.grantedBy"),
+      cell(t) {
+        const e = t.row.original.grantById, v = t.row.original.grantByName;
+        return _("div", [_("div", v), _("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 _("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 : _("div", {
+          class: "w-full flex justify-end items-center gap-4"
+        }, [_(E.FmButton, {
+          label: a("grantUser.actions.revoke"),
+          variant: q.Secondary,
+          onClick: (v) => {
+            v.stopPropagation(), N(e);
+          }
+        })]);
+      }
+    }], u = ie(), g = xe(), P = ue(u), $ = S(), {
+      breakpoints: L
+    } = be(), N = (t) => {
+      g.open({
+        title: a("grantUser.revoke.title"),
+        message: a("grantUser.revoke.message", {
+          name: t.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 () => {
+        P.minor(async () => {
+          await b.revokeGrantUser(t._id, t.restaurantId);
+        }, {
+          successMessage: a("grantUser.revoke.successMessage", {
+            name: t.name
+          })
+        }), g.close();
+      });
+    };
+    function f() {
+      var t;
+      (t = $.value) == null || t.trigger();
+    }
+    const ee = F(() => [{
+      label: a("grantUser.status.active"),
+      value: "active"
+    }, {
+      label: a("grantUser.status.used"),
+      value: "used"
+    }, {
+      label: a("grantUser.status.revoked"),
+      value: "revoked"
+    }]), B = S();
+    async function te(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"
+        });
+      }
+    }
+    return y({
+      create: f,
+      filteredGrantUsers: w
+    }), (t, e) => {
+      const v = h("FmSearch"), T = h("FmTable"), A = h("FmButton"), j = h("FmChip"), de = h("FmListItem"), me = h("FmList");
+      return I(), D(W, null, [n(Ge, {
+        ref_key: "grantUserFormRef",
+        ref: $,
+        class: "gap-8"
+      }, null, 512), l("div", Re, [l("div", Le, [l("div", Ne, [n(s(oe), {
+        modelValue: U.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => U.value = o),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), n(ne, {
+        modelValue: B.value,
+        "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"])]), 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, [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"])]), n(ke), l("div", De, [n(s(oe), {
+        modelValue: U.value,
+        "onUpdate:modelValue": e[4] || (e[4] = (o) => U.value = o),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), n(ne, {
+        modelValue: B.value,
+        "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"])])]), r.value.length > 0 || s(b).isLoading ? (I(), K(we, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: x(() => [n(T, {
+          class: "xs:hidden",
+          "column-defs": M,
+          "row-data": w.value,
+          "page-size": w.value.length,
+          loading: s(b).isLoading,
+          virtual: w.value.length > 0,
+          "pin-header-row": "",
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), l("div", Ke, [n(me, {
+          separator: ""
+        }, {
+          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: x(() => [l("div", Ee, [l("div", Me, [n(A, {
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              icon: "content_copy",
+              onClick: se((pe) => te(o.passcode), ["stop"])
+            }, null, 8, ["onClick"]), l("p", Pe, [l("span", Te, k(o.passcode), 1), re(" - " + k(o.name), 1)])]), l("div", je, [l("div", null, [re(k(C.value[o.restaurantId] || "-") + " ", 1), l("div", Oe, k(o.restaurantId), 1), l("div", null, k(V.value[o.roleId] || "-"), 1)]), l("div", qe, [l("div", He, k(s(a)("grantUser.columns.grantedBy")) + ": " + k(o.grantByName), 1), l("div", We, k(s(a)("grantUser.columns.createdAt")) + ": " + k(new Date(o.createdAt).toLocaleString()), 1), n(j, {
+              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(o), ["stop"])
+            }, null, 8, ["label", "variant", "onClick"])])) : ve("", !0)]),
+            _: 2
+          }, 1024))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (I(), K(s(Ve), {
+        key: 1,
+        title: s(a)("grantUser.noData.title"),
+        subtitle: s(a)("grantUser.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+}), dt = /* @__PURE__ */ J({
+  __name: "Main",
+  setup(p) {
+    const { readGrantUsers: y } = Z(), { readRestaurants: a, currentBusiness: U } = Q(), { readRoles: b } = Y(), { t: d } = X(), m = S();
+    return ce(
+      U,
+      async () => {
+        var r;
+        (r = U.value) != null && r._id && await Promise.all([a(), b(), y()]);
+      },
+      { immediate: !0 }
+    ), (r, c) => {
+      const i = h("FmSpacer"), w = h("FmButton");
+      return I(), K(ye, {
+        heading: s(d)("grantUser.title")
+      }, {
+        "append-heading": x(() => [
+          n(i),
+          n(w, {
+            "prepend-icon": "add",
+            label: s(d)("grantUser.actions.create"),
+            onClick: c[0] || (c[0] = (C) => {
+              var V;
+              return (V = m.value) == null ? void 0 : V.create();
+            })
+          }, null, 8, ["label"])
+        ]),
+        default: x(() => [
+          n(Qe, {
+            ref_key: "grantUserListRef",
+            ref: m
+          }, null, 512)
+        ]),
+        _: 1
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  dt as default
+};