@feedmepos/mf-hrm-portal 2.0.8-dev.1 → 2.0.8-dev.11

package/dist/AuditLogList-CYoUWLEX.js

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