@feedmepos/mf-hrm-portal 2.0.11 → 2.0.12-dev

package/dist/AuditLogList-Am6PW6qN.js

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