@feedmepos/mf-hrm-portal 1.1.3-dev → 1.1.3-dev.10

package/dist/AuditLogList-DNQh1rE9.js

@@ -1,316 +0,0 @@
-import { defineComponent as Y, ref as m, computed as P, watch as T, resolveComponent as y, createElementBlock as f, openBlock as c, Fragment as z, createVNode as r, unref as a, withCtx as S, createElementVNode as e, createBlock as q, createCommentVNode as p, toDisplayString as o } from "vue";
-import { d as G } from "./dayjs.min-CgN1oBQf.js";
-import { useI18n as J, useCoreStore as Z } from "@feedmepos/mf-common";
-import { _ as H } from "./app-CcbYGJ22.js";
-import { _ as Q } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { _ as W } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { components as X } from "@feedmepos/ui-library";
-import { g as ee, b as te } from "./index-D5sdamN5.js";
-import { u as oe } from "./team-CFyc6tnm.js";
-import { S as ae } from "./SelectFilter-NbXrJ4iH.js";
-const se = "/audit-logs", le = {
-  async read(i) {
-    return ee(
-      await te().get(se, {
-        params: {
-          limit: (i == null ? void 0 : i.limit) ?? 100,
-          offset: (i == null ? void 0 : i.offset) ?? 0,
-          ...i != null && i.from ? { from: i.from } : {},
-          ...i != null && i.to ? { to: i.to } : {}
-        }
-      })
-    );
-  }
-}, ne = {
-  class: "flex flex-1 flex-col gap-16 min-h-0"
-}, ie = {
-  class: "flex items-center gap-8"
-}, de = {
-  class: "flex h-full flex-col"
-}, ce = {
-  key: 0,
-  class: "flex shrink-0 items-center justify-end border-t border-fm-color-border-default py-4"
-}, re = {
-  class: "text-sm text-fm-color-typo-secondary"
-}, ue = {
-  key: 0,
-  class: "space-y-16 p-4 text-sm"
-}, me = {
-  class: "space-y-8"
-}, fe = {
-  class: "flex gap-8"
-}, _e = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, pe = {
-  class: "flex gap-8"
-}, ge = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, ve = {
-  class: "flex flex-col gap-2"
-}, he = {
-  key: 0,
-  class: "font-medium"
-}, ye = {
-  class: "break-all font-mono text-xs text-fm-color-typo-secondary"
-}, xe = {
-  class: "flex gap-8"
-}, be = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, Le = {
-  class: "flex gap-8"
-}, ke = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, we = {
-  class: "flex gap-8"
-}, Se = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, Ie = {
-  class: "flex gap-8"
-}, De = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, Ce = {
-  class: "flex gap-8"
-}, Fe = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, Pe = {
-  class: "break-all font-mono text-xs"
-}, Te = {
-  class: "flex gap-8"
-}, Ve = {
-  class: "w-28 shrink-0 font-semibold text-fm-color-typo-secondary"
-}, Be = {
-  class: "break-all font-mono text-xs"
-}, Oe = {
-  class: "space-y-8"
-}, qe = {
-  class: "font-semibold text-fm-color-typo-primary"
-}, Me = {
-  class: "space-y-8"
-}, Ne = {
-  class: "flex gap-8"
-}, Re = {
-  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
-}, Ae = {
-  class: "flex gap-8"
-}, Ee = {
-  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
-}, $e = {
-  key: 0,
-  class: "flex gap-8"
-}, je = {
-  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
-}, Ue = {
-  class: "break-all font-mono text-xs"
-}, Ke = {
-  key: 1,
-  class: "flex gap-8"
-}, Ye = {
-  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
-}, ze = {
-  class: "font-mono text-xs"
-}, Ge = {
-  key: 2,
-  class: "flex gap-8"
-}, Je = {
-  class: "w-28 shrink-0 font-medium text-fm-color-typo-secondary"
-}, Ze = {
-  class: "break-all font-mono text-xs"
-}, He = {
-  key: 3,
-  class: "flex flex-col gap-4"
-}, Qe = {
-  class: "font-medium text-fm-color-typo-secondary"
-}, We = {
-  class: "max-h-[400px] overflow-auto rounded bg-gray-100 p-8 font-mono text-xs leading-relaxed shadow-inner"
-}, V = 100, ct = /* @__PURE__ */ Y({
-  __name: "AuditLogList",
-  setup(i) {
-    const {
-      t
-    } = J(), M = Z(), x = oe(), b = m(!1), I = m([]), l = m(null), D = m(!1), d = m(1), L = m(!1), B = G().format("YYYY-MM-DD"), h = m({
-      startDate: B,
-      endDate: B
-    }), g = m(), N = P(() => [{
-      label: t("auditLog.outcome.allowed"),
-      value: "allowed"
-    }, {
-      label: t("auditLog.outcome.denied"),
-      value: "denied"
-    }, {
-      label: t("auditLog.outcome.skipped"),
-      value: "skipped"
-    }]), R = P(() => {
-      const {
-        startDate: n,
-        endDate: s
-      } = h.value;
-      return n && s ? `${n} – ${s}` : n || s || t("auditLog.dateRange.placeholder");
-    }), C = P(() => !g.value || g.value.length === 0 ? I.value : I.value.filter((n) => g.value.includes(n.outcome))), O = {
-      allowed: "success",
-      denied: "critical",
-      skipped: "warning"
-    }, A = [{
-      accessorKey: "timestamp",
-      header: () => t("auditLog.columns.timestamp"),
-      cell(n) {
-        const s = n.row.original;
-        return new Date(s.timestamp).toLocaleString();
-      }
-    }, {
-      accessorKey: "userId",
-      header: () => t("auditLog.columns.user"),
-      enableSorting: !1,
-      cell(n) {
-        const s = n.row.original, u = x.userIdToName[s.userId];
-        return u ? `${u} (${s.userId})` : s.userId;
-      }
-    }, {
-      accessorKey: "subject",
-      header: () => t("auditLog.columns.subject")
-    }, {
-      accessorKey: "action",
-      header: () => t("auditLog.columns.action"),
-      enableSorting: !1
-    }, {
-      accessorKey: "outcome",
-      header: () => t("auditLog.columns.outcome"),
-      enableSorting: !1,
-      cell(n) {
-        const s = n.row.original;
-        return r(X.FmChip, {
-          variant: O[s.outcome] ?? "neutral",
-          label: s.outcome,
-          compact: !0
-        }, null);
-      }
-    }];
-    async function k() {
-      b.value = !0;
-      try {
-        const {
-          startDate: n,
-          endDate: s
-        } = h.value;
-        let u;
-        if (s) {
-          const v = new Date(s);
-          v.setDate(v.getDate() + 1), u = v.toISOString().slice(0, 10);
-        }
-        const F = (d.value - 1) * V, [w] = await Promise.all([le.read({
-          limit: V,
-          offset: F,
-          ...n ? {
-            from: n
-          } : {},
-          ...u ? {
-            to: u
-          } : {}
-        }), x.readTeamMembers()]);
-        I.value = w, L.value = w.length === V;
-      } finally {
-        b.value = !1;
-      }
-    }
-    T(h, () => {
-      d.value = 1, k();
-    }), T(g, () => {
-      d.value = 1;
-    });
-    async function E() {
-      d.value > 1 && (d.value--, await k());
-    }
-    async function $() {
-      L.value && (d.value++, await k());
-    }
-    function j(n) {
-      l.value = n, D.value = !0;
-    }
-    function U() {
-      D.value = !1, l.value = null;
-    }
-    return T(M.currentBusiness, (n) => {
-      n && (d.value = 1, k());
-    }, {
-      immediate: !0
-    }), (n, s) => {
-      const u = y("FmChip"), F = y("FmDateRangePicker"), w = y("FmTable"), v = y("FmButton"), K = y("FmSideSheet");
-      return c(), f(z, null, [r(Q, {
-        heading: a(t)("auditLog.title")
-      }, {
-        default: S(() => [e("div", ne, [e("div", ie, [r(F, {
-          modelValue: h.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (_) => h.value = _),
-          "show-predefined-range": ""
-        }, {
-          "trigger-button": S(() => [r(u, {
-            label: R.value,
-            icon: "calendar_month"
-          }, null, 8, ["label"])]),
-          _: 1
-        }, 8, ["modelValue"]), r(ae, {
-          modelValue: g.value,
-          "onUpdate:modelValue": s[1] || (s[1] = (_) => g.value = _),
-          items: N.value,
-          multiple: "",
-          variant: "dark",
-          placeholder: a(t)("auditLog.filter.outcome_placeholder"),
-          "selected-prefix": a(t)("auditLog.filter.selected_outcome_prefix"),
-          searchable: !1
-        }, null, 8, ["modelValue", "items", "placeholder", "selected-prefix"])]), !b.value && C.value.length === 0 ? (c(), q(a(W), {
-          key: 0,
-          title: a(t)("auditLog.noData.title"),
-          subtitle: a(t)("auditLog.noData.subtitle")
-        }, null, 8, ["title", "subtitle"])) : (c(), q(H, {
-          key: 1
-        }, {
-          default: S(() => [e("div", de, [r(w, {
-            "column-defs": A,
-            "row-data": C.value,
-            "page-size": C.value.length,
-            loading: b.value,
-            "pin-header-row": "",
-            "hide-footer": "",
-            class: "min-h-0 flex-1 cursor-pointer",
-            onRowClick: s[2] || (s[2] = (_) => j(_.original))
-          }, null, 8, ["row-data", "page-size", "loading"]), d.value > 1 || L.value ? (c(), f("div", ce, [r(v, {
-            variant: "tertiary",
-            icon: "chevron_left",
-            disabled: d.value === 1,
-            "aria-label": a(t)("auditLog.pagination.prevPage"),
-            onClick: E
-          }, null, 8, ["disabled", "aria-label"]), e("span", re, o(a(t)("auditLog.pagination.page", {
-            page: d.value
-          })), 1), r(v, {
-            variant: "tertiary",
-            icon: "chevron_right",
-            disabled: !L.value,
-            "aria-label": a(t)("auditLog.pagination.nextPage"),
-            onClick: $
-          }, null, 8, ["disabled", "aria-label"])])) : p("", !0)])]),
-          _: 1
-        }))])]),
-        _: 1
-      }, 8, ["heading"]), r(K, {
-        header: a(t)("auditLog.detail.header"),
-        "model-value": D.value,
-        "max-width": 480,
-        "dismiss-away": "",
-        "onUpdate:modelValue": s[3] || (s[3] = (_) => {
-          _ || U();
-        })
-      }, {
-        default: S(() => [l.value ? (c(), f("div", ue, [e("div", me, [e("div", fe, [e("span", _e, o(a(t)("auditLog.detail.timestamp")), 1), e("span", null, o(new Date(l.value.timestamp).toLocaleString()), 1)]), e("div", pe, [e("span", ge, o(a(t)("auditLog.detail.user")), 1), e("div", ve, [a(x).userIdToName[l.value.userId] ? (c(), f("span", he, o(a(x).userIdToName[l.value.userId]), 1)) : p("", !0), e("span", ye, o(l.value.userId), 1)])]), e("div", xe, [e("span", be, o(a(t)("auditLog.detail.action")), 1), e("span", null, o(l.value.action), 1)]), e("div", Le, [e("span", ke, o(a(t)("auditLog.detail.subject")), 1), e("span", null, o(l.value.subject), 1)]), e("div", we, [e("span", Se, o(a(t)("auditLog.detail.field")), 1), e("span", null, o(l.value.field || "-"), 1)]), e("div", Ie, [e("span", De, o(a(t)("auditLog.detail.outcome")), 1), r(u, {
-          variant: O[l.value.outcome] ?? "neutral",
-          label: l.value.outcome,
-          compact: ""
-        }, null, 8, ["variant", "label"])]), e("div", Ce, [e("span", Fe, o(a(t)("auditLog.detail.business")), 1), e("span", Pe, o(l.value.businessId || "-"), 1)]), e("div", Te, [e("span", Ve, o(a(t)("auditLog.detail.restaurant")), 1), e("span", Be, o(l.value.restaurantId || "-"), 1)])]), s[4] || (s[4] = e("hr", {
-          class: "border-fm-color-border-default"
-        }, null, -1)), e("div", Oe, [e("p", qe, o(a(t)("auditLog.detail.metadata")), 1), e("div", Me, [e("div", Ne, [e("span", Re, o(a(t)("auditLog.detail.reason")), 1), e("span", null, o(l.value.metadata.reason), 1)]), e("div", Ae, [e("span", Ee, o(a(t)("auditLog.detail.resolvedFrom")), 1), e("span", null, o(l.value.metadata.resolvedFrom), 1)]), l.value.metadata.permissionSetId ? (c(), f("div", $e, [e("span", je, o(a(t)("auditLog.detail.permissionSet")), 1), e("span", Ue, o(l.value.metadata.permissionSetId), 1)])) : p("", !0), l.value.metadata.requestMethod ? (c(), f("div", Ke, [e("span", Ye, o(a(t)("auditLog.detail.requestMethod")), 1), e("span", ze, o(l.value.metadata.requestMethod), 1)])) : p("", !0), l.value.metadata.requestPath ? (c(), f("div", Ge, [e("span", Je, o(a(t)("auditLog.detail.requestPath")), 1), e("span", Ze, o(l.value.metadata.requestPath), 1)])) : p("", !0), l.value.metadata.requestBody ? (c(), f("div", He, [e("span", Qe, o(a(t)("auditLog.detail.requestBody")), 1), e("pre", We, o(JSON.stringify(l.value.metadata.requestBody, null, 2)), 1)])) : p("", !0)])])])) : p("", !0)]),
-        _: 1
-      }, 8, ["header", "model-value"])], 64);
-    };
-  }
-});
-export {
-  ct as default
-};