@feedmepos/mf-hrm-portal 2.0.10-dev → 2.0.10

package/dist/AuditLogList-DICsmRKu.js

@@ -0,0 +1,915 @@
+import { defineComponent as Ce, ref as p, computed as S, onMounted as dt, onBeforeUnmount as ct, watch as oe, resolveComponent as O, createElementBlock as f, openBlock as c, createBlock as se, createCommentVNode as T, createElementVNode as l, Fragment as ee, renderList as ne, withCtx as z, createVNode as r, toDisplayString as i, unref as n, nextTick as mt } from "vue";
+import { d as v } from "./dayjs.min-Cje6yZS4.js";
+import { useI18n as Ae, useCoreStore as ft } from "@feedmepos/mf-common";
+import { I as Te, _ as vt } from "./app-CvSQBSNk.js";
+import { components as Ve } from "@feedmepos/ui-library";
+import { g as pt, b as gt } from "./iteration-tLtr3UA8.js";
+import { S as ce } from "./SelectFilter-DUj7GBtT.js";
+import { _ as bt } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as ht } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { p as Pe } from "./index-CUPMZ2Nm.js";
+import { u as _t } from "./team-eAkNf8XU.js";
+const be = [
+  { key: "all", label: "All", subjectPrefixes: [] },
+  { key: "inventory", label: "Inventory", subjectPrefixes: ["business::inventory", "inventory"] },
+  { key: "report", label: "Report", subjectPrefixes: ["business::report", "report"] },
+  { key: "hrm", label: "HRM", subjectPrefixes: ["business::hrm", "hrm"] },
+  { key: "payment", label: "Payment", subjectPrefixes: ["business::payment", "payment"] },
+  { key: "menu", label: "Menu", subjectPrefixes: ["business::menu", "menu"] },
+  { key: "crm", label: "CRM", subjectPrefixes: ["business::crm", "crm"] }
+  // Add more as modules are revamped with new actionguard:
+  // { key: 'restaurantOperation', label: 'Restaurant Operation', subjectPrefixes: ['restaurant'] },
+], yt = "/audit-logs", Oe = {
+  async read(s) {
+    var h, V, E, F, k;
+    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 } : {},
+      ...(h = s == null ? void 0 : s.userIds) != null && h.length ? { userIds: s.userIds } : {},
+      ...(V = s == null ? void 0 : s.subjects) != null && V.length ? { subjects: s.subjects } : {},
+      ...(E = s == null ? void 0 : s.subjectPrefixes) != null && E.length ? { subjectPrefixes: s.subjectPrefixes } : {},
+      ...(F = s == null ? void 0 : s.actions) != null && F.length ? { actions: s.actions } : {},
+      ...(k = s == null ? void 0 : s.outcomes) != null && k.length ? { outcomes: s.outcomes } : {}
+    };
+    return console.log("[AuditLogAPI] request params:", a), pt(
+      await gt().get(yt, {
+        params: a,
+        // Serialize arrays as repeated params: key=val1&key=val2
+        // (NestJS @Query expects this; axios default adds brackets which break matching)
+        paramsSerializer: (o) => {
+          const D = new URLSearchParams();
+          for (const [g, _] of Object.entries(o))
+            if (Array.isArray(_))
+              for (const j of _) D.append(g, String(j));
+            else _ != null && D.append(g, String(_));
+          return console.log("[AuditLogAPI] serialized query string:", D.toString()), D.toString();
+        }
+      })
+    );
+  }
+}, xt = { class: "flex h-[46px] items-center gap-8 rounded-sm px-16 hover:bg-fm-color-opacity-sm" }, Lt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, St = {
+  "data-more-measure": "",
+  class: "flex h-[46px] items-center gap-8 rounded-sm px-16"
+}, kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, wt = /* @__PURE__ */ Ce({
+  __name: "AuditLogModuleTabs",
+  props: {
+    modelValue: {},
+    items: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: a }) {
+    const h = s, V = a, { t: E } = Ae(), F = p(!1), k = p(null), o = p(null), D = p([]), g = p(0), _ = p(0);
+    let j = null;
+    async function K() {
+      if (await mt(), !o.value) return;
+      const m = o.value.querySelectorAll("[data-tab-measure]");
+      D.value = Array.from(m).map((Y) => Y.offsetWidth);
+      const b = o.value.querySelector("[data-more-measure]");
+      g.value = (b == null ? void 0 : b.offsetWidth) ?? 0;
+    }
+    const q = S(() => {
+      const m = h.items.length;
+      if (m === 0) return 0;
+      if (!_.value || D.value.length !== m) return m;
+      const b = D.value;
+      if (b.reduce((u, J) => u + J, 0) <= _.value) return m;
+      const I = g.value;
+      let B = 0, N = 0;
+      for (let u = 0; u < m && !(B + b[u] + I > _.value); u++)
+        B += b[u], N++;
+      return N;
+    }), R = S(() => {
+      const m = q.value, b = h.items.length;
+      if (m >= b) return [...h.items];
+      const Y = h.items.slice(0, m), I = h.items.find((C) => C.value === h.modelValue);
+      if (!I || Y.some((C) => C.value === I.value)) return Y;
+      if (m === 0) return [I];
+      const B = h.items.findIndex((C) => C.value === I.value), N = D.value, u = g.value, J = N[B] ?? 0;
+      let y = m, ie = N.slice(0, y - 1).reduce((C, ae) => C + ae, 0);
+      for (; y > 1 && ie + J + u > _.value; )
+        y--, ie = N.slice(0, y - 1).reduce((C, ae) => C + ae, 0);
+      return [...h.items.slice(0, Math.max(y - 1, 0)), I];
+    }), U = S(() => {
+      const m = new Set(R.value.map((b) => b.value));
+      return h.items.filter((b) => !m.has(b.value));
+    });
+    function $(m) {
+      F.value = !1, V("update:modelValue", m);
+    }
+    return dt(async () => {
+      await K(), k.value && (_.value = k.value.clientWidth, j = new ResizeObserver(() => {
+        k.value && (_.value = k.value.clientWidth);
+      }), j.observe(k.value));
+    }), ct(() => {
+      j == null || j.disconnect(), j = null;
+    }), oe(
+      () => h.items,
+      () => {
+        K();
+      },
+      { deep: !0 }
+    ), (m, b) => {
+      const Y = O("FmTab"), I = O("FmIcon"), B = O("FmMenuItem"), N = O("FmMenu");
+      return c(), f("div", {
+        ref_key: "containerRef",
+        ref: k,
+        class: "relative flex w-full flex-row items-center"
+      }, [
+        (c(!0), f(ee, null, ne(R.value, (u) => (c(), se(Y, {
+          key: u.value,
+          "model-value": s.modelValue,
+          label: u.label,
+          badge: u.badge,
+          disabled: u.disabled,
+          value: u.value,
+          "onUpdate:modelValue": $
+        }, null, 8, ["model-value", "label", "badge", "disabled", "value"]))), 128)),
+        U.value.length > 0 ? (c(), se(N, {
+          key: 0,
+          "show-menu": F.value,
+          class: "max-w-[360px] min-w-[90px] rounded-sm",
+          placement: "bottom-start",
+          onMenuChanged: b[0] || (b[0] = (u) => F.value = u)
+        }, {
+          "menu-button": z(() => [
+            l("div", xt, [
+              r(I, { name: "more_vert" }),
+              l("span", Lt, i(n(E)("auditLog.modules.more")), 1)
+            ])
+          ]),
+          default: z(() => [
+            (c(!0), f(ee, null, ne(U.value, (u) => (c(), se(B, {
+              key: u.value,
+              "model-value": s.modelValue === u.value,
+              label: u.label,
+              disabled: u.disabled,
+              onClick: (J) => $(u.value)
+            }, null, 8, ["model-value", "label", "disabled", "onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["show-menu"])) : T("", !0),
+        l("div", {
+          ref_key: "measurerRef",
+          ref: o,
+          "aria-hidden": "true",
+          class: "pointer-events-none invisible absolute -left-[9999px] -top-[9999px] flex flex-row items-center"
+        }, [
+          (c(!0), f(ee, null, ne(s.items, (u) => (c(), f("div", {
+            key: `measure-${u.value}`,
+            "data-tab-measure": ""
+          }, [
+            r(Y, {
+              "model-value": s.modelValue,
+              label: u.label,
+              badge: u.badge,
+              disabled: u.disabled,
+              value: u.value
+            }, null, 8, ["model-value", "label", "badge", "disabled", "value"])
+          ]))), 128)),
+          l("div", St, [
+            r(I, { name: "more_vert" }),
+            l("span", kt, i(n(E)("auditLog.modules.more")), 1)
+          ])
+        ], 512)
+      ], 512);
+    };
+  }
+}), Mt = {
+  class: "flex flex-col gap-4 p-12 w-[260px]"
+}, Ft = {
+  class: "text-xs font-semibold text-fm-color-typo-secondary mb-4"
+}, Dt = {
+  class: "flex min-h-0 flex-1 flex-col gap-16"
+}, It = {
+  class: "space-y-16"
+}, Tt = {
+  class: "flex flex-wrap items-center gap-8"
+}, Vt = {
+  class: "w-fit"
+}, Pt = {
+  key: 0,
+  class: "w-fit"
+}, Ot = {
+  class: "w-fit"
+}, jt = {
+  class: "w-fit"
+}, Ct = {
+  class: "flex h-full flex-col"
+}, At = {
+  key: 0,
+  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
+}, Et = {
+  class: "text-sm text-fm-color-typo-secondary"
+}, Rt = {
+  key: 0,
+  class: "space-y-12 p-4 text-sm"
+}, Ut = {
+  class: "flex items-start justify-between gap-8 rounded-lg border border-fm-color-border-default p-12"
+}, $t = {
+  class: "min-w-0 flex-1"
+}, Yt = {
+  class: "audit-log-operation-label-detail text-base font-bold leading-snug text-fm-color-typo-primary"
+}, Bt = {
+  class: "rounded-lg border border-fm-color-border-default p-12"
+}, Nt = {
+  class: "space-y-12"
+}, Kt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, qt = {
+  class: "font-semibold"
+}, zt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ht = {
+  class: "font-semibold"
+}, Wt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Gt = {
+  class: "break-all font-semibold"
+}, Jt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Xt = {
+  class: "font-semibold"
+}, Zt = {
+  key: 0
+}, Qt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, ea = {
+  class: "break-all font-mono text-xs font-semibold"
+}, ta = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, aa = {
+  class: "break-all font-mono text-xs font-semibold"
+}, la = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, oa = {
+  class: "font-semibold"
+}, sa = {
+  key: 0,
+  class: "rounded-lg border border-fm-color-border-default"
+}, na = {
+  class: "p-12"
+}, ia = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, ua = {
+  class: "space-y-12 p-12"
+}, ra = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, da = {
+  class: "font-semibold"
+}, ca = {
+  class: "rounded-lg border border-fm-color-border-default"
+}, ma = {
+  class: "p-12"
+}, fa = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, va = {
+  class: "space-y-12 p-12"
+}, pa = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, ga = {
+  class: "font-semibold"
+}, ba = {
+  key: 0
+}, ha = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, _a = {
+  key: 0,
+  class: "font-semibold"
+}, ya = {
+  key: 1,
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, xa = {
+  key: 1
+}, La = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Sa = {
+  class: "font-semibold whitespace-pre-line"
+}, ka = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, wa = {
+  class: "font-semibold"
+}, Ma = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Fa = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Da = {
+  key: 2
+}, Ia = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ta = {
+  class: "mt-4 space-y-4"
+}, Va = {
+  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"
+}, Pa = {
+  class: "text-xs font-semibold"
+}, Oa = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, ja = {
+  key: 3
+}, Ca = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Aa = {
+  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"
+}, he = 100, _e = 1e3, Ea = "YYYY-MM-DD HH:mm", M = "YYYY-MM-DD", je = "audit-log-export-fields", Xa = /* @__PURE__ */ Ce({
+  __name: "AuditLogList",
+  setup(s) {
+    const {
+      t: a
+    } = Ae(), h = ft(), V = _t(), E = p(!1), F = p(!1), k = p([]), o = p(null), D = p(!1), g = p(1), _ = p(!1), j = v().format("YYYY-MM-DD"), K = p({
+      startDate: `${j} 00:00`,
+      endDate: `${j} 23:59`
+    }), q = p(), R = p(), U = p(), $ = p(), m = p("all");
+    function b(e) {
+      return typeof e == "string" ? [e] : Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+    }
+    const Y = S(() => be.map(({
+      key: e
+    }) => ({
+      label: a(`auditLog.modules.${e}`),
+      value: e
+    }))), I = S(() => be.find((e) => e.key === m.value) ?? be[0]), B = S(() => m.value === "all"), N = S(() => V.members.map((e) => ({
+      label: e.name,
+      value: e.doc.userId
+    }))), u = S(() => {
+      const e = Pe.flatMap((L) => b(L.subject).map((A) => ({
+        label: L.label,
+        value: A
+      }))), t = Object.entries(Te).map(([L, A]) => ({
+        label: A,
+        value: L
+      })), x = /* @__PURE__ */ new Set(), w = [];
+      for (const L of [...e, ...t])
+        x.has(L.value) || (x.add(L.value), w.push(L));
+      return w;
+    });
+    function J(e, t) {
+      const x = t.toLowerCase();
+      return e.label.toLowerCase().includes(x) || e.value.replace(/^business::/, "").toLowerCase().includes(x) ? !0 : e.value.toLowerCase().includes(x);
+    }
+    const y = S(() => ({
+      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 = S(() => [{
+      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"
+    }]), te = S(() => ({
+      allowed: a("auditLog.outcome.success"),
+      denied: a("auditLog.outcome.failed"),
+      skipped: a("auditLog.outcome.skipped")
+    })), C = S(() => [{
+      label: te.value.allowed,
+      value: "allowed"
+    }, {
+      label: te.value.denied,
+      value: "denied"
+    }, {
+      label: te.value.skipped,
+      value: "skipped"
+    }]), ae = S(() => ({
+      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 = S(() => ({
+      GET: y.value.read,
+      POST: y.value.create,
+      PUT: y.value.update,
+      PATCH: y.value.update,
+      DELETE: y.value.delete
+    })), ye = {
+      allowed: "success",
+      denied: "critical",
+      skipped: "warning"
+    }, Re = S(() => {
+      const {
+        startDate: e,
+        endDate: t
+      } = K.value;
+      return e && t ? `${e} – ${t}` : e || t || a("auditLog.dateRange.placeholder");
+    }), Ue = S(() => [{
+      label: a("date.predefinedRanges.today"),
+      value: {
+        startDate: v().format(M),
+        endDate: v().format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.yesterday"),
+      value: {
+        startDate: v().subtract(1, "day").format(M),
+        endDate: v().subtract(1, "day").format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.thisWeek"),
+      value: {
+        startDate: v().startOf("week").format(M),
+        endDate: v().endOf("week").format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.lastWeek"),
+      value: {
+        startDate: v().subtract(1, "week").startOf("week").format(M),
+        endDate: v().subtract(1, "week").endOf("week").format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.last7Days"),
+      value: {
+        startDate: v().subtract(7, "day").format(M),
+        endDate: v().subtract(1, "day").format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.thisMonth"),
+      value: {
+        startDate: v().startOf("month").format(M),
+        endDate: v().endOf("month").format(M)
+      }
+    }, {
+      label: a("date.predefinedRanges.lastMonth"),
+      value: {
+        startDate: v().subtract(1, "month").startOf("month").format(M),
+        endDate: v().subtract(1, "month").endOf("month").format(M)
+      }
+    }]);
+    function me(e) {
+      var t;
+      return ((t = Pe.find((x) => x.subject === e)) == null ? void 0 : t.label) ?? Te[e];
+    }
+    function ue(e) {
+      return V.userIdToName[e.userId] || e.userId;
+    }
+    function xe(e) {
+      return V.userIdToPhone[e.userId] || "-";
+    }
+    function $e(e) {
+      return V.userIdToEmail[e.userId] || "-";
+    }
+    function Le(e) {
+      return v(e).format("DD MMM YYYY, HH:mm");
+    }
+    function Ye(e) {
+      return v(e).format("DD MMM YYYY, HH:mm:ss").toUpperCase();
+    }
+    function Se(e) {
+      return y.value[e] ?? e;
+    }
+    function fe(e) {
+      return e.metadata.operationLabel ?? Se(e.action);
+    }
+    function ve(e) {
+      return te.value[e];
+    }
+    function Be(e) {
+      return ae.value[e] ?? e;
+    }
+    function Ne(e) {
+      return e.metadata.requestMethod ? Ee.value[e.metadata.requestMethod] ?? e.metadata.requestMethod : Se(e.action);
+    }
+    function ke(e) {
+      const t = String(e ?? "");
+      return `"${(/^[=+\-@\t\r]/.test(t) ? `'${t}` : t).replace(/"/g, '""')}"`;
+    }
+    const pe = [{
+      key: "timestamp",
+      labelKey: "auditLog.exportFields.timestamp",
+      getValue: (e) => Le(e.timestamp),
+      defaultSelected: !0
+    }, {
+      key: "userName",
+      labelKey: "auditLog.exportFields.userName",
+      getValue: (e) => ue(e),
+      defaultSelected: !0
+    }, {
+      key: "userPhone",
+      labelKey: "auditLog.exportFields.userPhone",
+      getValue: (e) => xe(e),
+      defaultSelected: !0
+    }, {
+      key: "subject",
+      labelKey: "auditLog.exportFields.subject",
+      getValue: (e) => me(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) => fe(e),
+      defaultSelected: !0
+    }, {
+      key: "outcome",
+      labelKey: "auditLog.exportFields.outcome",
+      getValue: (e) => ve(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 Ke() {
+      try {
+        const e = localStorage.getItem(je);
+        if (e) {
+          const t = JSON.parse(e);
+          if (Array.isArray(t) && t.length > 0) return new Set(t);
+        }
+      } catch {
+      }
+      return new Set(pe.filter((e) => e.defaultSelected).map((e) => e.key));
+    }
+    const X = p(Ke());
+    function qe(e) {
+      const t = new Set(X.value);
+      if (t.has(e)) {
+        if (t.size <= 1) return;
+        t.delete(e);
+      } else
+        t.add(e);
+      X.value = t;
+      try {
+        localStorage.setItem(je, JSON.stringify([...t]));
+      } catch {
+      }
+    }
+    async function ze() {
+      var e, t, x, w, L, A;
+      if (!F.value) {
+        F.value = !0;
+        try {
+          const {
+            startDate: H,
+            endDate: W
+          } = K.value, G = I.value.subjectPrefixes, de = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace("T", " "), d = W ? re(W) : null, Q = d && d < de ? d : de, Ze = {
+            ...H ? {
+              from: re(H)
+            } : {},
+            to: Q,
+            ...(e = q.value) != null && e.length ? {
+              userIds: q.value
+            } : {},
+            ...B.value && ((t = R.value) != null && t.length) ? {
+              subjects: R.value
+            } : {},
+            ...G.length ? {
+              subjectPrefixes: [...G]
+            } : {},
+            ...(x = $.value) != null && x.length ? {
+              actions: $.value
+            } : {},
+            ...(w = U.value) != null && w.length ? {
+              outcomes: U.value
+            } : {}
+          }, we = [];
+          let Me = 0;
+          for (; ; ) {
+            const P = await Oe.read({
+              ...Ze,
+              limit: _e,
+              offset: Me
+            });
+            if (we.push(...P), P.length < _e) break;
+            Me += _e;
+          }
+          const Fe = pe.filter((P) => X.value.has(P.key)), Qe = Fe.map((P) => a(P.labelKey)), et = we.map((P) => Fe.map((rt) => rt.getValue(P) ?? "")), ge = -(/* @__PURE__ */ new Date()).getTimezoneOffset(), tt = ge >= 0 ? "+" : "-", at = String(Math.floor(Math.abs(ge) / 60)).padStart(2, "0"), lt = String(Math.abs(ge) % 60).padStart(2, "0"), ot = `UTC${tt}${at}:${lt}`, De = ((L = h.currentBusiness.value) == null ? void 0 : L.name) || "", st = [H, W].filter(Boolean).join(" – "), nt = [...[[a("auditLog.title")], [`${a("auditLog.frontMatter.date")}: ${st}`], ...De ? [[`${a("auditLog.frontMatter.business")}: ${De}`]] : [], [`${a("auditLog.frontMatter.generatedBy")}: ${v().format("DD MMM YYYY, HH:mm")} (${ot})`], []].map((P) => P.map(ke).join(",")), ...[Qe, ...et].map((P) => P.map(ke).join(","))].join(`
+`), it = `audit-log_${(((A = h.currentBusiness.value) == null ? void 0 : A.name) || "business").replace(/[^a-z0-9_-]+/gi, "_")}_${v().format("YYYYMMDD_HHmmss")}.csv`, ut = new Blob([`\uFEFF${nt}`], {
+            type: "text/csv;charset=utf-8;"
+          }), Ie = window.URL.createObjectURL(ut), le = document.createElement("a");
+          le.href = Ie, le.download = it, document.body.appendChild(le), le.click(), le.remove(), window.URL.revokeObjectURL(Ie);
+        } finally {
+          F.value = !1;
+        }
+      }
+    }
+    const He = [{
+      accessorKey: "timestamp",
+      header: () => a("auditLog.columns.timestamp"),
+      cell(e) {
+        return Le(e.row.original.timestamp);
+      }
+    }, {
+      accessorKey: "userId",
+      header: () => a("auditLog.columns.user"),
+      enableSorting: !1,
+      size: 220,
+      cell(e) {
+        const t = e.row.original;
+        return r("div", {
+          class: "flex items-center gap-8"
+        }, [r(Ve.FmAvatar, {
+          initials: ue(t),
+          size: "sm",
+          class: "shrink-0"
+        }, null), r("div", {
+          class: "min-w-0"
+        }, [r("p", {
+          class: "truncate font-semibold"
+        }, [ue(t)]), r("p", {
+          class: "truncate text-fm-color-typo-secondary"
+        }, [xe(t)])])]);
+      }
+    }, {
+      accessorKey: "subject",
+      header: () => a("auditLog.columns.role"),
+      meta: {
+        cellClass: "text-left"
+      },
+      cell(e) {
+        const t = e.row.original;
+        return r("div", {
+          class: "text-left"
+        }, [me(t.subject) ?? t.subject]);
+      }
+    }, {
+      accessorKey: "action",
+      header: () => a("auditLog.columns.action"),
+      enableSorting: !1,
+      size: 280,
+      meta: {
+        cellSpanClass: "audit-log-action-label"
+      },
+      cell(e) {
+        return fe(e.row.original);
+      }
+    }, {
+      accessorKey: "outcome",
+      header: () => a("auditLog.columns.outcome"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return r(Ve.FmChip, {
+          variant: ye[t.outcome] ?? "neutral",
+          label: ve(t.outcome),
+          compact: !0
+        }, null);
+      }
+    }];
+    function re(e) {
+      const t = v(e, Ea);
+      return new Date(t.year(), t.month(), t.date(), t.hour(), t.minute(), 0).toISOString().slice(0, 19).replace("T", " ");
+    }
+    async function Z() {
+      var e, t, x, w;
+      E.value = !0;
+      try {
+        const {
+          startDate: L,
+          endDate: A
+        } = K.value, H = (g.value - 1) * he, W = I.value.subjectPrefixes, G = await Oe.read({
+          limit: he,
+          offset: H,
+          ...L ? {
+            from: re(L)
+          } : {},
+          ...A ? {
+            to: re(A)
+          } : {},
+          ...(e = q.value) != null && e.length ? {
+            userIds: q.value
+          } : {},
+          ...B.value && ((t = R.value) != null && t.length) ? {
+            subjects: R.value
+          } : {},
+          ...W.length ? {
+            subjectPrefixes: [...W]
+          } : {},
+          ...(x = $.value) != null && x.length ? {
+            actions: $.value
+          } : {},
+          ...(w = U.value) != null && w.length ? {
+            outcomes: U.value
+          } : {}
+        });
+        k.value = G, _.value = G.length === he;
+      } finally {
+        E.value = !1;
+      }
+    }
+    oe(K, () => {
+      g.value = 1, Z();
+    }), oe([q, R, U, $], () => {
+      g.value = 1, Z();
+    }), oe(m, () => {
+      g.value = 1, Z();
+    });
+    async function We() {
+      g.value > 1 && (g.value--, await Z());
+    }
+    async function Ge() {
+      _.value && (g.value++, await Z());
+    }
+    function Je(e) {
+      o.value = e, D.value = !0;
+    }
+    function Xe() {
+      D.value = !1, o.value = null;
+    }
+    return oe(h.currentBusiness, (e) => {
+      e && (g.value = 1, V.readTeamMembers(), Z());
+    }, {
+      immediate: !0
+    }), (e, t) => {
+      const x = O("FmSpacer"), w = O("FmButton"), L = O("FmMenuItem"), A = O("FmMenu"), H = O("FmChip"), W = O("FmDateRangePicker"), G = O("FmTable"), de = O("FmSideSheet");
+      return c(), f(ee, null, [r(bt, {
+        heading: n(a)("auditLog.title")
+      }, {
+        "append-heading": z(() => [r(x), r(w, {
+          variant: "primary",
+          "prepend-icon": "upload",
+          label: n(a)("auditLog.export"),
+          disabled: k.value.length === 0 || F.value || n(V).isLoading || n(V).members.length === 0,
+          loading: F.value,
+          onClick: ze
+        }, null, 8, ["label", "disabled", "loading"]), r(A, {
+          "close-on-click": !1,
+          "z-index": 50
+        }, {
+          "menu-button": z(() => [r(w, {
+            variant: "tertiary",
+            icon: "settings",
+            "aria-label": n(a)("auditLog.exportSettings.title"),
+            disabled: F.value
+          }, null, 8, ["aria-label", "disabled"])]),
+          default: z(() => [l("div", Mt, [l("p", Ft, i(n(a)("auditLog.exportSettings.title")), 1), (c(), f(ee, null, ne(pe, (d) => r(L, {
+            key: d.key,
+            label: n(a)(d.labelKey),
+            "has-checkbox": "",
+            "model-value": X.value.has(d.key),
+            disabled: X.value.has(d.key) && X.value.size === 1,
+            onClick: (Q) => qe(d.key)
+          }, null, 8, ["label", "model-value", "disabled", "onClick"])), 64))])]),
+          _: 1
+        })]),
+        default: z(() => [l("div", Dt, [l("div", It, [r(wt, {
+          modelValue: m.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => m.value = d),
+          items: Y.value
+        }, null, 8, ["modelValue", "items"]), l("div", Tt, [r(W, {
+          modelValue: K.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (d) => K.value = d),
+          "show-predefined-range": "",
+          "show-time": "",
+          "predefined-range": Ue.value
+        }, {
+          "trigger-button": z(() => [r(H, {
+            label: Re.value,
+            icon: "calendar_month"
+          }, null, 8, ["label"])]),
+          _: 1
+        }, 8, ["modelValue", "predefined-range"]), l("div", Vt, [r(ce, {
+          modelValue: q.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (d) => q.value = d),
+          items: N.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: n(a)("auditLog.filter.user_placeholder"),
+          "selected-prefix": n(a)("auditLog.filter.selected_user_prefix"),
+          "chip-icon": "account_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), B.value ? (c(), f("div", Pt, [r(ce, {
+          modelValue: R.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (d) => R.value = d),
+          items: u.value,
+          "filter-fn": J,
+          multiple: "",
+          variant: "dark",
+          placeholder: n(a)("auditLog.filter.subject_placeholder"),
+          "selected-prefix": n(a)("auditLog.filter.selected_subject_prefix"),
+          "chip-icon": "badge"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])) : T("", !0), l("div", Ot, [r(ce, {
+          modelValue: $.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (d) => $.value = d),
+          items: ie.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: n(a)("auditLog.filter.action_placeholder"),
+          "selected-prefix": n(a)("auditLog.filter.selected_action_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), l("div", jt, [r(ce, {
+          modelValue: U.value,
+          "onUpdate:modelValue": t[5] || (t[5] = (d) => U.value = d),
+          items: C.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: n(a)("auditLog.filter.status_placeholder"),
+          "selected-prefix": n(a)("auditLog.filter.selected_status_prefix"),
+          searchable: !1,
+          "chip-icon": "check_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])])]), !E.value && k.value.length === 0 ? (c(), se(n(ht), {
+          key: 0,
+          title: n(a)("auditLog.noData.title"),
+          subtitle: n(a)("auditLog.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : (c(), se(vt, {
+          key: 1
+        }, {
+          default: z(() => [l("div", Ct, [r(G, {
+            "column-defs": He,
+            "row-data": k.value,
+            "page-size": k.value.length,
+            loading: E.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            class: "min-h-0 flex-1 cursor-pointer",
+            onRowClick: t[6] || (t[6] = (d) => Je(d.original))
+          }, null, 8, ["row-data", "page-size", "loading"]), g.value > 1 || _.value ? (c(), f("div", At, [r(w, {
+            variant: "tertiary",
+            icon: "chevron_left",
+            disabled: g.value === 1,
+            "aria-label": n(a)("auditLog.pagination.prevPage"),
+            onClick: We
+          }, null, 8, ["disabled", "aria-label"]), l("span", Et, i(n(a)("auditLog.pagination.page", {
+            page: g.value
+          })), 1), r(w, {
+            variant: "tertiary",
+            icon: "chevron_right",
+            disabled: !_.value,
+            "aria-label": n(a)("auditLog.pagination.nextPage"),
+            onClick: Ge
+          }, null, 8, ["disabled", "aria-label"])])) : T("", !0)])]),
+          _: 1
+        }))])]),
+        _: 1
+      }, 8, ["heading"]), r(de, {
+        header: n(a)("auditLog.detail.header"),
+        "model-value": D.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": t[7] || (t[7] = (d) => {
+          d || Xe();
+        })
+      }, {
+        default: z(() => [o.value ? (c(), f("div", Rt, [l("div", Ut, [l("div", $t, [l("p", Yt, i(fe(o.value)), 1)]), r(H, {
+          variant: ye[o.value.outcome] ?? "neutral",
+          label: ve(o.value.outcome),
+          compact: ""
+        }, null, 8, ["variant", "label"])]), l("div", Bt, [l("div", Nt, [l("div", null, [l("p", Kt, i(n(a)("auditLog.detail.date")), 1), l("p", qt, i(Ye(o.value.timestamp)), 1)]), l("div", null, [l("p", zt, i(n(a)("auditLog.detail.user")), 1), l("p", Ht, i(ue(o.value)), 1)]), l("div", null, [l("p", Wt, i(n(a)("auditLog.detail.email")), 1), l("p", Gt, i($e(o.value)), 1)]), l("div", null, [l("p", Jt, i(n(a)("auditLog.detail.role")), 1), l("p", Xt, i(me(o.value.subject) || o.value.subject), 1)]), o.value.field ? (c(), f("div", Zt, [l("p", Qt, i(n(a)("auditLog.detail.field")), 1), l("p", ea, i(o.value.field), 1)])) : T("", !0), l("div", null, [l("p", ta, i(n(a)("auditLog.detail.business")), 1), l("p", aa, i(o.value.businessId || "-"), 1)]), l("div", null, [l("p", la, i(n(a)("auditLog.detail.restaurant")), 1), l("p", oa, i(o.value.restaurantId || "-"), 1)])])]), o.value.metadata.operationLabel ? (c(), f("div", sa, [l("div", na, [l("p", ia, i(n(a)("auditLog.detail.changeDetails")), 1)]), t[8] || (t[8] = l("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), l("div", ua, [l("div", null, [l("p", ra, i(n(a)("auditLog.detail.eventType")), 1), l("p", da, i(o.value.metadata.operationLabel), 1)])])])) : T("", !0), l("div", ca, [l("div", ma, [l("p", fa, i(n(a)("auditLog.detail.metadata")), 1)]), t[9] || (t[9] = l("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), l("div", va, [l("div", null, [l("p", pa, i(n(a)("auditLog.detail.resolvedFrom")), 1), l("p", ga, i(Be(o.value.metadata.resolvedFrom)), 1)]), (o.value.metadata.resolvedFrom === "permissionSet" || o.value.metadata.resolvedFrom === "systemPermissionSet") && (o.value.metadata.permissionSetName || o.value.metadata.permissionSetId) ? (c(), f("div", ba, [l("p", ha, i(n(a)("auditLog.detail.permissionSet")), 1), o.value.metadata.permissionSetName ? (c(), f("p", _a, i(o.value.metadata.permissionSetName), 1)) : T("", !0), o.value.metadata.permissionSetId ? (c(), f("p", ya, i(o.value.metadata.permissionSetId), 1)) : T("", !0)])) : T("", !0), o.value.metadata.reason ? (c(), f("div", xa, [l("p", La, i(n(a)("auditLog.detail.reason")), 1), l("p", Sa, i(o.value.metadata.reason), 1)])) : T("", !0), l("div", null, [l("p", ka, i(n(a)("auditLog.detail.requestMethod")), 1), l("p", wa, i(Ne(o.value)), 1)]), l("div", null, [l("p", Ma, i(n(a)("auditLog.detail.requestPath")), 1), l("p", Fa, i(o.value.metadata.requestPath || "-"), 1)]), o.value.metadata.trace && o.value.metadata.trace.length > 0 ? (c(), f("div", Da, [l("p", Ia, i(n(a)("auditLog.detail.permissionTrace")), 1), l("ol", Ta, [(c(!0), f(ee, null, ne(o.value.metadata.trace, (d, Q) => (c(), f("li", {
+          key: Q,
+          class: "flex items-center gap-6"
+        }, [l("span", Va, i(Q + 1), 1), l("span", Pa, i(d), 1), Q < o.value.metadata.trace.length - 1 ? (c(), f("span", Oa, "→")) : T("", !0)]))), 128))])])) : T("", !0), o.value.metadata.requestBody && Object.keys(o.value.metadata.requestBody).length > 0 ? (c(), f("div", ja, [l("p", Ca, i(n(a)("auditLog.detail.requestBody")), 1), l("pre", Aa, i(JSON.stringify(o.value.metadata.requestBody, null, 2)), 1)])) : T("", !0)])])])) : T("", !0)]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  Xa as default
+};