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

package/dist/AuditLogList-CjrocQS2.js

@@ -0,0 +1,316 @@
+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-DVb8OkTL.js";
+import { useI18n as J, useCoreStore as Z } from "@feedmepos/mf-common";
+import { _ as H } from "./app-DUs516v0.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-CicR1-Jp.js";
+import { u as oe } from "./team-CiZSNUQW.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
+};

package/dist/{EmployeeList-CMUbRS7j.js → EmployeeList-CKHgrdAO.js}

@@ -1,14 +1,15 @@
 import { createElementBlock as $, openBlock as h, createElementVNode as c, toRaw as Ce, defineComponent as he, ref as g, computed as F, watch as _e, resolveComponent as v, Fragment as G, renderSlot as Me, createVNode as n, unref as o, withCtx as y, createBlock as B, createCommentVNode as Q, isRef as re, renderList as ge, toDisplayString as K, onMounted as Ie, h as se, createTextVNode as $e, withModifiers as Oe } from "vue";
 import { useCoreStore as be, useI18n as Ve, RestaurantSelector as me } from "@feedmepos/mf-common";
 import { useSnackbar as Fe, components as xe, useDialog as Le, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
-import { _ as Ne, u as we, S as ce } from "./useSearch-C6gRA62e.js";
-import { _ as Pe } from "./app-4LaGLcWC.js";
+import { _ as Ne, S as ce } from "./SelectFilter-NbXrJ4iH.js";
+import { _ as Pe } from "./app-DUs516v0.js";
 import { _ as Te } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
-import { u as ke, E as ze } from "./employee-BZTntAR0.js";
-import { l as Ae } from "./lodash-DYaYvsmp.js";
+import { u as we } from "./useSearch-B6WK1LBB.js";
+import { u as ke, E as ze } from "./employee-jH7EJnhi.js";
+import { l as Ae } from "./lodash-DpoPPi_j.js";
 import { u as je, _ as de, a as pe, b as Ke } from "./useRestaurantMap-D5BNPLKh.js";
-import { u as Ge } from "./useLoading-DpbOtToC.js";
-import { u as ne } from "./useAppStore-D0F-tWJO.js";
+import { u as Ge } from "./useLoading-1OqFn86y.js";
+import { u as ne } from "./useAppStore-RzLLN5d9.js";
 const qe = {};
 function He(S, O) {
   return h(), $("div", null, [...O[0] || (O[0] = [
@@ -357,7 +358,7 @@ const We = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-40" }, X
   class: "mr-4"
 }, dl = {
   class: "text-fm-color-typo-secondary"
-}, wl = /* @__PURE__ */ he({
+}, kl = /* @__PURE__ */ he({
   __name: "EmployeeList",
   setup(S, {
     expose: O
@@ -602,5 +603,5 @@ const We = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-40" }, X
   }
 });
 export {
-  wl as default
+  kl as default
 };

package/dist/{Main-BbZ-t-pu.js → Main-HzplGv-e.js}

@@ -4,12 +4,12 @@ import { useI18n as g } from "@feedmepos/mf-common";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as w } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
 import "@feedmepos/ui-library";
-import "./index-BsEM84j5.js";
-import "./useAppStore-D0F-tWJO.js";
-import { R as v } from "./app-4LaGLcWC.js";
+import "./index-CicR1-Jp.js";
+import { R as v } from "./app-DUs516v0.js";
+import "./useAppStore-RzLLN5d9.js";
 /* empty css                                                                      */
 /* empty css                                                                            */
-import "./team-eo_yQh1g.js";
+import "./team-CiZSNUQW.js";
 const x = { class: "space-y-24" }, J = /* @__PURE__ */ V({
   __name: "Main",
   setup(y) {

package/dist/{Main-un3v_g6p.js → Main-YQ5f-v03.js}

@@ -3,14 +3,15 @@ import { useRouter as of, useRoute as cf } from "vue-router";
 import { useCoreStore as hf, useI18n as uf } from "@feedmepos/mf-common";
 import { _ as vf } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as pf } from "./PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js";
-import { u as df } from "./useAppStore-D0F-tWJO.js";
+import { u as df } from "./useAppStore-RzLLN5d9.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import { u as mf } from "./employee-BZTntAR0.js";
-import "./lodash-DYaYvsmp.js";
-import "./index-BsEM84j5.js";
-import { R as vt } from "./app-4LaGLcWC.js";
-import "./timesheet-CfPIK52Q.js";
+import { u as mf } from "./employee-jH7EJnhi.js";
+import "./lodash-DpoPPi_j.js";
+import "./index-CicR1-Jp.js";
+import { R as vt } from "./app-DUs516v0.js";
+import "./dayjs.min-DVb8OkTL.js";
+import "./timesheet-BRQvljNj.js";
 var In = {};
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var jt = {};
@@ -15481,7 +15482,7 @@ var Yt = {
 const f2 = {
   key: 0,
   class: "mr-16"
-}, l2 = { class: "space-y-24" }, S2 = /* @__PURE__ */ rf({
+}, l2 = { class: "space-y-24" }, A2 = /* @__PURE__ */ rf({
   __name: "Main",
   setup(e) {
     const t = of(), r = cf(), { readTeamMemberPosUserIds: n } = mf(), { restaurants: a, currentBusiness: i, readRestaurants: s } = hf(), { readRoles: f, roles: o } = df(), { t: l } = uf(), c = yn(), d = yn(), p = yn(), v = On({
@@ -15601,5 +15602,5 @@ const f2 = {
   }
 });
 export {
-  S2 as default
+  A2 as default
 };