@feedmepos/mf-hrm-portal 2.0.8-dev.16 → 2.0.8-dev.18

package/dist/AuditLogList-1UVDS19H.js

@@ -0,0 +1,802 @@
+import { defineComponent as Se, ref as y, computed as x, resolveComponent as V, createElementBlock as v, openBlock as r, createBlock as z, createCommentVNode as k, Fragment as H, renderList as ee, withCtx as D, createElementVNode as l, createVNode as u, toDisplayString as i, unref as s, watch as Z } from "vue";
+import { d as Q } from "./dayjs.min-BO_eER_a.js";
+import { useI18n as ke, useCoreStore as et } from "@feedmepos/mf-common";
+import { b as _e, _ as tt } from "./app-CvwHREKu.js";
+import { components as he } from "@feedmepos/ui-library";
+import { g as lt, b as at } from "./iteration-DhAhuJkI.js";
+import { S as W } from "./SelectFilter-DUj7GBtT.js";
+import { _ as ot } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as st } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { p as ye } from "./index-DOp8utmL.js";
+import { u as nt } from "./team-DWVRSONN.js";
+const ne = [
+  { 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'] },
+], it = "/audit-logs", xe = {
+  async read(n) {
+    var w, F, C, L, I;
+    const a = {
+      limit: (n == null ? void 0 : n.limit) ?? 100,
+      offset: (n == null ? void 0 : n.offset) ?? 0,
+      ...n != null && n.from ? { from: n.from } : {},
+      ...n != null && n.to ? { to: n.to } : {},
+      ...(w = n == null ? void 0 : n.userIds) != null && w.length ? { userIds: n.userIds } : {},
+      ...(F = n == null ? void 0 : n.subjects) != null && F.length ? { subjects: n.subjects } : {},
+      ...(C = n == null ? void 0 : n.subjectPrefixes) != null && C.length ? { subjectPrefixes: n.subjectPrefixes } : {},
+      ...(L = n == null ? void 0 : n.actions) != null && L.length ? { actions: n.actions } : {},
+      ...(I = n == null ? void 0 : n.outcomes) != null && I.length ? { outcomes: n.outcomes } : {}
+    };
+    return console.log("[AuditLogAPI] request params:", a), lt(
+      await at().get(it, {
+        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 P = new URLSearchParams();
+          for (const [g, m] of Object.entries(o))
+            if (Array.isArray(m))
+              for (const b of m) P.append(g, String(b));
+            else m != null && P.append(g, String(m));
+          return console.log("[AuditLogAPI] serialized query string:", P.toString()), P.toString();
+        }
+      })
+    );
+  }
+}, ut = { class: "flex flex-row items-center" }, dt = { class: "flex h-[46px] items-center gap-8 rounded-sm px-16 hover:bg-fm-color-opacity-sm" }, rt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ct = /* @__PURE__ */ Se({
+  __name: "AuditLogModuleTabs",
+  props: {
+    modelValue: {},
+    items: {},
+    showMoreAt: { default: 6 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: a }) {
+    const w = n, F = a, { t: C } = ke(), L = y(!1), I = x(() => Math.max(w.showMoreAt, 1)), o = x(() => {
+      const m = w.items.slice(0, I.value - 1), b = w.items.find((S) => S.value === w.modelValue), M = m.map((S) => S.value);
+      return b && M.includes(b.value) ? w.items.slice(0, I.value) : b ? [...m, b] : m;
+    }), P = x(() => {
+      const m = new Set(o.value.map((b) => b.value));
+      return w.items.filter((b) => !m.has(b.value));
+    });
+    function g(m) {
+      L.value = !1, F("update:modelValue", m);
+    }
+    return (m, b) => {
+      const M = V("FmTab"), S = V("FmIcon"), O = V("FmMenuItem"), E = V("FmMenu");
+      return r(), v("div", ut, [
+        (r(!0), v(H, null, ee(o.value, (c) => (r(), z(M, {
+          key: c.value,
+          "model-value": n.modelValue,
+          label: c.label,
+          badge: c.badge,
+          disabled: c.disabled,
+          value: c.value,
+          "onUpdate:modelValue": g
+        }, null, 8, ["model-value", "label", "badge", "disabled", "value"]))), 128)),
+        P.value.length > 0 ? (r(), z(E, {
+          key: 0,
+          "show-menu": L.value,
+          class: "max-w-[360px] min-w-[90px] rounded-sm",
+          placement: "bottom-start",
+          onMenuChanged: b[0] || (b[0] = (c) => L.value = c)
+        }, {
+          "menu-button": D(() => [
+            l("div", dt, [
+              u(S, { name: "more_vert" }),
+              l("span", rt, i(s(C)("auditLog.modules.more")), 1)
+            ])
+          ]),
+          default: D(() => [
+            (r(!0), v(H, null, ee(P.value, (c) => (r(), z(O, {
+              key: c.value,
+              "model-value": n.modelValue === c.value,
+              label: c.label,
+              disabled: c.disabled,
+              onClick: (N) => g(c.value)
+            }, null, 8, ["model-value", "label", "disabled", "onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["show-menu"])) : k("", !0)
+      ]);
+    };
+  }
+}), mt = {
+  class: "flex flex-col gap-4 p-12 w-[260px]"
+}, ft = {
+  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"
+}, gt = {
+  class: "flex flex-wrap items-center gap-8"
+}, bt = {
+  class: "w-fit"
+}, _t = {
+  key: 0,
+  class: "w-fit"
+}, ht = {
+  class: "w-fit"
+}, yt = {
+  class: "w-fit"
+}, xt = {
+  class: "flex h-full flex-col"
+}, Lt = {
+  key: 0,
+  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
+}, St = {
+  class: "text-sm text-fm-color-typo-secondary"
+}, kt = {
+  key: 0,
+  class: "space-y-12 p-4 text-sm"
+}, wt = {
+  class: "flex items-start justify-between gap-8 rounded-lg border border-fm-color-border-default p-12"
+}, Ft = {
+  class: "min-w-0 flex-1"
+}, Vt = {
+  class: "audit-log-operation-label-detail text-base font-bold leading-snug text-fm-color-typo-primary"
+}, It = {
+  class: "rounded-lg border border-fm-color-border-default p-12"
+}, Pt = {
+  class: "space-y-12"
+}, Tt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Mt = {
+  class: "font-semibold"
+}, jt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ct = {
+  class: "font-semibold"
+}, Ot = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Et = {
+  class: "break-all font-semibold"
+}, Dt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, At = {
+  class: "font-semibold"
+}, Ut = {
+  key: 0
+}, Rt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Nt = {
+  class: "break-all font-mono text-xs font-semibold"
+}, Kt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Bt = {
+  class: "break-all font-mono text-xs font-semibold"
+}, qt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Yt = {
+  class: "font-semibold"
+}, $t = {
+  key: 0,
+  class: "rounded-lg border border-fm-color-border-default"
+}, zt = {
+  class: "p-12"
+}, Ht = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, Gt = {
+  class: "space-y-12 p-12"
+}, Jt = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Xt = {
+  class: "font-semibold"
+}, Zt = {
+  class: "rounded-lg border border-fm-color-border-default"
+}, Qt = {
+  class: "p-12"
+}, Wt = {
+  class: "text-base font-bold text-fm-color-typo-primary"
+}, el = {
+  class: "space-y-12 p-12"
+}, tl = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, ll = {
+  class: "font-semibold"
+}, al = {
+  key: 0
+}, ol = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, sl = {
+  key: 0,
+  class: "font-semibold"
+}, nl = {
+  key: 1,
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, il = {
+  key: 1
+}, ul = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, dl = {
+  class: "font-semibold whitespace-pre-line"
+}, rl = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, cl = {
+  class: "font-semibold"
+}, ml = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, fl = {
+  class: "break-all font-mono text-xs font-semibold"
+}, vl = {
+  key: 2
+}, pl = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, gl = {
+  class: "mt-4 space-y-4"
+}, bl = {
+  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"
+}, _l = {
+  class: "text-xs font-semibold"
+}, hl = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, yl = {
+  key: 3
+}, xl = {
+  class: "text-xs text-fm-color-typo-secondary"
+}, Ll = {
+  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"
+}, ie = 100, ue = 1e3, Le = "audit-log-export-fields", El = /* @__PURE__ */ Se({
+  __name: "AuditLogList",
+  setup(n) {
+    const {
+      t: a
+    } = ke(), w = et(), F = nt(), C = y(!1), L = y(!1), I = y([]), o = y(null), P = y(!1), g = y(1), m = y(!1), b = Q().format("YYYY-MM-DD"), M = y({
+      startDate: b,
+      endDate: b
+    }), S = y(), O = y(), E = y(), c = y(), N = y("all");
+    function we(e) {
+      return typeof e == "string" ? [e] : Array.isArray(e) ? e.filter((t) => typeof t == "string") : [];
+    }
+    const Fe = x(() => ne.map(({
+      key: e
+    }) => ({
+      label: a(`auditLog.modules.${e}`),
+      value: e
+    }))), de = x(() => ne.find((e) => e.key === N.value) ?? ne[0]), te = x(() => N.value === "all"), Ve = x(() => F.members.map((e) => ({
+      label: e.name,
+      value: e.doc.userId
+    }))), Ie = x(() => {
+      const e = ye.flatMap((p) => we(p.subject).map((h) => ({
+        label: p.label,
+        value: h
+      }))), t = Object.entries(_e).map(([p, h]) => ({
+        label: h,
+        value: p
+      })), f = /* @__PURE__ */ new Set(), _ = [];
+      for (const p of [...e, ...t])
+        f.has(p.value) || (f.add(p.value), _.push(p));
+      return _;
+    });
+    function Pe(e, t) {
+      const f = t.toLowerCase();
+      return e.label.toLowerCase().includes(f) || e.value.replace(/^business::/, "").toLowerCase().includes(f) ? !0 : e.value.toLowerCase().includes(f);
+    }
+    const T = x(() => ({
+      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")
+    })), Te = x(() => [{
+      label: T.value.manage,
+      value: "manage"
+    }, {
+      label: T.value.create,
+      value: "create"
+    }, {
+      label: T.value.read,
+      value: "read"
+    }, {
+      label: T.value.update,
+      value: "update"
+    }, {
+      label: T.value.delete,
+      value: "delete"
+    }]), G = x(() => ({
+      allowed: a("auditLog.outcome.success"),
+      denied: a("auditLog.outcome.failed"),
+      skipped: a("auditLog.outcome.skipped")
+    })), Me = x(() => [{
+      label: G.value.allowed,
+      value: "allowed"
+    }, {
+      label: G.value.denied,
+      value: "denied"
+    }, {
+      label: G.value.skipped,
+      value: "skipped"
+    }]), je = x(() => ({
+      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")
+    })), Ce = x(() => ({
+      GET: T.value.read,
+      POST: T.value.create,
+      PUT: T.value.update,
+      PATCH: T.value.update,
+      DELETE: T.value.delete
+    })), re = {
+      allowed: "success",
+      denied: "critical",
+      skipped: "warning"
+    }, Oe = x(() => {
+      const {
+        startDate: e,
+        endDate: t
+      } = M.value;
+      return e && t ? `${e} – ${t}` : e || t || a("auditLog.dateRange.placeholder");
+    });
+    function le(e) {
+      var t;
+      return ((t = ye.find((f) => f.subject === e)) == null ? void 0 : t.label) ?? _e[e];
+    }
+    function J(e) {
+      return F.userIdToName[e.userId] || e.userId;
+    }
+    function ce(e) {
+      return F.userIdToPhone[e.userId] || "-";
+    }
+    function Ee(e) {
+      return F.userIdToEmail[e.userId] || "-";
+    }
+    function me(e) {
+      return Q(e).format("DD MMM YYYY, HH:mm");
+    }
+    function De(e) {
+      return Q(e).format("DD MMM YYYY, HH:mm:ss").toUpperCase();
+    }
+    function fe(e) {
+      return T.value[e] ?? e;
+    }
+    function ae(e) {
+      return e.metadata.operationLabel ?? fe(e.action);
+    }
+    function oe(e) {
+      return G.value[e];
+    }
+    function Ae(e) {
+      return je.value[e] ?? e;
+    }
+    function Ue(e) {
+      return e.metadata.requestMethod ? Ce.value[e.metadata.requestMethod] ?? e.metadata.requestMethod : fe(e.action);
+    }
+    function Re(e) {
+      const t = String(e ?? "");
+      return `"${(/^[=+\-@\t\r]/.test(t) ? `'${t}` : t).replace(/"/g, '""')}"`;
+    }
+    const se = [{
+      key: "timestamp",
+      labelKey: "auditLog.exportFields.timestamp",
+      getValue: (e) => me(e.timestamp),
+      defaultSelected: !0
+    }, {
+      key: "userName",
+      labelKey: "auditLog.exportFields.userName",
+      getValue: (e) => J(e),
+      defaultSelected: !0
+    }, {
+      key: "userPhone",
+      labelKey: "auditLog.exportFields.userPhone",
+      getValue: (e) => ce(e),
+      defaultSelected: !0
+    }, {
+      key: "subject",
+      labelKey: "auditLog.exportFields.subject",
+      getValue: (e) => le(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) => ae(e),
+      defaultSelected: !0
+    }, {
+      key: "outcome",
+      labelKey: "auditLog.exportFields.outcome",
+      getValue: (e) => oe(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 Ne() {
+      try {
+        const e = localStorage.getItem(Le);
+        if (e) {
+          const t = JSON.parse(e);
+          if (Array.isArray(t) && t.length > 0) return new Set(t);
+        }
+      } catch {
+      }
+      return new Set(se.filter((e) => e.defaultSelected).map((e) => e.key));
+    }
+    const K = y(Ne());
+    function Ke(e) {
+      const t = new Set(K.value);
+      if (t.has(e)) {
+        if (t.size <= 1) return;
+        t.delete(e);
+      } else
+        t.add(e);
+      K.value = t;
+      try {
+        localStorage.setItem(Le, JSON.stringify([...t]));
+      } catch {
+      }
+    }
+    async function Be() {
+      var e, t, f, _, p;
+      if (!L.value) {
+        L.value = !0;
+        try {
+          const {
+            startDate: h,
+            endDate: A
+          } = M.value, U = de.value.subjectPrefixes, R = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace("T", " "), Y = A ? X(A, !0) : null, d = Y && Y < R ? Y : R, q = {
+            ...h ? {
+              from: X(h)
+            } : {},
+            to: d,
+            ...(e = S.value) != null && e.length ? {
+              userIds: S.value
+            } : {},
+            ...te.value && ((t = O.value) != null && t.length) ? {
+              subjects: O.value
+            } : {},
+            ...U.length ? {
+              subjectPrefixes: [...U]
+            } : {},
+            ...(f = c.value) != null && f.length ? {
+              actions: c.value
+            } : {},
+            ...(_ = E.value) != null && _.length ? {
+              outcomes: E.value
+            } : {}
+          }, ve = [];
+          let pe = 0;
+          for (; ; ) {
+            const j = await xe.read({
+              ...q,
+              limit: ue,
+              offset: pe
+            });
+            if (ve.push(...j), j.length < ue) break;
+            pe += ue;
+          }
+          const ge = se.filter((j) => K.value.has(j.key)), Ge = ge.map((j) => a(j.labelKey)), Je = ve.map((j) => ge.map((We) => We.getValue(j) ?? "")), Xe = [Ge, ...Je].map((j) => j.map(Re).join(",")).join(`
+`), Ze = `audit-log_${(((p = w.currentBusiness.value) == null ? void 0 : p.name) || "business").replace(/[^a-z0-9_-]+/gi, "_")}_${Q().format("YYYYMMDD_HHmmss")}.csv`, Qe = new Blob([`\uFEFF${Xe}`], {
+            type: "text/csv;charset=utf-8;"
+          }), be = window.URL.createObjectURL(Qe), $ = document.createElement("a");
+          $.href = be, $.download = Ze, document.body.appendChild($), $.click(), $.remove(), window.URL.revokeObjectURL(be);
+        } finally {
+          L.value = !1;
+        }
+      }
+    }
+    const qe = [{
+      accessorKey: "timestamp",
+      header: () => a("auditLog.columns.timestamp"),
+      cell(e) {
+        return me(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(he.FmAvatar, {
+          initials: J(t),
+          size: "sm",
+          class: "shrink-0"
+        }, null), u("div", {
+          class: "min-w-0"
+        }, [u("p", {
+          class: "truncate font-semibold"
+        }, [J(t)]), u("p", {
+          class: "truncate text-fm-color-typo-secondary"
+        }, [ce(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"
+        }, [le(t.subject) ?? t.subject]);
+      }
+    }, {
+      accessorKey: "action",
+      header: () => a("auditLog.columns.action"),
+      enableSorting: !1,
+      size: 280,
+      meta: {
+        cellSpanClass: "audit-log-action-label"
+      },
+      cell(e) {
+        return ae(e.row.original);
+      }
+    }, {
+      accessorKey: "outcome",
+      header: () => a("auditLog.columns.outcome"),
+      enableSorting: !1,
+      cell(e) {
+        const t = e.row.original;
+        return u(he.FmChip, {
+          variant: re[t.outcome] ?? "neutral",
+          label: oe(t.outcome),
+          compact: !0
+        }, null);
+      }
+    }];
+    function X(e, t = !1) {
+      const [f, _, p] = e.split("-").map(Number), h = new Date(f, _ - 1, p);
+      return t && h.setDate(h.getDate() + 1), h.toISOString().slice(0, 19).replace("T", " ");
+    }
+    async function B() {
+      var e, t, f, _;
+      C.value = !0;
+      try {
+        const {
+          startDate: p,
+          endDate: h
+        } = M.value, A = (g.value - 1) * ie, U = de.value.subjectPrefixes, R = await xe.read({
+          limit: ie,
+          offset: A,
+          ...p ? {
+            from: X(p)
+          } : {},
+          ...h ? {
+            to: X(h, !0)
+          } : {},
+          ...(e = S.value) != null && e.length ? {
+            userIds: S.value
+          } : {},
+          ...te.value && ((t = O.value) != null && t.length) ? {
+            subjects: O.value
+          } : {},
+          ...U.length ? {
+            subjectPrefixes: [...U]
+          } : {},
+          ...(f = c.value) != null && f.length ? {
+            actions: c.value
+          } : {},
+          ...(_ = E.value) != null && _.length ? {
+            outcomes: E.value
+          } : {}
+        });
+        I.value = R, m.value = R.length === ie;
+      } finally {
+        C.value = !1;
+      }
+    }
+    Z(M, () => {
+      g.value = 1, B();
+    }), Z([S, O, E, c], () => {
+      g.value = 1, B();
+    }), Z(N, () => {
+      g.value = 1, B();
+    });
+    async function Ye() {
+      g.value > 1 && (g.value--, await B());
+    }
+    async function $e() {
+      m.value && (g.value++, await B());
+    }
+    function ze(e) {
+      o.value = e, P.value = !0;
+    }
+    function He() {
+      P.value = !1, o.value = null;
+    }
+    return Z(w.currentBusiness, (e) => {
+      e && (g.value = 1, F.readTeamMembers(), B());
+    }, {
+      immediate: !0
+    }), (e, t) => {
+      const f = V("FmSpacer"), _ = V("FmButton"), p = V("FmMenuItem"), h = V("FmMenu"), A = V("FmChip"), U = V("FmDateRangePicker"), R = V("FmTable"), Y = V("FmSideSheet");
+      return r(), v(H, null, [u(ot, {
+        heading: s(a)("auditLog.title")
+      }, {
+        "append-heading": D(() => [u(f), u(_, {
+          variant: "primary",
+          "prepend-icon": "upload",
+          label: s(a)("auditLog.export"),
+          disabled: I.value.length === 0 || L.value || s(F).isLoading || s(F).members.length === 0,
+          loading: L.value,
+          onClick: Be
+        }, null, 8, ["label", "disabled", "loading"]), u(h, {
+          "close-on-click": !1,
+          "z-index": 50
+        }, {
+          "menu-button": D(() => [u(_, {
+            variant: "tertiary",
+            icon: "settings",
+            "aria-label": s(a)("auditLog.exportSettings.title"),
+            disabled: L.value
+          }, null, 8, ["aria-label", "disabled"])]),
+          default: D(() => [l("div", mt, [l("p", ft, i(s(a)("auditLog.exportSettings.title")), 1), (r(), v(H, null, ee(se, (d) => u(p, {
+            key: d.key,
+            label: s(a)(d.labelKey),
+            "has-checkbox": "",
+            "model-value": K.value.has(d.key),
+            disabled: K.value.has(d.key) && K.value.size === 1,
+            onClick: (q) => Ke(d.key)
+          }, null, 8, ["label", "model-value", "disabled", "onClick"])), 64))])]),
+          _: 1
+        })]),
+        default: D(() => [l("div", vt, [l("div", pt, [u(ct, {
+          modelValue: N.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => N.value = d),
+          items: Fe.value
+        }, null, 8, ["modelValue", "items"]), l("div", gt, [u(U, {
+          modelValue: M.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (d) => M.value = d),
+          "show-predefined-range": ""
+        }, {
+          "trigger-button": D(() => [u(A, {
+            label: Oe.value,
+            icon: "calendar_month"
+          }, null, 8, ["label"])]),
+          _: 1
+        }, 8, ["modelValue"]), l("div", bt, [u(W, {
+          modelValue: S.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (d) => S.value = d),
+          items: Ve.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.user_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_user_prefix"),
+          "chip-icon": "account_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), te.value ? (r(), v("div", _t, [u(W, {
+          modelValue: O.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (d) => O.value = d),
+          items: Ie.value,
+          "filter-fn": Pe,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.subject_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_subject_prefix"),
+          "chip-icon": "badge"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])) : k("", !0), l("div", ht, [u(W, {
+          modelValue: c.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (d) => c.value = d),
+          items: Te.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.action_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_action_prefix"),
+          searchable: !1
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), l("div", yt, [u(W, {
+          modelValue: E.value,
+          "onUpdate:modelValue": t[5] || (t[5] = (d) => E.value = d),
+          items: Me.value,
+          multiple: "",
+          variant: "dark",
+          placeholder: s(a)("auditLog.filter.status_placeholder"),
+          "selected-prefix": s(a)("auditLog.filter.selected_status_prefix"),
+          searchable: !1,
+          "chip-icon": "check_circle"
+        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])])])]), !C.value && I.value.length === 0 ? (r(), z(s(st), {
+          key: 0,
+          title: s(a)("auditLog.noData.title"),
+          subtitle: s(a)("auditLog.noData.subtitle")
+        }, null, 8, ["title", "subtitle"])) : (r(), z(tt, {
+          key: 1
+        }, {
+          default: D(() => [l("div", xt, [u(R, {
+            "column-defs": qe,
+            "row-data": I.value,
+            "page-size": I.value.length,
+            loading: C.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"]), g.value > 1 || m.value ? (r(), v("div", Lt, [u(_, {
+            variant: "tertiary",
+            icon: "chevron_left",
+            disabled: g.value === 1,
+            "aria-label": s(a)("auditLog.pagination.prevPage"),
+            onClick: Ye
+          }, null, 8, ["disabled", "aria-label"]), l("span", St, i(s(a)("auditLog.pagination.page", {
+            page: g.value
+          })), 1), u(_, {
+            variant: "tertiary",
+            icon: "chevron_right",
+            disabled: !m.value,
+            "aria-label": s(a)("auditLog.pagination.nextPage"),
+            onClick: $e
+          }, null, 8, ["disabled", "aria-label"])])) : k("", !0)])]),
+          _: 1
+        }))])]),
+        _: 1
+      }, 8, ["heading"]), u(Y, {
+        header: s(a)("auditLog.detail.header"),
+        "model-value": P.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": t[7] || (t[7] = (d) => {
+          d || He();
+        })
+      }, {
+        default: D(() => [o.value ? (r(), v("div", kt, [l("div", wt, [l("div", Ft, [l("p", Vt, i(ae(o.value)), 1)]), u(A, {
+          variant: re[o.value.outcome] ?? "neutral",
+          label: oe(o.value.outcome),
+          compact: ""
+        }, null, 8, ["variant", "label"])]), l("div", It, [l("div", Pt, [l("div", null, [l("p", Tt, i(s(a)("auditLog.detail.date")), 1), l("p", Mt, i(De(o.value.timestamp)), 1)]), l("div", null, [l("p", jt, i(s(a)("auditLog.detail.user")), 1), l("p", Ct, i(J(o.value)), 1)]), l("div", null, [l("p", Ot, i(s(a)("auditLog.detail.email")), 1), l("p", Et, i(Ee(o.value)), 1)]), l("div", null, [l("p", Dt, i(s(a)("auditLog.detail.role")), 1), l("p", At, i(le(o.value.subject) || o.value.subject), 1)]), o.value.field ? (r(), v("div", Ut, [l("p", Rt, i(s(a)("auditLog.detail.field")), 1), l("p", Nt, i(o.value.field), 1)])) : k("", !0), l("div", null, [l("p", Kt, i(s(a)("auditLog.detail.business")), 1), l("p", Bt, i(o.value.businessId || "-"), 1)]), l("div", null, [l("p", qt, i(s(a)("auditLog.detail.restaurant")), 1), l("p", Yt, i(o.value.restaurantId || "-"), 1)])])]), o.value.metadata.operationLabel ? (r(), v("div", $t, [l("div", zt, [l("p", Ht, i(s(a)("auditLog.detail.changeDetails")), 1)]), t[8] || (t[8] = l("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), l("div", Gt, [l("div", null, [l("p", Jt, i(s(a)("auditLog.detail.eventType")), 1), l("p", Xt, i(o.value.metadata.operationLabel), 1)])])])) : k("", !0), l("div", Zt, [l("div", Qt, [l("p", Wt, i(s(a)("auditLog.detail.metadata")), 1)]), t[9] || (t[9] = l("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), l("div", el, [l("div", null, [l("p", tl, i(s(a)("auditLog.detail.resolvedFrom")), 1), l("p", ll, i(Ae(o.value.metadata.resolvedFrom)), 1)]), (o.value.metadata.resolvedFrom === "permissionSet" || o.value.metadata.resolvedFrom === "systemPermissionSet") && (o.value.metadata.permissionSetName || o.value.metadata.permissionSetId) ? (r(), v("div", al, [l("p", ol, i(s(a)("auditLog.detail.permissionSet")), 1), o.value.metadata.permissionSetName ? (r(), v("p", sl, i(o.value.metadata.permissionSetName), 1)) : k("", !0), o.value.metadata.permissionSetId ? (r(), v("p", nl, i(o.value.metadata.permissionSetId), 1)) : k("", !0)])) : k("", !0), o.value.metadata.reason ? (r(), v("div", il, [l("p", ul, i(s(a)("auditLog.detail.reason")), 1), l("p", dl, i(o.value.metadata.reason), 1)])) : k("", !0), l("div", null, [l("p", rl, i(s(a)("auditLog.detail.requestMethod")), 1), l("p", cl, i(Ue(o.value)), 1)]), l("div", null, [l("p", ml, i(s(a)("auditLog.detail.requestPath")), 1), l("p", fl, i(o.value.metadata.requestPath || "-"), 1)]), o.value.metadata.trace && o.value.metadata.trace.length > 0 ? (r(), v("div", vl, [l("p", pl, i(s(a)("auditLog.detail.permissionTrace")), 1), l("ol", gl, [(r(!0), v(H, null, ee(o.value.metadata.trace, (d, q) => (r(), v("li", {
+          key: q,
+          class: "flex items-center gap-6"
+        }, [l("span", bl, i(q + 1), 1), l("span", _l, i(d), 1), q < o.value.metadata.trace.length - 1 ? (r(), v("span", hl, "→")) : k("", !0)]))), 128))])])) : k("", !0), o.value.metadata.requestBody && Object.keys(o.value.metadata.requestBody).length > 0 ? (r(), v("div", yl, [l("p", xl, i(s(a)("auditLog.detail.requestBody")), 1), l("pre", Ll, i(JSON.stringify(o.value.metadata.requestBody, null, 2)), 1)])) : k("", !0)])])])) : k("", !0)]),
+        _: 1
+      }, 8, ["header", "model-value"])], 64);
+    };
+  }
+});
+export {
+  El as default
+};