@feedmepos/mf-hrm-portal 2.0.15 → 2.0.16

package/dist/AuditLogList-iyCwZoot.js

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