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

package/dist/Main-CleutFvF.js

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