@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.1-dev

package/dist/Main-ebQsujY3.js

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