@feedmepos/mf-hrm-portal 2.0.16-dev.1 → 2.0.17-dev.2

package/dist/AuditLogList-DQOiwup5.js

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