@feedmepos/mf-hrm-portal 1.1.3-dev → 1.1.3-dev.10

package/dist/AuditLogList-BghaBoJj.js

@@ -0,0 +1,436 @@
+import { defineComponent as le, ref as f, computed as S, watch as U, resolveComponent as w, createElementBlock as u, openBlock as d, Fragment as D, createVNode as n, unref as i, withCtx as V, createElementVNode as e, createBlock as K, createCommentVNode as _, toDisplayString as s, renderList as se } from "vue";
+import { d as ie } from "./dayjs.min-CKv07Hiu.js";
+import { useI18n as ne, useCoreStore as de } from "@feedmepos/mf-common";
+import { _ as re, G as ce } from "./app-C04LPGZa.js";
+import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as me } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { components as $ } from "@feedmepos/ui-library";
+import { g as fe, b as pe, p as z } from "./index-CIz_Nsy5.js";
+import { u as _e } from "./team-CSB4_BXX.js";
+import { S as j } from "./SelectFilter-NbXrJ4iH.js";
+const ve = "/audit-logs", ge = {
+  async read(r) {
+    return fe(
+      await pe().get(ve, {
+        params: {
+          limit: (r == null ? void 0 : r.limit) ?? 100,
+          offset: (r == null ? void 0 : r.offset) ?? 0,
+          ...r != null && r.from ? { from: r.from } : {},
+          ...r != null && r.to ? { to: r.to } : {}
+        }
+      })
+    );
+  }
+}, he = {
+  class: "flex flex-1 flex-col gap-16 min-h-0"
+}, xe = {
+  class: "flex items-center gap-8"
+}, be = {
+  class: "w-fit"
+}, ye = {
+  class: "w-fit"
+}, Le = {
+  class: "w-fit"
+}, Se = {
+  class: "w-fit"
+}, ke = {
+  class: "flex h-full flex-col"
+}, we = {
+  key: 0,
+  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
+}, Ie = {
+  class: "text-sm text-fm-color-typo-secondary"
+}, Te = {
+  key: 0,
+  class: "space-y-12 p-4 text-sm"
+}, Ce = {
+  class: "rounded-lg border border-fm-color-border-default"
+}, De = {
+  class: "flex items-start justify-between gap-8 p-12"
+}, Ve = {
+  class: "text-base font-bold leading-snug text-fm-color-typo-primary flex-1 min-w-0"
+}, je = {
+  class: "audit-log-operation-label-detail font-semibold"
+}, Oe = {
+  class: "space-y-12 p-12"
+}, Pe = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Fe = {
+  class: "font-semibold"
+}, Ne = {
+  key: 0
+}, Ue = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Be = {
+  class: "font-semibold"
+}, Ae = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ee = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Re = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, qe = {
+  class: "font-semibold"
+}, Me = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ke = {
+  class: "font-semibold"
+}, $e = {
+  key: 1
+}, ze = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ye = {
+  class: "font-semibold"
+}, Ge = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Je = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Ze = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, He = {
+  class: "font-semibold"
+}, Qe = {
+  class: "rounded-lg border border-fm-color-border-default"
+}, We = {
+  class: "p-12"
+}, Xe = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, et = {
+  class: "space-y-12 p-12"
+}, tt = {
+  key: 0
+}, ot = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, at = {
+  class: "font-semibold"
+}, lt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, st = {
+  class: "font-semibold"
+}, it = {
+  key: 1
+}, nt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, dt = {
+  class: "font-semibold"
+}, rt = {
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, ct = {
+  class: "font-semibold"
+}, ut = {
+  key: 0,
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, mt = {
+  key: 2
+}, ft = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, pt = {
+  class: "mt-4 space-y-4"
+}, _t = {
+  class: "flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-fm-color-primary-default text-xs font-bold text-white"
+}, vt = {
+  class: "text-xs font-semibold"
+}, gt = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, ht = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, xt = {
+  class: "font-mono text-xs font-semibold"
+}, bt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, yt = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Lt = {
+  key: 3
+}, St = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, kt = {
+  class: "mt-4 max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner"
+}, B = 100, Nt = /* @__PURE__ */ le({
+  __name: "AuditLogList",
+  setup(r) {
+    const {
+      t: o
+    } = ne(), Y = de(), v = _e(), I = f(!1), A = f([]), l = f(null), O = f(!1), p = f(1), T = f(!1), E = ie().format("YYYY-MM-DD"), k = f({
+      startDate: E,
+      endDate: E
+    }), g = f(), h = f(), x = f(), b = f(), G = S(() => v.members.map((a) => ({
+      label: a.name,
+      value: a.doc.userId
+    }))), J = S(() => z.map((a) => ({
+      label: a.label,
+      value: a.subject
+    }))), Z = S(() => [{
+      label: o("auditLog.action.manage"),
+      value: "manage"
+    }, {
+      label: o("auditLog.action.create"),
+      value: "create"
+    }, {
+      label: o("auditLog.action.read"),
+      value: "read"
+    }, {
+      label: o("auditLog.action.update"),
+      value: "update"
+    }, {
+      label: o("auditLog.action.delete"),
+      value: "delete"
+    }]), H = S(() => [{
+      label: o("auditLog.outcome.allowed"),
+      value: "allowed"
+    }, {
+      label: o("auditLog.outcome.denied"),
+      value: "denied"
+    }, {
+      label: o("auditLog.outcome.skipped"),
+      value: "skipped"
+    }]), Q = S(() => {
+      const {
+        startDate: a,
+        endDate: t
+      } = k.value;
+      return a && t ? `${a} – ${t}` : a || t || o("auditLog.dateRange.placeholder");
+    }), P = S(() => {
+      let a = A.value;
+      return g.value && g.value.length > 0 && (a = a.filter((t) => g.value.includes(t.userId))), h.value && h.value.length > 0 && (a = a.filter((t) => h.value.includes(t.subject))), x.value && x.value.length > 0 && (a = a.filter((t) => x.value.includes(t.outcome))), b.value && b.value.length > 0 && (a = a.filter((t) => b.value.includes(t.action))), a;
+    });
+    function R(a) {
+      var t;
+      return ((t = z.find((m) => m.subject === a)) == null ? void 0 : t.label) ?? ce[a];
+    }
+    const q = {
+      allowed: "success",
+      denied: "critical",
+      skipped: "warning"
+    }, W = [{
+      accessorKey: "timestamp",
+      header: () => o("auditLog.columns.timestamp"),
+      cell(a) {
+        const t = a.row.original;
+        return new Date(t.timestamp).toLocaleString();
+      }
+    }, {
+      accessorKey: "userId",
+      header: () => o("auditLog.columns.user"),
+      enableSorting: !1,
+      cell(a) {
+        const t = a.row.original, m = v.userIdToName[t.userId];
+        return n("div", {
+          class: "flex items-center gap-8"
+        }, [n($.FmAvatar, {
+          initials: m || t.userId,
+          size: "sm"
+        }, null), n("span", null, [m || t.userId])]);
+      }
+    }, {
+      accessorKey: "subject",
+      header: () => o("auditLog.columns.subject"),
+      meta: {
+        cellClass: "text-left"
+      },
+      cell(a) {
+        const t = a.row.original, m = R(t.subject);
+        return m ? n("div", {
+          class: "text-left"
+        }, [n("span", null, [m]), n("p", {
+          class: "text-xs text-fm-color-typo-tertiary"
+        }, [t.subject])]) : n("div", {
+          class: "text-left"
+        }, [t.subject]);
+      }
+    }, {
+      accessorKey: "action",
+      header: () => o("auditLog.columns.action"),
+      enableSorting: !1
+    }, {
+      accessorKey: "operationLabel",
+      header: () => o("auditLog.columns.operation"),
+      enableSorting: !1,
+      size: 240,
+      meta: {
+        cellSpanClass: "audit-log-operation-label-table"
+      },
+      cell(a) {
+        return a.row.original.metadata.operationLabel ?? "-";
+      }
+    }, {
+      accessorKey: "outcome",
+      header: () => o("auditLog.columns.outcome"),
+      enableSorting: !1,
+      cell(a) {
+        const t = a.row.original;
+        return n($.FmChip, {
+          variant: q[t.outcome] ?? "neutral",
+          label: t.outcome,
+          compact: !0
+        }, null);
+      }
+    }];
+    function M(a, t = !1) {
+      const [m, y, F] = a.split("-").map(Number), L = new Date(m, y - 1, F);
+      return t && L.setDate(L.getDate() + 1), L.toISOString().slice(0, 19).replace("T", " ");
+    }
+    async function C() {
+      I.value = !0;
+      try {
+        const {
+          startDate: a,
+          endDate: t
+        } = k.value, m = (p.value - 1) * B, [y] = await Promise.all([ge.read({
+          limit: B,
+          offset: m,
+          // Convert local date boundaries to UTC ISO strings so ClickHouse
+          // (which stores timestamps in UTC) receives the correct range.
+          ...a ? {
+            from: M(a)
+          } : {},
+          ...t ? {
+            to: M(t, !0)
+          } : {}
+        }), v.readTeamMembers()]);
+        A.value = y, T.value = y.length === B;
+      } finally {
+        I.value = !1;
+      }
+    }
+    U(k, () => {
+      p.value = 1, C();
+    }), U([g, h, x, b], () => {
+      p.value = 1;
+    });
+    async function X() {
+      p.value > 1 && (p.value--, await C());
+    }
+    async function ee() {
+      T.value && (p.value++, await C());
+    }
+    function te(a) {
+      l.value = a, O.value = !0;
+    }
+    function oe() {
+      O.value = !1, l.value = null;
+    }
+    return U(Y.currentBusiness, (a) => {
+      a && (p.value = 1, C());
+    }, {
+      immediate: !0
+    }), (a, t) => {
+      const m = w("FmChip"), y = w("FmDateRangePicker"), F = w("FmTable"), L = w("FmButton"), ae = w("FmSideSheet");
+      return d(), u(D, null, [n(ue, {
+        heading: i(o)("auditLog.title")
+      }, {
+        default: V(() => [e("div", he, [e("div", xe, [n(y, {
+          modelValue: k.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => k.value = c),
+          "show-predefined-range": ""
+        }, {
+          "trigger-button": V(() => [n(m, {
+            label: Q.value,
+            icon: "calendar_month"
+          }, null, 8, ["label"])]),
+          _: 1
+        }, 8, ["modelValue"]), e("div", be, [n(j, {
+          modelValue: g.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (c) => g.value = c),
+          items: G.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: i(o)("auditLog.filter.user_placeholder"),
+          "selected-prefix": i(o)("auditLog.filter.selected_user_prefix"),
+          "chip-icon": "account_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), e("div", ye, [n(j, {
+          modelValue: h.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (c) => h.value = c),
+          items: J.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: i(o)("auditLog.filter.subject_placeholder"),
+          "selected-prefix": i(o)("auditLog.filter.selected_subject_prefix"),
+          "chip-icon": "badge"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), e("div", Le, [n(j, {
+          modelValue: b.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (c) => b.value = c),
+          items: Z.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: i(o)("auditLog.filter.action_placeholder"),
+          "selected-prefix": i(o)("auditLog.filter.selected_action_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), e("div", Se, [n(j, {
+          modelValue: x.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (c) => x.value = c),
+          items: H.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: i(o)("auditLog.filter.status_placeholder"),
+          "selected-prefix": i(o)("auditLog.filter.selected_status_prefix"),
+          searchable: !1,
+          "chip-icon": "check_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])]), !I.value && P.value.length === 0 ? (d(), K(i(me), {
+          key: 0,
+          title: i(o)("auditLog.noData.title"),
+          subtitle: i(o)("auditLog.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : (d(), K(re, {
+          key: 1
+        }, {
+          default: V(() => [e("div", ke, [n(F, {
+            "column-defs": W,
+            "row-data": P.value,
+            "page-size": P.value.length,
+            loading: I.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            class: "min-h-0 flex-1 cursor-pointer",
+            onRowClick: t[5] || (t[5] = (c) => te(c.original))
+          }, null, 8, ["row-data", "page-size", "loading"]), p.value > 1 || T.value ? (d(), u("div", we, [n(L, {
+            variant: "tertiary",
+            icon: "chevron_left",
+            disabled: p.value === 1,
+            "aria-label": i(o)("auditLog.pagination.prevPage"),
+            onClick: X
+          }, null, 8, ["disabled", "aria-label"]), e("span", Ie, s(i(o)("auditLog.pagination.page", {
+            page: p.value
+          })), 1), n(L, {
+            variant: "tertiary",
+            icon: "chevron_right",
+            disabled: !T.value,
+            "aria-label": i(o)("auditLog.pagination.nextPage"),
+            onClick: ee
+          }, null, 8, ["disabled", "aria-label"])])) : _("", !0)])]),
+          _: 1
+        }))])]),
+        _: 1
+      }, 8, ["heading"]), n(ae, {
+        header: i(o)("auditLog.detail.header"),
+        "model-value": O.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": t[6] || (t[6] = (c) => {
+          c || oe();
+        })
+      }, {
+        default: V(() => [l.value ? (d(), u("div", Te, [e("div", Ce, [e("div", De, [e("div", Ve, [e("p", je, s(l.value.metadata.operationLabel || "-"), 1)]), n(m, {
+          variant: q[l.value.outcome] ?? "neutral",
+          label: l.value.outcome,
+          compact: ""
+        }, null, 8, ["variant", "label"])]), t[7] || (t[7] = e("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), e("div", Oe, [e("div", null, [e("p", Pe, s(i(o)("auditLog.detail.timestamp")), 1), e("p", Fe, s(new Date(l.value.timestamp).toLocaleString()), 1)]), i(v).userIdToName[l.value.userId] ? (d(), u("div", Ne, [e("p", Ue, s(i(o)("auditLog.detail.user")), 1), e("p", Be, s(i(v).userIdToName[l.value.userId]), 1)])) : _("", !0), e("div", null, [e("p", Ae, s(i(o)("auditLog.detail.email")), 1), e("p", Ee, s(i(v).userIdToEmail[l.value.userId] || l.value.userId), 1)]), e("div", null, [e("p", Re, s(i(o)("auditLog.detail.action")), 1), e("p", qe, s(l.value.action), 1)]), e("div", null, [e("p", Me, s(i(o)("auditLog.detail.subject")), 1), e("p", Ke, s(R(l.value.subject) || l.value.subject), 1)]), l.value.field ? (d(), u("div", $e, [e("p", ze, s(i(o)("auditLog.detail.field")), 1), e("p", Ye, s(l.value.field), 1)])) : _("", !0), e("div", null, [e("p", Ge, s(i(o)("auditLog.detail.business")), 1), e("p", Je, s(l.value.businessId || "-"), 1)]), e("div", null, [e("p", Ze, s(i(o)("auditLog.detail.restaurant")), 1), e("p", He, s(l.value.restaurantId || "-"), 1)])])]), e("div", Qe, [e("div", We, [e("p", Xe, s(i(o)("auditLog.detail.metadata")), 1)]), t[8] || (t[8] = e("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), e("div", et, [l.value.metadata.reason ? (d(), u("div", tt, [e("p", ot, s(i(o)("auditLog.detail.reason")), 1), e("p", at, s(l.value.metadata.reason), 1)])) : _("", !0), e("div", null, [e("p", lt, s(i(o)("auditLog.detail.resolvedFrom")), 1), e("p", st, s(l.value.metadata.resolvedFrom), 1)]), l.value.metadata.permissionSetId ? (d(), u("div", it, [e("p", nt, s(i(o)("auditLog.detail.permissionSet")), 1), l.value.metadata.resolvedFrom === "systemPermissionSet" ? (d(), u(D, {
+          key: 0
+        }, [e("p", dt, s(l.value.metadata.permissionSetName) + " (system)", 1), e("p", rt, s(l.value.metadata.permissionSetId), 1)], 64)) : (d(), u(D, {
+          key: 1
+        }, [e("p", ct, s(l.value.metadata.permissionSetName || l.value.metadata.permissionSetId), 1), l.value.metadata.permissionSetName ? (d(), u("p", ut, s(l.value.metadata.permissionSetId), 1)) : _("", !0)], 64))])) : _("", !0), l.value.metadata.trace && l.value.metadata.trace.length > 0 ? (d(), u("div", mt, [e("p", ft, s(i(o)("auditLog.detail.permissionTrace")), 1), e("ol", pt, [(d(!0), u(D, null, se(l.value.metadata.trace, (c, N) => (d(), u("li", {
+          key: N,
+          class: "flex items-center gap-6"
+        }, [e("span", _t, s(N + 1), 1), e("span", vt, s(c), 1), N < l.value.metadata.trace.length - 1 ? (d(), u("span", gt, "→")) : _("", !0)]))), 128))])])) : _("", !0), e("div", null, [e("p", ht, s(i(o)("auditLog.detail.requestMethod")), 1), e("p", xt, s(l.value.metadata.requestMethod), 1)]), e("div", null, [e("p", bt, s(i(o)("auditLog.detail.requestPath")), 1), e("p", yt, s(l.value.metadata.requestPath), 1)]), l.value.metadata.requestBody && Object.keys(l.value.metadata.requestBody).length > 0 ? (d(), u("div", Lt, [e("p", St, s(i(o)("auditLog.detail.requestBody")), 1), e("pre", kt, s(JSON.stringify(l.value.metadata.requestBody, null, 2)), 1)])) : _("", !0)])])])) : _("", !0)]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  Nt as default
+};