@feedmepos/mf-hrm-portal 1.1.2-dev → 1.1.3-dev.1

package/dist/AuditLogList-qGKeg-cd.js

@@ -0,0 +1,384 @@
+import { defineComponent as W, ref as p, computed as I, watch as D, resolveComponent as h, createElementBlock as m, openBlock as c, Fragment as X, createVNode as r, unref as l, withCtx as x, createElementVNode as e, createBlock as j, createCommentVNode as F, toDisplayString as a, normalizeClass as q } from "vue";
+import { d as ee } from "./dayjs.min-C8cBXLt-.js";
+import { useI18n as te, useCoreStore as oe } from "@feedmepos/mf-common";
+import { _ as ae } from "./app-CfIHEA52.js";
+import { _ as se } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as le } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { components as A } from "@feedmepos/ui-library";
+import { g as ne, b as ie, p as de } from "./index-CgbDOn3W.js";
+import { u as ce } from "./team-C2muObo8.js";
+import { S as M } from "./SelectFilter-NbXrJ4iH.js";
+const re = "/audit-logs", ue = {
+  async read(i) {
+    return ne(
+      await ie().get(re, {
+        params: {
+          limit: (i == null ? void 0 : i.limit) ?? 100,
+          offset: (i == null ? void 0 : i.offset) ?? 0,
+          ...i != null && i.from ? { from: i.from } : {},
+          ...i != null && i.to ? { to: i.to } : {}
+        }
+      })
+    );
+  }
+}, me = {
+  class: "flex flex-1 flex-col gap-16 min-h-0"
+}, fe = {
+  class: "flex items-center gap-8"
+}, pe = {
+  class: "flex h-full flex-col"
+}, _e = {
+  key: 0,
+  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
+}, ve = {
+  class: "text-sm text-fm-color-typo-secondary"
+}, ge = {
+  key: 0,
+  class: "space-y-16 p-4 text-sm"
+}, he = {
+  class: "space-y-8"
+}, ye = {
+  class: "flex gap-8"
+}, xe = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, be = {
+  class: "flex gap-8"
+}, Le = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, ke = {
+  class: "flex flex-col gap-2"
+}, we = {
+  key: 0,
+  class: "font-medium"
+}, Se = {
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, Ie = {
+  class: "flex gap-8"
+}, De = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, Fe = {
+  class: "flex gap-8"
+}, Pe = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, Ce = {
+  key: 1
+}, Oe = {
+  class: "flex gap-8"
+}, Te = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, je = {
+  class: "flex gap-8"
+}, Ve = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, Be = {
+  class: "flex gap-8"
+}, Ne = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, Re = {
+  class: "break-all font-mono text-xs"
+}, qe = {
+  class: "flex gap-8"
+}, Ae = {
+  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+}, Me = {
+  class: "break-all font-mono text-xs"
+}, Ee = {
+  class: "space-y-8"
+}, Ue = {
+  class: "font-semibold text-fm-color-typo-primary"
+}, $e = {
+  class: "space-y-8"
+}, Ke = {
+  class: "flex gap-8"
+}, ze = {
+  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+}, Ye = {
+  class: "flex gap-8"
+}, Je = {
+  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+}, Ge = {
+  key: 0,
+  class: "flex gap-8"
+}, Ze = {
+  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+}, He = {
+  class: "break-all font-mono text-xs"
+}, Qe = {
+  class: "flex flex-col gap-4"
+}, We = {
+  class: "font-medium text-fm-color-typo-secondary"
+}, Xe = {
+  class: "max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner"
+}, et = {
+  class: "w-28 font-medium text-fm-color-typo-secondary"
+}, tt = {
+  key: 0,
+  class: "max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner"
+}, ot = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, at = {
+  class: "flex gap-8"
+}, st = {
+  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+}, lt = {
+  class: "font-mono text-xs"
+}, nt = {
+  class: "flex gap-8"
+}, it = {
+  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+}, dt = {
+  class: "break-all font-mono text-xs"
+}, ct = {
+  class: "w-28 font-medium text-fm-color-typo-secondary"
+}, rt = {
+  key: 0,
+  class: "max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner"
+}, ut = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, V = 100, Lt = /* @__PURE__ */ W({
+  __name: "AuditLogList",
+  setup(i) {
+    const {
+      t
+    } = te(), E = oe(), b = ce(), L = p(!1), B = p([]), s = p(null), P = p(!1), u = p(1), k = p(!1), N = ee().format("YYYY-MM-DD"), y = p({
+      startDate: N,
+      endDate: N
+    }), _ = p(), v = p(), U = I(() => [{
+      label: t("auditLog.action.manage"),
+      value: "manage"
+    }, {
+      label: t("auditLog.action.create"),
+      value: "create"
+    }, {
+      label: t("auditLog.action.read"),
+      value: "read"
+    }, {
+      label: t("auditLog.action.update"),
+      value: "update"
+    }, {
+      label: t("auditLog.action.delete"),
+      value: "delete"
+    }]), $ = I(() => [{
+      label: t("auditLog.outcome.allowed"),
+      value: "allowed"
+    }, {
+      label: t("auditLog.outcome.denied"),
+      value: "denied"
+    }, {
+      label: t("auditLog.outcome.skipped"),
+      value: "skipped"
+    }]), K = I(() => {
+      const {
+        startDate: n,
+        endDate: o
+      } = y.value;
+      return n && o ? `${n} – ${o}` : n || o || t("auditLog.dateRange.placeholder");
+    }), C = I(() => {
+      let n = B.value;
+      return _.value && _.value.length > 0 && (n = n.filter((o) => _.value.includes(o.outcome))), v.value && v.value.length > 0 && (n = n.filter((o) => v.value.includes(o.action))), n;
+    });
+    function O(n) {
+      var o;
+      return (o = de.find((d) => d.subject === n)) == null ? void 0 : o.label;
+    }
+    const R = {
+      allowed: "success",
+      denied: "critical",
+      skipped: "warning"
+    }, z = [{
+      accessorKey: "timestamp",
+      header: () => t("auditLog.columns.timestamp"),
+      cell(n) {
+        const o = n.row.original;
+        return new Date(o.timestamp).toLocaleString();
+      }
+    }, {
+      accessorKey: "userId",
+      header: () => t("auditLog.columns.user"),
+      enableSorting: !1,
+      cell(n) {
+        const o = n.row.original, d = b.userIdToName[o.userId];
+        return d ? `${d} (${o.userId})` : o.userId;
+      }
+    }, {
+      accessorKey: "subject",
+      header: () => t("auditLog.columns.subject"),
+      cell(n) {
+        const o = n.row.original, d = O(o.subject);
+        return d ? r(A.FmTooltip, {
+          content: o.subject
+        }, {
+          default: () => [r("span", null, [d])]
+        }) : o.subject;
+      }
+    }, {
+      accessorKey: "action",
+      header: () => t("auditLog.columns.action"),
+      enableSorting: !1
+    }, {
+      accessorKey: "outcome",
+      header: () => t("auditLog.columns.outcome"),
+      enableSorting: !1,
+      cell(n) {
+        const o = n.row.original;
+        return r(A.FmChip, {
+          variant: R[o.outcome] ?? "neutral",
+          label: o.outcome,
+          compact: !0
+        }, null);
+      }
+    }];
+    async function w() {
+      L.value = !0;
+      try {
+        const {
+          startDate: n,
+          endDate: o
+        } = y.value;
+        let d;
+        if (o) {
+          const g = new Date(o);
+          g.setDate(g.getDate() + 1), d = g.toISOString().slice(0, 10);
+        }
+        const T = (u.value - 1) * V, [S] = await Promise.all([ue.read({
+          limit: V,
+          offset: T,
+          ...n ? {
+            from: n
+          } : {},
+          ...d ? {
+            to: d
+          } : {}
+        }), b.readTeamMembers()]);
+        B.value = S, k.value = S.length === V;
+      } finally {
+        L.value = !1;
+      }
+    }
+    D(y, () => {
+      u.value = 1, w();
+    }), D(_, () => {
+      u.value = 1;
+    }), D(v, () => {
+      u.value = 1;
+    });
+    async function Y() {
+      u.value > 1 && (u.value--, await w());
+    }
+    async function J() {
+      k.value && (u.value++, await w());
+    }
+    function G(n) {
+      s.value = n, P.value = !0;
+    }
+    function Z() {
+      P.value = !1, s.value = null;
+    }
+    return D(E.currentBusiness, (n) => {
+      n && (u.value = 1, w());
+    }, {
+      immediate: !0
+    }), (n, o) => {
+      const d = h("FmChip"), T = h("FmDateRangePicker"), S = h("FmTable"), g = h("FmButton"), H = h("FmTooltip"), Q = h("FmSideSheet");
+      return c(), m(X, null, [r(se, {
+        heading: l(t)("auditLog.title")
+      }, {
+        default: x(() => [e("div", me, [e("div", fe, [r(T, {
+          modelValue: y.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (f) => y.value = f),
+          "show-predefined-range": ""
+        }, {
+          "trigger-button": x(() => [r(d, {
+            label: K.value,
+            icon: "calendar_month"
+          }, null, 8, ["label"])]),
+          _: 1
+        }, 8, ["modelValue"]), e("div", null, [r(M, {
+          modelValue: _.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (f) => _.value = f),
+          items: $.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: l(t)("auditLog.filter.outcome_placeholder"),
+          "selected-prefix": l(t)("auditLog.filter.selected_outcome_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), e("div", null, [r(M, {
+          modelValue: v.value,
+          "onUpdate:modelValue": o[2] || (o[2] = (f) => v.value = f),
+          items: U.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: l(t)("auditLog.filter.action_placeholder"),
+          "selected-prefix": l(t)("auditLog.filter.selected_action_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])]), !L.value && C.value.length === 0 ? (c(), j(l(le), {
+          key: 0,
+          title: l(t)("auditLog.noData.title"),
+          subtitle: l(t)("auditLog.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : (c(), j(ae, {
+          key: 1
+        }, {
+          default: x(() => [e("div", pe, [r(S, {
+            "column-defs": z,
+            "row-data": C.value,
+            "page-size": C.value.length,
+            loading: L.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            class: "min-h-0 flex-1 cursor-pointer",
+            onRowClick: o[3] || (o[3] = (f) => G(f.original))
+          }, null, 8, ["row-data", "page-size", "loading"]), u.value > 1 || k.value ? (c(), m("div", _e, [r(g, {
+            variant: "tertiary",
+            icon: "chevron_left",
+            disabled: u.value === 1,
+            "aria-label": l(t)("auditLog.pagination.prevPage"),
+            onClick: Y
+          }, null, 8, ["disabled", "aria-label"]), e("span", ve, a(l(t)("auditLog.pagination.page", {
+            page: u.value
+          })), 1), r(g, {
+            variant: "tertiary",
+            icon: "chevron_right",
+            disabled: !k.value,
+            "aria-label": l(t)("auditLog.pagination.nextPage"),
+            onClick: J
+          }, null, 8, ["disabled", "aria-label"])])) : F("", !0)])]),
+          _: 1
+        }))])]),
+        _: 1
+      }, 8, ["heading"]), r(Q, {
+        header: l(t)("auditLog.detail.header"),
+        "model-value": P.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": o[4] || (o[4] = (f) => {
+          f || Z();
+        })
+      }, {
+        default: x(() => [s.value ? (c(), m("div", ge, [e("div", he, [e("div", ye, [e("span", xe, a(l(t)("auditLog.detail.timestamp")), 1), e("span", null, a(new Date(s.value.timestamp).toLocaleString()), 1)]), e("div", be, [e("span", Le, a(l(t)("auditLog.detail.user")), 1), e("div", ke, [l(b).userIdToName[s.value.userId] ? (c(), m("span", we, a(l(b).userIdToName[s.value.userId]), 1)) : F("", !0), e("span", Se, a(s.value.userId), 1)])]), e("div", Ie, [e("span", De, a(l(t)("auditLog.detail.action")), 1), e("span", null, a(s.value.action), 1)]), e("div", Fe, [e("span", Pe, a(l(t)("auditLog.detail.subject")), 1), O(s.value.subject) ? (c(), j(H, {
+          key: 0,
+          content: s.value.subject,
+          "z-index": 60
+        }, {
+          default: x(() => [e("span", null, a(O(s.value.subject)), 1)]),
+          _: 1
+        }, 8, ["content"])) : (c(), m("span", Ce, a(s.value.subject), 1))]), e("div", Oe, [e("span", Te, a(l(t)("auditLog.detail.field")), 1), e("span", null, a(s.value.field || "-"), 1)]), e("div", je, [e("span", Ve, a(l(t)("auditLog.detail.outcome")), 1), r(d, {
+          variant: R[s.value.outcome] ?? "neutral",
+          label: s.value.outcome,
+          compact: ""
+        }, null, 8, ["variant", "label"])]), e("div", Be, [e("span", Ne, a(l(t)("auditLog.detail.business")), 1), e("span", Re, a(s.value.businessId || "-"), 1)]), e("div", qe, [e("span", Ae, a(l(t)("auditLog.detail.restaurant")), 1), e("span", Me, a(s.value.restaurantId || "-"), 1)])]), o[5] || (o[5] = e("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), e("div", Ee, [e("p", Ue, a(l(t)("auditLog.detail.metadata")), 1), e("div", $e, [e("div", Ke, [e("span", ze, a(l(t)("auditLog.detail.reason")), 1), e("span", null, a(s.value.metadata.reason), 1)]), e("div", Ye, [e("span", Je, a(l(t)("auditLog.detail.resolvedFrom")), 1), e("span", null, a(s.value.metadata.resolvedFrom), 1)]), s.value.metadata.permissionSetId ? (c(), m("div", Ge, [e("span", Ze, a(l(t)("auditLog.detail.permissionSet")), 1), e("span", He, a(s.value.metadata.permissionSetId), 1)])) : F("", !0), e("div", Qe, [e("span", We, a(l(t)("auditLog.detail.decisivePermission")), 1), e("pre", Xe, a(JSON.stringify(s.value.metadata.decisivePermission, null, 2)), 1)]), e("div", {
+          class: q(["flex gap-8", s.value.metadata.decisiveRule && "flex-col"])
+        }, [e("span", et, a(l(t)("auditLog.detail.decisiveRule")), 1), s.value.metadata.decisiveRule ? (c(), m("pre", tt, a(JSON.stringify(s.value.metadata.decisiveRule, null, 2)), 1)) : (c(), m("div", ot, "-"))], 2), e("div", at, [e("span", st, a(l(t)("auditLog.detail.requestMethod")), 1), e("span", lt, a(s.value.metadata.requestMethod), 1)]), e("div", nt, [e("span", it, a(l(t)("auditLog.detail.requestPath")), 1), e("span", dt, a(s.value.metadata.requestPath), 1)]), e("div", {
+          class: q(["flex gap-4", s.value.metadata.requestBody && Object.keys(s.value.metadata.requestBody).length > 0 && "flex-col"])
+        }, [e("span", ct, a(l(t)("auditLog.detail.requestBody")), 1), s.value.metadata.requestBody && Object.keys(s.value.metadata.requestBody).length > 0 ? (c(), m("pre", rt, a(JSON.stringify(s.value.metadata.requestBody, null, 2)), 1)) : (c(), m("span", ut, "-"))], 2)])])])) : F("", !0)]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  Lt as default
+};

package/dist/{EmployeeList-CKHgrdAO.js → EmployeeList-BWDsSFoY.js}

@@ -2,14 +2,14 @@ import { createElementBlock as $, openBlock as h, createElementVNode as c, toRaw
 import { useCoreStore as be, useI18n as Ve, RestaurantSelector as me } from "@feedmepos/mf-common";
 import { useSnackbar as Fe, components as xe, useDialog as Le, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
 import { _ as Ne, S as ce } from "./SelectFilter-NbXrJ4iH.js";
-import { _ as Pe } from "./app-DUs516v0.js";
+import { _ as Pe } from "./app-CfIHEA52.js";
 import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
 import { u as we } from "./useSearch-B6WK1LBB.js";
-import { u as ke, E as ze } from "./employee-jH7EJnhi.js";
-import { l as Ae } from "./lodash-DpoPPi_j.js";
+import { u as ke, E as ze } from "./employee-ChJpkvUF.js";
+import { l as Ae } from "./lodash-0EOIqOEG.js";
 import { u as je, _ as de, a as pe, b as Ke } from "./useRestaurantMap-D5BNPLKh.js";
-import { u as Ge } from "./useLoading-1OqFn86y.js";
-import { u as ne } from "./useAppStore-RzLLN5d9.js";
+import { u as Ge } from "./useLoading-ChLCiMQj.js";
+import { u as ne } from "./useAppStore-DCpMNDxE.js";
 const qe = {};
 function He(S, O) {
   return h(), $("div", null, [...O[0] || (O[0] = [

package/dist/{Main-YQ5f-v03.js → Main-D5YEKOpl.js}

@@ -3,15 +3,15 @@ import { useRouter as of, useRoute as cf } from "vue-router";
 import { useCoreStore as hf, useI18n as uf } from "@feedmepos/mf-common";
 import { _ as vf } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as pf } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as df } from "./useAppStore-RzLLN5d9.js";
+import { u as df } from "./useAppStore-DCpMNDxE.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import { u as mf } from "./employee-jH7EJnhi.js";
-import "./lodash-DpoPPi_j.js";
-import "./index-CicR1-Jp.js";
-import { R as vt } from "./app-DUs516v0.js";
-import "./dayjs.min-DVb8OkTL.js";
-import "./timesheet-BRQvljNj.js";
+import { u as mf } from "./employee-ChJpkvUF.js";
+import "./lodash-0EOIqOEG.js";
+import "./index-CgbDOn3W.js";
+import { R as vt } from "./app-CfIHEA52.js";
+import "./dayjs.min-C8cBXLt-.js";
+import "./timesheet-DTI6G4DD.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var jt = {};

package/dist/{Main-HzplGv-e.js → Main-VjhiuuHr.js}

@@ -4,12 +4,12 @@ import { useI18n as g } from "@feedmepos/mf-common";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as w } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import "@feedmepos/ui-library";
-import "./index-CicR1-Jp.js";
-import { R as v } from "./app-DUs516v0.js";
-import "./useAppStore-RzLLN5d9.js";
+import "./index-CgbDOn3W.js";
+import { R as v } from "./app-CfIHEA52.js";
+import "./useAppStore-DCpMNDxE.js";
 /* empty css                                                                      */
 /* empty css                                                                            */
-import "./team-CiZSNUQW.js";
+import "./team-C2muObo8.js";
 const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
   __name: "Main",
   setup(y) {