@feedmepos/mf-hrm-portal 2.0.8-dev.12 → 2.0.8-dev.13

package/dist/AuditLogList-Cj2xXdHG.js

@@ -0,0 +1,735 @@
+import { defineComponent as Qe, ref as _, computed as b, watch as G, resolveComponent as w, createElementBlock as p, openBlock as m, Fragment as le, createVNode as u, unref as s, withCtx as M, createElementVNode as o, createBlock as ge, createCommentVNode as h, toDisplayString as n, renderList as _e } from "vue";
+import { d as X } from "./dayjs.min-EReIS4rK.js";
+import { useI18n as We, useCoreStore as et } from "@feedmepos/mf-common";
+import { h as se, F as be, _ as tt } from "./app-ToDa5jSo.js";
+import { components as he } from "@feedmepos/ui-library";
+import { g as ot, b as at } from "./iteration-yUKJnIop.js";
+import { S as Z } from "./SelectFilter-DUj7GBtT.js";
+import { _ as lt } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as st } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { p as ye } from "./index-DCuwuFh8.js";
+import { u as nt } from "./team-HoPvaH9h.js";
+const it = "/audit-logs", xe = {
+  async read(i) {
+    var R, x, P, k, F;
+    const a = {
+      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 } : {},
+      ...(R = i == null ? void 0 : i.userIds) != null && R.length ? { userIds: i.userIds } : {},
+      ...(x = i == null ? void 0 : i.subjects) != null && x.length ? { subjects: i.subjects } : {},
+      ...(P = i == null ? void 0 : i.subjectPrefixes) != null && P.length ? { subjectPrefixes: i.subjectPrefixes } : {},
+      ...(k = i == null ? void 0 : i.actions) != null && k.length ? { actions: i.actions } : {},
+      ...(F = i == null ? void 0 : i.outcomes) != null && F.length ? { outcomes: i.outcomes } : {}
+    };
+    return console.log("[AuditLogAPI] request params:", a), ot(
+      await at().get(it, {
+        params: a,
+        // Serialize arrays as repeated params: key=val1&key=val2
+        // (NestJS @Query expects this; axios default adds brackets which break matching)
+        paramsSerializer: (l) => {
+          const I = new URLSearchParams();
+          for (const [g, L] of Object.entries(l))
+            if (Array.isArray(L))
+              for (const z of L) I.append(g, String(z));
+            else L != null && I.append(g, String(L));
+          return console.log("[AuditLogAPI] serialized query string:", I.toString()), I.toString();
+        }
+      })
+    );
+  }
+}, dt = {
+  class: "flex flex-col gap-4 p-12 w-[260px]"
+}, ut = {
+  class: "text-xs font-semibold text-fm-color-typo-secondary mb-4"
+}, rt = {
+  class: "flex min-h-0 flex-1 flex-col gap-16"
+}, ct = {
+  class: "space-y-16"
+}, mt = {
+  class: "flex flex-wrap items-center gap-8"
+}, ft = {
+  class: "w-fit"
+}, pt = {
+  key: 0,
+  class: "w-fit"
+}, vt = {
+  class: "w-fit"
+}, gt = {
+  class: "w-fit"
+}, _t = {
+  class: "flex h-full flex-col"
+}, bt = {
+  key: 0,
+  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
+}, ht = {
+  class: "text-sm text-fm-color-typo-secondary"
+}, yt = {
+  key: 0,
+  class: "space-y-12 p-4 text-sm"
+}, xt = {
+  class: "flex items-start justify-between gap-8 rounded-lg border border-fm-color-border-default p-12"
+}, Lt = {
+  class: "min-w-0 flex-1"
+}, St = {
+  class: "audit-log-operation-label-detail text-base font-bold leading-snug text-fm-color-typo-primary"
+}, kt = {
+  class: "rounded-lg border border-fm-color-border-default p-12"
+}, wt = {
+  class: "space-y-12"
+}, Ft = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, It = {
+  class: "font-semibold"
+}, Vt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Pt = {
+  class: "font-semibold"
+}, Tt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Et = {
+  class: "break-all font-semibold"
+}, Ot = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ct = {
+  class: "font-semibold"
+}, jt = {
+  key: 0
+}, Dt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Mt = {
+  class: "break-all font-mono text-xs font-semibold"
+}, At = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ut = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Nt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Kt = {
+  class: "font-semibold"
+}, Rt = {
+  key: 0,
+  class: "rounded-lg border border-fm-color-border-default"
+}, qt = {
+  class: "p-12"
+}, Bt = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, Yt = {
+  class: "space-y-12 p-12"
+}, zt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, $t = {
+  class: "font-semibold"
+}, Ht = {
+  class: "rounded-lg border border-fm-color-border-default"
+}, Jt = {
+  class: "p-12"
+}, Gt = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, Xt = {
+  class: "space-y-12 p-12"
+}, Zt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Qt = {
+  class: "font-semibold"
+}, Wt = {
+  key: 0
+}, eo = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, to = {
+  key: 0,
+  class: "font-semibold"
+}, oo = {
+  key: 1,
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, ao = {
+  key: 1
+}, lo = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, so = {
+  class: "font-semibold whitespace-pre-line"
+}, no = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, io = {
+  class: "font-semibold"
+}, uo = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, ro = {
+  class: "break-all font-mono text-xs font-semibold"
+}, co = {
+  key: 2
+}, mo = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, fo = {
+  class: "mt-4 space-y-4"
+}, po = {
+  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"
+}, vo = {
+  class: "text-xs font-semibold"
+}, go = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, _o = {
+  key: 3
+}, bo = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, ho = {
+  class: "mt-4 max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner whitespace-pre-wrap break-all"
+}, ne = 100, ie = 1e3, Le = "audit-log-export-fields", Oo = /* @__PURE__ */ Qe({
+  __name: "AuditLogList",
+  setup(i) {
+    const {
+      t: a
+    } = We(), R = et(), x = nt(), P = _(!1), k = _(!1), F = _([]), l = _(null), I = _(!1), g = _(1), L = _(!1), z = X().format("YYYY-MM-DD"), A = _({
+      startDate: z,
+      endDate: z
+    }), T = _(), E = _(), O = _(), C = _(), q = _("all");
+    function Se(e) {
+      return typeof e == "string" ? [e] : Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+    }
+    const ke = b(() => se.map(({
+      key: e,
+      label: t
+    }) => ({
+      label: t,
+      value: e
+    }))), de = b(() => se.find((e) => e.key === q.value) ?? se[0]), Q = b(() => q.value === "all"), we = b(() => x.members.map((e) => ({
+      label: e.name,
+      value: e.doc.userId
+    }))), Fe = b(() => {
+      const e = ye.flatMap((c) => Se(c.subject).map((v) => ({
+        label: c.label,
+        value: v
+      }))), t = Object.entries(be).map(([c, v]) => ({
+        label: v,
+        value: c
+      })), r = /* @__PURE__ */ new Set(), f = [];
+      for (const c of [...e, ...t])
+        r.has(c.value) || (r.add(c.value), f.push(c));
+      return f;
+    });
+    function Ie(e, t) {
+      const r = t.toLowerCase();
+      return e.label.toLowerCase().includes(r) || e.value.replace(/^business::/, "").toLowerCase().includes(r) ? !0 : e.value.toLowerCase().includes(r);
+    }
+    const y = b(() => ({
+      manage: a("auditLog.action.manage"),
+      create: a("auditLog.action.create"),
+      read: a("auditLog.action.read"),
+      update: a("auditLog.action.update"),
+      delete: a("auditLog.action.delete")
+    })), Ve = b(() => [{
+      label: y.value.manage,
+      value: "manage"
+    }, {
+      label: y.value.create,
+      value: "create"
+    }, {
+      label: y.value.read,
+      value: "read"
+    }, {
+      label: y.value.update,
+      value: "update"
+    }, {
+      label: y.value.delete,
+      value: "delete"
+    }]), $ = b(() => ({
+      allowed: a("auditLog.outcome.success"),
+      denied: a("auditLog.outcome.failed"),
+      skipped: a("auditLog.outcome.skipped")
+    })), Pe = b(() => [{
+      label: $.value.allowed,
+      value: "allowed"
+    }, {
+      label: $.value.denied,
+      value: "denied"
+    }, {
+      label: $.value.skipped,
+      value: "skipped"
+    }]), Te = b(() => ({
+      admin: a("auditLog.detail.resolvedFromValue.admin"),
+      staff: a("auditLog.detail.resolvedFromValue.staff"),
+      permissionSet: a("auditLog.detail.resolvedFromValue.permissionSet"),
+      systemPermissionSet: a("auditLog.detail.resolvedFromValue.systemPermissionSet"),
+      custom: a("auditLog.detail.resolvedFromValue.custom"),
+      "no-match": a("auditLog.detail.resolvedFromValue.noMatch"),
+      unknown: a("auditLog.detail.resolvedFromValue.unknown")
+    })), Ee = b(() => ({
+      GET: y.value.read,
+      POST: y.value.create,
+      PUT: y.value.update,
+      PATCH: y.value.update,
+      DELETE: y.value.delete
+    })), ue = {
+      allowed: "success",
+      denied: "critical",
+      skipped: "warning"
+    }, Oe = b(() => {
+      const {
+        startDate: e,
+        endDate: t
+      } = A.value;
+      return e && t ? `${e} – ${t}` : e || t || a("auditLog.dateRange.placeholder");
+    });
+    function W(e) {
+      var t;
+      return ((t = ye.find((r) => r.subject === e)) == null ? void 0 : t.label) ?? be[e];
+    }
+    function H(e) {
+      return x.userIdToName[e.userId] || e.userId;
+    }
+    function re(e) {
+      return x.userIdToPhone[e.userId] || "-";
+    }
+    function Ce(e) {
+      return x.userIdToEmail[e.userId] || "-";
+    }
+    function ce(e) {
+      return X(e).format("DD MMM YYYY, HH:mm");
+    }
+    function je(e) {
+      return X(e).format("DD MMM YYYY, HH:mm:ss").toUpperCase();
+    }
+    function me(e) {
+      return y.value[e] ?? e;
+    }
+    function ee(e) {
+      return e.metadata.operationLabel ?? me(e.action);
+    }
+    function te(e) {
+      return $.value[e];
+    }
+    function De(e) {
+      return Te.value[e] ?? e;
+    }
+    function Me(e) {
+      return e.metadata.requestMethod ? Ee.value[e.metadata.requestMethod] ?? e.metadata.requestMethod : me(e.action);
+    }
+    function Ae(e) {
+      const t = String(e ?? "");
+      return `"${(/^[=+\-@\t\r]/.test(t) ? `'${t}` : t).replace(/"/g, '""')}"`;
+    }
+    const oe = [{
+      key: "timestamp",
+      labelKey: "auditLog.exportFields.timestamp",
+      getValue: (e) => ce(e.timestamp),
+      defaultSelected: !0
+    }, {
+      key: "userName",
+      labelKey: "auditLog.exportFields.userName",
+      getValue: (e) => H(e),
+      defaultSelected: !0
+    }, {
+      key: "userPhone",
+      labelKey: "auditLog.exportFields.userPhone",
+      getValue: (e) => re(e),
+      defaultSelected: !0
+    }, {
+      key: "subject",
+      labelKey: "auditLog.exportFields.subject",
+      getValue: (e) => W(e.subject) ?? e.subject,
+      defaultSelected: !0
+    }, {
+      key: "action",
+      labelKey: "auditLog.exportFields.action",
+      getValue: (e) => e.action,
+      defaultSelected: !0
+    }, {
+      key: "operation",
+      labelKey: "auditLog.exportFields.operation",
+      getValue: (e) => ee(e),
+      defaultSelected: !0
+    }, {
+      key: "outcome",
+      labelKey: "auditLog.exportFields.outcome",
+      getValue: (e) => te(e.outcome),
+      defaultSelected: !0
+    }, {
+      key: "businessId",
+      labelKey: "auditLog.exportFields.businessId",
+      getValue: (e) => e.businessId,
+      defaultSelected: !1
+    }, {
+      key: "restaurantId",
+      labelKey: "auditLog.exportFields.restaurantId",
+      getValue: (e) => e.restaurantId,
+      defaultSelected: !1
+    }, {
+      key: "country",
+      labelKey: "auditLog.exportFields.country",
+      getValue: (e) => e.country,
+      defaultSelected: !1
+    }, {
+      key: "resolvedFrom",
+      labelKey: "auditLog.exportFields.resolvedFrom",
+      getValue: (e) => {
+        var t;
+        return (t = e.metadata) == null ? void 0 : t.resolvedFrom;
+      },
+      defaultSelected: !1
+    }, {
+      key: "requestMethod",
+      labelKey: "auditLog.exportFields.requestMethod",
+      getValue: (e) => {
+        var t;
+        return (t = e.metadata) == null ? void 0 : t.requestMethod;
+      },
+      defaultSelected: !1
+    }, {
+      key: "requestPath",
+      labelKey: "auditLog.exportFields.requestPath",
+      getValue: (e) => {
+        var t;
+        return (t = e.metadata) == null ? void 0 : t.requestPath;
+      },
+      defaultSelected: !1
+    }];
+    function Ue() {
+      try {
+        const e = localStorage.getItem(Le);
+        if (e) {
+          const t = JSON.parse(e);
+          if (Array.isArray(t) && t.length > 0) return new Set(t);
+        }
+      } catch {
+      }
+      return new Set(oe.filter((e) => e.defaultSelected).map((e) => e.key));
+    }
+    const U = _(Ue());
+    function Ne(e) {
+      const t = new Set(U.value);
+      if (t.has(e)) {
+        if (t.size <= 1) return;
+        t.delete(e);
+      } else
+        t.add(e);
+      U.value = t;
+      try {
+        localStorage.setItem(Le, JSON.stringify([...t]));
+      } catch {
+      }
+    }
+    async function Ke() {
+      var e, t, r, f, c;
+      if (!k.value) {
+        k.value = !0;
+        try {
+          const {
+            startDate: v,
+            endDate: K
+          } = A.value, V = de.value.subjectPrefixes, j = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace("T", " "), B = K ? J(K, !0) : null, ae = B && B < j ? B : j, d = {
+            ...v ? {
+              from: J(v)
+            } : {},
+            to: ae,
+            ...(e = T.value) != null && e.length ? {
+              userIds: T.value
+            } : {},
+            ...Q.value && ((t = E.value) != null && t.length) ? {
+              subjects: E.value
+            } : {},
+            ...V.length ? {
+              subjectPrefixes: [...V]
+            } : {},
+            ...(r = C.value) != null && r.length ? {
+              actions: C.value
+            } : {},
+            ...(f = O.value) != null && f.length ? {
+              outcomes: O.value
+            } : {}
+          }, D = [];
+          let fe = 0;
+          for (; ; ) {
+            const S = await xe.read({
+              ...d,
+              limit: ie,
+              offset: fe
+            });
+            if (D.push(...S), S.length < ie) break;
+            fe += ie;
+          }
+          const pe = oe.filter((S) => U.value.has(S.key)), $e = pe.map((S) => a(S.labelKey)), He = D.map((S) => pe.map((Ze) => Ze.getValue(S) ?? "")), Je = [$e, ...He].map((S) => S.map(Ae).join(",")).join(`
+`), Ge = `audit-log_${(((c = R.currentBusiness.value) == null ? void 0 : c.name) || "business").replace(/[^a-z0-9_-]+/gi, "_")}_${X().format("YYYYMMDD_HHmmss")}.csv`, Xe = new Blob([`\uFEFF${Je}`], {
+            type: "text/csv;charset=utf-8;"
+          }), ve = window.URL.createObjectURL(Xe), Y = document.createElement("a");
+          Y.href = ve, Y.download = Ge, document.body.appendChild(Y), Y.click(), Y.remove(), window.URL.revokeObjectURL(ve);
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    const Re = [{
+      accessorKey: "timestamp",
+      header: () => a("auditLog.columns.timestamp"),
+      cell(e) {
+        return ce(e.row.original.timestamp);
+      }
+    }, {
+      accessorKey: "userId",
+      header: () => a("auditLog.columns.user"),
+      enableSorting: !1,
+      size: 220,
+      cell(e) {
+        const t = e.row.original;
+        return u("div", {
+          class: "flex items-center gap-8"
+        }, [u(he.FmAvatar, {
+          initials: H(t),
+          size: "sm",
+          class: "shrink-0"
+        }, null), u("div", {
+          class: "min-w-0"
+        }, [u("p", {
+          class: "truncate font-semibold"
+        }, [H(t)]), u("p", {
+          class: "truncate text-fm-color-typo-secondary"
+        }, [re(t)])])]);
+      }
+    }, {
+      accessorKey: "subject",
+      header: () => a("auditLog.columns.role"),
+      meta: {
+        cellClass: "text-left"
+      },
+      cell(e) {
+        const t = e.row.original;
+        return u("div", {
+          class: "text-left"
+        }, [W(t.subject) ?? t.subject]);
+      }
+    }, {
+      accessorKey: "action",
+      header: () => a("auditLog.columns.action"),
+      enableSorting: !1,
+      size: 280,
+      meta: {
+        cellSpanClass: "audit-log-action-label"
+      },
+      cell(e) {
+        return ee(e.row.original);
+      }
+    }, {
+      accessorKey: "outcome",
+      header: () => a("auditLog.columns.outcome"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return u(he.FmChip, {
+          variant: ue[t.outcome] ?? "neutral",
+          label: te(t.outcome),
+          compact: !0
+        }, null);
+      }
+    }];
+    function J(e, t = !1) {
+      const [r, f, c] = e.split("-").map(Number), v = new Date(r, f - 1, c);
+      return t && v.setDate(v.getDate() + 1), v.toISOString().slice(0, 19).replace("T", " ");
+    }
+    async function N() {
+      var e, t, r, f;
+      P.value = !0;
+      try {
+        const {
+          startDate: c,
+          endDate: v
+        } = A.value, K = (g.value - 1) * ne, V = de.value.subjectPrefixes, j = await xe.read({
+          limit: ne,
+          offset: K,
+          ...c ? {
+            from: J(c)
+          } : {},
+          ...v ? {
+            to: J(v, !0)
+          } : {},
+          ...(e = T.value) != null && e.length ? {
+            userIds: T.value
+          } : {},
+          ...Q.value && ((t = E.value) != null && t.length) ? {
+            subjects: E.value
+          } : {},
+          ...V.length ? {
+            subjectPrefixes: [...V]
+          } : {},
+          ...(r = C.value) != null && r.length ? {
+            actions: C.value
+          } : {},
+          ...(f = O.value) != null && f.length ? {
+            outcomes: O.value
+          } : {}
+        });
+        F.value = j, L.value = j.length === ne;
+      } finally {
+        P.value = !1;
+      }
+    }
+    G(A, () => {
+      g.value = 1, N();
+    }), G([T, E, O, C], () => {
+      g.value = 1, N();
+    }), G(q, () => {
+      g.value = 1, N();
+    });
+    async function qe() {
+      g.value > 1 && (g.value--, await N());
+    }
+    async function Be() {
+      L.value && (g.value++, await N());
+    }
+    function Ye(e) {
+      l.value = e, I.value = !0;
+    }
+    function ze() {
+      I.value = !1, l.value = null;
+    }
+    return G(R.currentBusiness, (e) => {
+      e && (g.value = 1, x.readTeamMembers(), N());
+    }, {
+      immediate: !0
+    }), (e, t) => {
+      const r = w("FmSpacer"), f = w("FmButton"), c = w("FmMenuItem"), v = w("FmMenu"), K = w("FmTabs"), V = w("FmChip"), j = w("FmDateRangePicker"), B = w("FmTable"), ae = w("FmSideSheet");
+      return m(), p(le, null, [u(lt, {
+        heading: s(a)("auditLog.title")
+      }, {
+        "append-heading": M(() => [u(r), u(f, {
+          variant: "primary",
+          "prepend-icon": "upload",
+          label: s(a)("auditLog.export"),
+          disabled: F.value.length === 0 || k.value || s(x).isLoading || s(x).members.length === 0,
+          loading: k.value,
+          onClick: Ke
+        }, null, 8, ["label", "disabled", "loading"]), u(v, {
+          "close-on-click": !1,
+          "z-index": 50
+        }, {
+          "menu-button": M(() => [u(f, {
+            variant: "tertiary",
+            icon: "settings",
+            "aria-label": s(a)("auditLog.exportSettings.title"),
+            disabled: k.value
+          }, null, 8, ["aria-label", "disabled"])]),
+          default: M(() => [o("div", dt, [o("p", ut, n(s(a)("auditLog.exportSettings.title")), 1), (m(), p(le, null, _e(oe, (d) => u(c, {
+            key: d.key,
+            label: s(a)(d.labelKey),
+            "has-checkbox": "",
+            "model-value": U.value.has(d.key),
+            disabled: U.value.has(d.key) && U.value.size === 1,
+            onClick: (D) => Ne(d.key)
+          }, null, 8, ["label", "model-value", "disabled", "onClick"])), 64))])]),
+          _: 1
+        })]),
+        default: M(() => [o("div", rt, [o("div", ct, [u(K, {
+          modelValue: q.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => q.value = d),
+          items: ke.value
+        }, null, 8, ["modelValue", "items"]), o("div", mt, [u(j, {
+          modelValue: A.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (d) => A.value = d),
+          "show-predefined-range": ""
+        }, {
+          "trigger-button": M(() => [u(V, {
+            label: Oe.value,
+            icon: "calendar_month"
+          }, null, 8, ["label"])]),
+          _: 1
+        }, 8, ["modelValue"]), o("div", ft, [u(Z, {
+          modelValue: T.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (d) => T.value = d),
+          items: we.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.user_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_user_prefix"),
+          "chip-icon": "account_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), Q.value ? (m(), p("div", pt, [u(Z, {
+          modelValue: E.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (d) => E.value = d),
+          items: Fe.value,
+          "filter-fn": Ie,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.subject_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_subject_prefix"),
+          "chip-icon": "badge"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])) : h("", !0), o("div", vt, [u(Z, {
+          modelValue: C.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (d) => C.value = d),
+          items: Ve.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.action_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_action_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), o("div", gt, [u(Z, {
+          modelValue: O.value,
+          "onUpdate:modelValue": t[5] || (t[5] = (d) => O.value = d),
+          items: Pe.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.status_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_status_prefix"),
+          searchable: !1,
+          "chip-icon": "check_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])])]), !P.value && F.value.length === 0 ? (m(), ge(s(st), {
+          key: 0,
+          title: s(a)("auditLog.noData.title"),
+          subtitle: s(a)("auditLog.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : (m(), ge(tt, {
+          key: 1
+        }, {
+          default: M(() => [o("div", _t, [u(B, {
+            "column-defs": Re,
+            "row-data": F.value,
+            "page-size": F.value.length,
+            loading: P.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            class: "min-h-0 flex-1 cursor-pointer",
+            onRowClick: t[6] || (t[6] = (d) => Ye(d.original))
+          }, null, 8, ["row-data", "page-size", "loading"]), g.value > 1 || L.value ? (m(), p("div", bt, [u(f, {
+            variant: "tertiary",
+            icon: "chevron_left",
+            disabled: g.value === 1,
+            "aria-label": s(a)("auditLog.pagination.prevPage"),
+            onClick: qe
+          }, null, 8, ["disabled", "aria-label"]), o("span", ht, n(s(a)("auditLog.pagination.page", {
+            page: g.value
+          })), 1), u(f, {
+            variant: "tertiary",
+            icon: "chevron_right",
+            disabled: !L.value,
+            "aria-label": s(a)("auditLog.pagination.nextPage"),
+            onClick: Be
+          }, null, 8, ["disabled", "aria-label"])])) : h("", !0)])]),
+          _: 1
+        }))])]),
+        _: 1
+      }, 8, ["heading"]), u(ae, {
+        header: s(a)("auditLog.detail.header"),
+        "model-value": I.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": t[7] || (t[7] = (d) => {
+          d || ze();
+        })
+      }, {
+        default: M(() => [l.value ? (m(), p("div", yt, [o("div", xt, [o("div", Lt, [o("p", St, n(ee(l.value)), 1)]), u(V, {
+          variant: ue[l.value.outcome] ?? "neutral",
+          label: te(l.value.outcome),
+          compact: ""
+        }, null, 8, ["variant", "label"])]), o("div", kt, [o("div", wt, [o("div", null, [o("p", Ft, n(s(a)("auditLog.detail.date")), 1), o("p", It, n(je(l.value.timestamp)), 1)]), o("div", null, [o("p", Vt, n(s(a)("auditLog.detail.user")), 1), o("p", Pt, n(H(l.value)), 1)]), o("div", null, [o("p", Tt, n(s(a)("auditLog.detail.email")), 1), o("p", Et, n(Ce(l.value)), 1)]), o("div", null, [o("p", Ot, n(s(a)("auditLog.detail.role")), 1), o("p", Ct, n(W(l.value.subject) || l.value.subject), 1)]), l.value.field ? (m(), p("div", jt, [o("p", Dt, n(s(a)("auditLog.detail.field")), 1), o("p", Mt, n(l.value.field), 1)])) : h("", !0), o("div", null, [o("p", At, n(s(a)("auditLog.detail.business")), 1), o("p", Ut, n(l.value.businessId || "-"), 1)]), o("div", null, [o("p", Nt, n(s(a)("auditLog.detail.restaurant")), 1), o("p", Kt, n(l.value.restaurantId || "-"), 1)])])]), l.value.metadata.operationLabel ? (m(), p("div", Rt, [o("div", qt, [o("p", Bt, n(s(a)("auditLog.detail.changeDetails")), 1)]), t[8] || (t[8] = o("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), o("div", Yt, [o("div", null, [o("p", zt, n(s(a)("auditLog.detail.eventType")), 1), o("p", $t, n(l.value.metadata.operationLabel), 1)])])])) : h("", !0), o("div", Ht, [o("div", Jt, [o("p", Gt, n(s(a)("auditLog.detail.metadata")), 1)]), t[9] || (t[9] = o("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), o("div", Xt, [o("div", null, [o("p", Zt, n(s(a)("auditLog.detail.resolvedFrom")), 1), o("p", Qt, n(De(l.value.metadata.resolvedFrom)), 1)]), (l.value.metadata.resolvedFrom === "permissionSet" || l.value.metadata.resolvedFrom === "systemPermissionSet") && (l.value.metadata.permissionSetName || l.value.metadata.permissionSetId) ? (m(), p("div", Wt, [o("p", eo, n(s(a)("auditLog.detail.permissionSet")), 1), l.value.metadata.permissionSetName ? (m(), p("p", to, n(l.value.metadata.permissionSetName), 1)) : h("", !0), l.value.metadata.permissionSetId ? (m(), p("p", oo, n(l.value.metadata.permissionSetId), 1)) : h("", !0)])) : h("", !0), l.value.metadata.reason ? (m(), p("div", ao, [o("p", lo, n(s(a)("auditLog.detail.reason")), 1), o("p", so, n(l.value.metadata.reason), 1)])) : h("", !0), o("div", null, [o("p", no, n(s(a)("auditLog.detail.requestMethod")), 1), o("p", io, n(Me(l.value)), 1)]), o("div", null, [o("p", uo, n(s(a)("auditLog.detail.requestPath")), 1), o("p", ro, n(l.value.metadata.requestPath || "-"), 1)]), l.value.metadata.trace && l.value.metadata.trace.length > 0 ? (m(), p("div", co, [o("p", mo, n(s(a)("auditLog.detail.permissionTrace")), 1), o("ol", fo, [(m(!0), p(le, null, _e(l.value.metadata.trace, (d, D) => (m(), p("li", {
+          key: D,
+          class: "flex items-center gap-6"
+        }, [o("span", po, n(D + 1), 1), o("span", vo, n(d), 1), D < l.value.metadata.trace.length - 1 ? (m(), p("span", go, "→")) : h("", !0)]))), 128))])])) : h("", !0), l.value.metadata.requestBody && Object.keys(l.value.metadata.requestBody).length > 0 ? (m(), p("div", _o, [o("p", bo, n(s(a)("auditLog.detail.requestBody")), 1), o("pre", ho, n(JSON.stringify(l.value.metadata.requestBody, null, 2)), 1)])) : h("", !0)])])])) : h("", !0)]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  Oo as default
+};