@feedmepos/mf-hrm-portal 1.1.0-dev → 1.1.1-dev

package/dist/AuditLogList-D62QRWN-.js

@@ -0,0 +1,232 @@
+import { defineComponent as P, ref as d, watch as N, resolveComponent as g, createElementBlock as c, openBlock as i, Fragment as R, createVNode as r, withCtx as b, createElementVNode as t, createBlock as I, unref as h, createCommentVNode as x, toDisplayString as a } from "vue";
+import { useCoreStore as U } from "@feedmepos/mf-common";
+import { _ as B } from "./app-4LaGLcWC.js";
+import { _ as O } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
+import { _ as q } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { components as K } from "@feedmepos/ui-library";
+import { g as M, b as $ } from "./index-BsEM84j5.js";
+import { u as j } from "./team-eo_yQh1g.js";
+const E = "/audit-logs", z = {
+  async read(s) {
+    return M(
+      await $().get(E, {
+        params: {
+          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 } : {}
+        }
+      })
+    );
+  }
+}, G = {
+  class: "flex flex-1 flex-col gap-16 min-h-0"
+}, H = {
+  class: "flex shrink-0 items-center gap-8"
+}, J = {
+  key: 0,
+  class: "space-y-16 p-4 text-sm"
+}, Q = {
+  class: "space-y-8"
+}, W = {
+  class: "flex gap-8"
+}, X = {
+  class: "flex gap-8"
+}, Y = {
+  class: "flex flex-col gap-2"
+}, Z = {
+  key: 0,
+  class: "font-medium"
+}, ee = {
+  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
+}, te = {
+  class: "flex gap-8"
+}, oe = {
+  class: "flex gap-8"
+}, se = {
+  class: "flex gap-8"
+}, le = {
+  class: "flex gap-8"
+}, ae = {
+  class: "flex gap-8"
+}, ne = {
+  class: "break-all font-mono text-xs"
+}, ie = {
+  class: "flex gap-8"
+}, re = {
+  class: "break-all font-mono text-xs"
+}, de = {
+  class: "space-y-8"
+}, ue = {
+  class: "space-y-8"
+}, ce = {
+  class: "flex gap-8"
+}, me = {
+  class: "flex gap-8"
+}, fe = {
+  key: 0,
+  class: "flex gap-8"
+}, pe = {
+  class: "break-all font-mono text-xs"
+}, ve = {
+  key: 1,
+  class: "flex gap-8"
+}, ye = {
+  class: "font-mono text-xs break-all"
+}, Ie = /* @__PURE__ */ P({
+  __name: "AuditLogList",
+  setup(s) {
+    const F = U(), m = j(), f = d(!1), p = d([]), o = d(null), _ = d(!1), v = d(""), y = d(""), k = {
+      allowed: "success",
+      denied: "critical"
+    }, C = [{
+      accessorKey: "timestamp",
+      header: "Timestamp",
+      cell(l) {
+        const e = l.row.original;
+        return new Date(e.timestamp).toLocaleString();
+      }
+    }, {
+      accessorKey: "userId",
+      header: "User",
+      enableSorting: !1,
+      cell(l) {
+        const e = l.row.original, u = m.userIdToName[e.userId];
+        return u ? `${u} (${e.userId})` : e.userId;
+      }
+    }, {
+      accessorKey: "subject",
+      header: "Subject"
+    }, {
+      accessorKey: "action",
+      header: "Action",
+      enableSorting: !1
+    }, {
+      accessorKey: "outcome",
+      header: "Outcome",
+      enableSorting: !1,
+      cell(l) {
+        const e = l.row.original;
+        return r(K.FmChip, {
+          variant: k[e.outcome] ?? "neutral",
+          label: e.outcome,
+          compact: !0
+        }, null);
+      }
+    }];
+    async function w() {
+      f.value = !0;
+      try {
+        let l;
+        if (y.value) {
+          const e = new Date(y.value);
+          e.setDate(e.getDate() + 1), l = e.toISOString().slice(0, 10);
+        }
+        [p.value] = await Promise.all([z.read({
+          ...v.value ? {
+            from: v.value
+          } : {},
+          ...l ? {
+            to: l
+          } : {}
+        }), m.readTeamMembers()]);
+      } finally {
+        f.value = !1;
+      }
+    }
+    function S() {
+      w();
+    }
+    function D(l) {
+      o.value = l, _.value = !0;
+    }
+    function T() {
+      _.value = !1, o.value = null;
+    }
+    return N(F.currentBusiness, (l) => {
+      l && w();
+    }, {
+      immediate: !0
+    }), (l, e) => {
+      const u = g("FmDatePicker"), A = g("FmTable"), L = g("FmChip"), V = g("FmSideSheet");
+      return i(), c(R, null, [r(O, {
+        heading: "Audit Log"
+      }, {
+        default: b(() => [t("div", G, [t("div", H, [r(u, {
+          modelValue: v.value,
+          "onUpdate:modelValue": [e[0] || (e[0] = (n) => v.value = n), S],
+          label: "From"
+        }, null, 8, ["modelValue"]), r(u, {
+          modelValue: y.value,
+          "onUpdate:modelValue": [e[1] || (e[1] = (n) => y.value = n), S],
+          label: "To"
+        }, null, 8, ["modelValue"])]), !f.value && p.value.length === 0 ? (i(), I(h(q), {
+          key: 0,
+          title: "No audit logs",
+          subtitle: "Permission check logs will appear here once activity is recorded."
+        })) : (i(), I(B, {
+          key: 1
+        }, {
+          default: b(() => [r(A, {
+            "column-defs": C,
+            "row-data": p.value,
+            "page-size": p.value.length,
+            loading: f.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            class: "cursor-pointer",
+            onRowClick: e[2] || (e[2] = (n) => D(n.original))
+          }, null, 8, ["row-data", "page-size", "loading"])]),
+          _: 1
+        }))])]),
+        _: 1
+      }), r(V, {
+        header: "Audit Log Detail",
+        "model-value": _.value,
+        "max-width": 480,
+        "dismiss-away": "",
+        "onUpdate:modelValue": e[3] || (e[3] = (n) => {
+          n || T();
+        })
+      }, {
+        default: b(() => [o.value ? (i(), c("div", J, [t("div", Q, [t("div", W, [e[4] || (e[4] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Timestamp", -1)), t("span", null, a(new Date(o.value.timestamp).toLocaleString()), 1)]), t("div", X, [e[5] || (e[5] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "User", -1)), t("div", Y, [h(m).userIdToName[o.value.userId] ? (i(), c("span", Z, a(h(m).userIdToName[o.value.userId]), 1)) : x("", !0), t("span", ee, a(o.value.userId), 1)])]), t("div", te, [e[6] || (e[6] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Action", -1)), t("span", null, a(o.value.action), 1)]), t("div", oe, [e[7] || (e[7] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Subject", -1)), t("span", null, a(o.value.subject), 1)]), t("div", se, [e[8] || (e[8] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Field", -1)), t("span", null, a(o.value.field || "-"), 1)]), t("div", le, [e[9] || (e[9] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Outcome", -1)), r(L, {
+          variant: k[o.value.outcome] ?? "neutral",
+          label: o.value.outcome,
+          compact: ""
+        }, null, 8, ["variant", "label"])]), t("div", ae, [e[10] || (e[10] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Business", -1)), t("span", ne, a(o.value.businessId || "-"), 1)]), t("div", ie, [e[11] || (e[11] = t("span", {
+          class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
+        }, "Restaurant", -1)), t("span", re, a(o.value.restaurantId || "-"), 1)])]), e[17] || (e[17] = t("hr", {
+          class: "border-fm-color-border-default"
+        }, null, -1)), t("div", de, [e[16] || (e[16] = t("p", {
+          class: "font-semibold text-fm-color-typo-primary"
+        }, "Metadata", -1)), t("div", ue, [t("div", ce, [e[12] || (e[12] = t("span", {
+          class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+        }, "Reason", -1)), t("span", null, a(o.value.metadata.reason), 1)]), t("div", me, [e[13] || (e[13] = t("span", {
+          class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+        }, "Resolved From", -1)), t("span", null, a(o.value.metadata.resolvedFrom), 1)]), o.value.metadata.permissionSetId ? (i(), c("div", fe, [e[14] || (e[14] = t("span", {
+          class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+        }, "Permission Set", -1)), t("span", pe, a(o.value.metadata.permissionSetId), 1)])) : x("", !0), o.value.metadata.requestMethod || o.value.metadata.requestPath ? (i(), c("div", ve, [e[15] || (e[15] = t("span", {
+          class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
+        }, "Request", -1)), t("span", ye, a(o.value.metadata.requestMethod) + " " + a(o.value.metadata.requestPath), 1)])) : x("", !0)])])])) : x("", !0)]),
+        _: 1
+      }, 8, ["model-value"])], 64);
+    };
+  }
+});
+export {
+  Ie as default
+};