@feedmepos/mf-hrm-portal 1.1.6-dev → 2.0.0

package/dist/AuditLogList-Cm3ueTso.js

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