@feedmepos/mf-hrm-portal 2.0.15-dev.4 → 2.0.16-dev.1

package/dist/AuditLogList-BZPpMthp.js

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