@evolver-fi/evolver-basics-admin-components 0.0.19 → 0.0.21

package/dist/SingleLogMessageRoute-BT4ghiqv.js

@@ -0,0 +1,305 @@
+import { filterFromUrlSearchParams as S, getBackendClient as y } from "@evolver-fi/evolver-basics";
+import { j as t } from "./jsx-runtime-B6kdoens.js";
+import "react";
+import { g as f, c as v, a as w } from "./evolverClient-B_TZXnpV.js";
+import { Button as m, Grid as l, TextField as F, TableContainer as T } from "@mui/material";
+import "./parser-Bj3mcA83.js";
+import { c as R, f as k, a as g, d as L, b as M, m as q, e as P, g as $, n as p, h as z, T as H } from "./TableMetadataDisplay-C7RP2ZrM.js";
+import { Link as W, useNavigate as j, useSearchParams as B, useLoaderData as C, Form as K } from "react-router";
+import { T as V, P as D } from "./Table-DgRqEB1x.js";
+import { F as I } from "./FilterLink-CHw7-m82.js";
+import { T as i } from "./TextFilter-BKUfkFQe.js";
+import "axios";
+const U = {
+  s: k,
+  d: g,
+  rqs: g,
+  rps: g
+}, b = (e, s) => {
+  const r = s || f(), a = new URLSearchParams();
+  R(e, U).forEach((d, u) => a.append(u, d));
+  const o = a.toString() ? `?${a.toString()}` : "";
+  return r.get(`log${o}`);
+}, E = (e, s) => (s || f()).get(`log/${e}`), h = v("logs/fetchLogs", async (e, s) => {
+  const r = await b(e);
+  return r.status !== 200 ? s.rejectWithValue({
+    message: "Failed to fetch logs."
+  }) : r.data;
+}), A = {
+  logMessages: [],
+  logMessageTotalCount: 0,
+  status: "loading",
+  filters: {
+    page: "0",
+    size: "100"
+  }
+};
+w({
+  name: "log",
+  initialState: A,
+  reducers: {
+    updateLogs(e, { payload: s }) {
+      e.logMessages = s;
+    },
+    updateFilters(e, { payload: s }) {
+      e.filters = { ...e.filters, ...s };
+    },
+    clearFilters(e, { payload: s }) {
+      const r = { ...e.filters };
+      s.forEach((a) => {
+        delete r[a];
+      }), e.filters = r;
+    }
+  },
+  extraReducers: (e) => {
+    e.addCase(h.pending, (s) => {
+      s.status = "loading", s.error = "undefined";
+    }), e.addCase(h.fulfilled, (s, { payload: r }) => {
+      s.logMessages = r.content, s.logMessageTotalCount = r.totalElements, s.status = "succeeded";
+    }), e.addCase(h.rejected, (s, { payload: r }) => {
+      r && (s.error = r.message), s.status = "failed";
+    });
+  }
+});
+const n = ({ label: e, value: s, isWide: r, isFull: a }) => t.jsx(l, { item: !0, xs: 12, sm: a ? 12 : 6, md: a ? 12 : r ? 6 : 3, children: t.jsx(F, { label: e, value: s, InputProps: {
+  readOnly: !0
+}, InputLabelProps: {
+  style: { fontSize: 20 }
+}, multiline: !0, fullWidth: !0 }) }), N = ({ message: e, backAction: s, downloadDataAction: r }) => t.jsxs(t.Fragment, { children: [t.jsx(m, { variant: "contained", startIcon: t.jsx(L, {}), onClick: () => s(), sx: {
+  marginBottom: 0.5,
+  width: 200,
+  backgroundColor: "secondary.main"
+}, children: "Back" }), e ? t.jsxs(l, { container: !0, direction: "row", justifyContent: "flex-start", spacing: 2, children: [t.jsx(l, { item: !0, xs: 12, md: 12, lg: 12, children: t.jsx("h1", { children: "Message Details" }) }), t.jsx(n, { label: "Sent At", value: M(e.startTime) }), t.jsx(n, { label: "Duration, ms", value: e.durationMs }), t.jsx(n, { label: "App Server", value: e.appServer }), t.jsx(n, { label: "App Version", value: e.appVersion }), t.jsx(n, { label: "Type", value: e.messageType }), t.jsx(n, { label: "Protocol", value: e.protocol }), t.jsx(n, { label: "Requesting system", value: e.requestingSystem }), t.jsx(n, { label: "Responding system", value: e.respondingSystem }), t.jsxs(l, { item: !0, container: !0, xs: 12, spacing: 2, children: [t.jsx(n, { label: "Request headers", value: e.requestHeaders, isWide: !0 }), t.jsx(n, { label: "Response headers", value: e.responseHeaders, isWide: !0 })] }), t.jsx(n, { label: "Address", value: e.address, isFull: !0 }), t.jsx(n, { label: "Status code", value: e.statusCode }), t.jsx(n, { label: "Status message", value: e.statusMessage }), t.jsx(n, { label: "Message chain ID", value: e.messageChainId }), t.jsx(n, { label: "Request Size (B)", value: e.requestSize }), t.jsx(n, { label: "Response Size (B)", value: e.responseSize }), t.jsx(l, { item: !0, container: !0, xs: 12, spacing: 2, children: t.jsx(n, { label: "Metadata", value: Object.entries(e.metadata).map(([a, o]) => `${a} = ${o}`).join(`
+`), isFull: !0 }) }), t.jsxs(l, { container: !0, item: !0, direction: "row", xs: 12, spacing: 2, children: [t.jsx(l, { item: !0, xs: 12, md: 3, children: t.jsx(m, { disabled: e.requestSize === 0, variant: "contained", onClick: () => r(e.id, "request"), sx: { margin: 1, width: 200 }, children: "Download Request" }) }), t.jsx(l, { item: !0, xs: 12, md: 3, children: t.jsx(m, { disabled: e.responseSize === 0, variant: "contained", onClick: () => r(e.id, "response"), sx: { margin: 1, width: 200 }, children: "Download Response" }) })] })] }) : t.jsx("p", { children: "No message data found" })] }), O = [
+  "v",
+  // App version
+  "srv",
+  // App server
+  "m",
+  // Message type
+  "p",
+  // Protocol
+  "s",
+  // StartTime
+  "d",
+  // Duration Ms
+  "c",
+  // Status code
+  "mci",
+  // Message chain ID
+  "rqsn",
+  // Requesting system name
+  "rpsn",
+  // Responding system name
+  "rqs",
+  // Request size
+  "rps",
+  // Response size
+  "md",
+  // Metadata
+  "page",
+  "size"
+], G = (e) => async ({ request: s }) => {
+  try {
+    const r = new URL(s.url), a = S(
+      r.searchParams,
+      [...O]
+    ), o = await b(a, e);
+    if (o.status !== 200)
+      throw new Error(`Failed to fetch logs: ${o.data}`);
+    return o.data;
+  } catch (r) {
+    throw console.error(r), r;
+  }
+}, ce = G(), Q = (e) => async ({ params: s }) => {
+  if (!s.id)
+    throw new Error("No message id provided");
+  try {
+    const { id: r } = s, a = await E(r, e);
+    if (a.status !== 200)
+      throw new Error(`Failed to fetch message: ${a.data}`);
+    return q(a.data);
+  } catch (r) {
+    throw console.error(r), r;
+  }
+}, ue = Q(), x = ({
+  size: e,
+  id: s,
+  type: r
+}) => e && /* @__PURE__ */ t.jsx(
+  W,
+  {
+    to: `${y().defaults.baseURL}/log/${s}/${r}?pretty=true`,
+    onClick: (a) => a.stopPropagation(),
+    children: e
+  }
+), _ = [
+  {
+    key: "startTime",
+    title: "Start time",
+    CellComponent: ({ value: e }) => P(e),
+    minWidth: 250,
+    searchKey: "s",
+    filterHelperText: "yyyy-MM-dd HH:mm:ss - ?yyyy-MM-dd HH:mm:ss",
+    filterValidator: $,
+    FilterComponent: i
+  },
+  {
+    key: "durationMs",
+    title: "Duration, ms",
+    minWidth: 100,
+    searchKey: "d",
+    filterHelperText: "number - ?number",
+    filterValidator: p,
+    FilterComponent: i
+  },
+  {
+    key: "messageType",
+    title: "Type",
+    minWidth: 100,
+    searchKey: "m",
+    filterHelperText: "e.g. ControlValue/list",
+    FilterComponent: i
+  },
+  {
+    key: "protocol",
+    title: "Protocol",
+    minWidth: 100,
+    searchKey: "p",
+    filterHelperText: "e.g. http",
+    FilterComponent: i
+  },
+  {
+    key: "requestingSystem",
+    title: "Requesting System",
+    minWidth: 100,
+    searchKey: "rqsn",
+    FilterComponent: i
+  },
+  {
+    key: "respondingSystem",
+    title: "Responding System",
+    minWidth: 100,
+    searchKey: "rpsn",
+    FilterComponent: i
+  },
+  {
+    key: "statusCode",
+    title: "Status",
+    minWidth: 100,
+    searchKey: "c",
+    filterHelperText: "e.g. 400",
+    FilterComponent: i
+  },
+  {
+    key: "messageChainId",
+    title: "Message Chain ID",
+    CellComponent: I,
+    minWidth: 150,
+    searchKey: "mci",
+    filterHelperText: "e.g. 123",
+    filterValidator: z,
+    FilterComponent: i
+  },
+  {
+    key: "requestSize",
+    title: "Request size",
+    CellComponent: ({ value: e, row: s }) => /* @__PURE__ */ t.jsx(x, { size: e, id: s.id, type: "request" }),
+    minWidth: 150,
+    searchKey: "rqs",
+    filterHelperText: "number - ?number",
+    filterValidator: p,
+    FilterComponent: i
+  },
+  {
+    key: "responseSize",
+    title: "Response size",
+    CellComponent: ({ value: e, row: s }) => /* @__PURE__ */ t.jsx(x, { size: e, id: s.id, type: "response" }),
+    minWidth: 150,
+    searchKey: "rps",
+    filterHelperText: "number - ?number",
+    filterValidator: p,
+    FilterComponent: i
+  },
+  {
+    key: "metadata",
+    title: "Metadata",
+    CellComponent: H,
+    minWidth: 150,
+    searchKey: "md",
+    filterHelperText: "A=a, B=b",
+    FilterComponent: i
+  }
+], J = ({ id: e }) => e, X = (e) => ({
+  appVersion: e.get("v") ?? "",
+  messageType: e.get("m") ?? "",
+  protocol: e.get("p") ?? "",
+  startTime: e.get("s") ?? "",
+  durationMs: e.get("d") ?? "",
+  statusCode: e.get("c") ?? "",
+  messageChainId: e.get("mci") ?? "",
+  requestSize: e.get("rqs") ?? "",
+  responseSize: e.get("rps") ?? "",
+  metadata: e.get("md") ?? "",
+  requestingSystem: e.get("rqsn") ?? "",
+  respondingSystem: e.get("rpsn") ?? ""
+}), me = () => {
+  const e = j(), [s, r] = B(), a = C();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(K, { method: "get", children: [
+      /* @__PURE__ */ t.jsx(T, { sx: { height: "calc(100vh - 130px)" }, children: /* @__PURE__ */ t.jsx(
+        V,
+        {
+          columns: _,
+          rows: a.content,
+          getRowId: J,
+          onRowClick: (o) => e(`./${o.id}`, { relative: "path" }),
+          defaultFilter: X(s)
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx("input", { type: "submit", hidden: !0 })
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      D,
+      {
+        page: a.number,
+        rowsPerPage: a.size,
+        total: a.totalElements,
+        onPageChange: (o) => {
+          const d = new URLSearchParams(s);
+          d.set("page", String(o)), r(d);
+        }
+      }
+    )
+  ] });
+}, ge = () => {
+  const e = j(), s = C();
+  return /* @__PURE__ */ t.jsx(
+    N,
+    {
+      message: s,
+      backAction: () => e("..", { relative: "path" }),
+      downloadDataAction: async function(r, a) {
+        try {
+          const o = await y().get(`/log/${r}/${a}?pretty=true`, {
+            responseType: "blob"
+          }), d = new Blob([o.data], {
+            type: o.headers["content-type"] || "application/octet-stream"
+          }), u = window.URL.createObjectURL(d), c = document.createElement("a");
+          c.href = u, c.download = `log-${r}-${a}.txt`, document.body.appendChild(c), c.click(), document.body.removeChild(c), window.URL.revokeObjectURL(u);
+        } catch (o) {
+          console.error("Failed to download log data:", o);
+        }
+      }
+    }
+  );
+};
+export {
+  me as M,
+  ge as S,
+  Q as a,
+  G as g,
+  ce as l,
+  ue as s
+};
+//# sourceMappingURL=SingleLogMessageRoute-BT4ghiqv.js.map

package/dist/SingleLogMessageRoute-BT4ghiqv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleLogMessageRoute-BT4ghiqv.js","sources":["../../node_modules/@evolver-fi/evolver-basics/dist/esm/message-log/utils/index.js","../../node_modules/@evolver-fi/evolver-basics/dist/esm/message-log/actions/index.js","../../node_modules/@evolver-fi/evolver-basics/dist/esm/message-log/slices/logSlice.js","../../node_modules/@evolver-fi/evolver-basics/dist/esm/message-log/components/LogMessageComponent.js","../src/routes/message-log/loader.ts","../src/routes/message-log/messageLogColumns.tsx","../src/routes/message-log/MessageLogRoute.tsx","../src/routes/message-log/SingleLogMessageRoute.tsx"],"sourcesContent":["import { formatDatetimeRangeFilter, formatNumberRangeFilter, } from '../../common/components/listUtils';\nimport { getBackendClient } from '../../common/evolverClient';\nimport { createFilterQuery } from '../../common/utils/filterUtils';\nexport const formatterByKey = {\n    s: formatDatetimeRangeFilter,\n    d: formatNumberRangeFilter,\n    rqs: formatNumberRangeFilter,\n    rps: formatNumberRangeFilter,\n};\nexport const fetchLogs = (logFilters, backendClient) => {\n    const client = backendClient || getBackendClient();\n    const searchParams = new URLSearchParams();\n    createFilterQuery(logFilters, formatterByKey).forEach((value, key) => searchParams.append(key, value));\n    const searchParamsString = searchParams.toString() ? `?${searchParams.toString()}` : '';\n    return client.get(`log${searchParamsString}`);\n};\nexport const fetchLogById = (id, backendClient) => {\n    const client = backendClient || getBackendClient();\n    return client.get(`log/${id}`);\n};\n","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport { fetchLogs } from '../utils';\nexport const fetchLogsAction = createAsyncThunk('logs/fetchLogs', async (logFilters, thunkApi) => {\n    const response = await fetchLogs(logFilters);\n    if (response.status !== 200) {\n        return thunkApi.rejectWithValue({\n            message: 'Failed to fetch logs.',\n        });\n    }\n    return response.data;\n});\n","import { createSlice } from '@reduxjs/toolkit';\nimport { fetchLogsAction } from '../actions';\nconst initialState = {\n    logMessages: [],\n    logMessageTotalCount: 0,\n    status: 'loading',\n    filters: {\n        page: '0',\n        size: '100',\n    },\n};\nexport const logSlice = createSlice({\n    name: 'log',\n    initialState,\n    reducers: {\n        updateLogs(state, { payload }) {\n            state.logMessages = payload;\n        },\n        updateFilters(state, { payload }) {\n            state.filters = { ...state.filters, ...payload };\n        },\n        clearFilters(state, { payload }) {\n            const filters = { ...state.filters };\n            payload.forEach((element) => {\n                delete filters[element];\n            });\n            state.filters = filters;\n        },\n    },\n    extraReducers: (builder) => {\n        builder.addCase(fetchLogsAction.pending, (state) => {\n            state.status = 'loading';\n            state.error = 'undefined';\n        });\n        builder.addCase(fetchLogsAction.fulfilled, (state, { payload }) => {\n            state.logMessages = payload.content;\n            state.logMessageTotalCount = payload.totalElements;\n            state.status = 'succeeded';\n        });\n        builder.addCase(fetchLogsAction.rejected, (state, { payload }) => {\n            if (payload) {\n                state.error = payload.message;\n            }\n            state.status = 'failed';\n        });\n    },\n});\nexport const { updateLogs, updateFilters, clearFilters } = logSlice.actions;\nexport const selectLogs = (state) => state.logs.logMessages;\nexport const selectLogMessageTotalCount = (state) => state.logs.logMessageTotalCount;\nexport const selectFilters = (state) => state.logs.filters;\nexport const selectStatus = (state) => state.logs.status;\nexport default logSlice.reducer;\n","import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport { Button, Grid, TextField } from '@mui/material';\nimport { formatDateTime } from '../../common/components/listUtils';\nconst LogMessageField = ({ label, value, isWide, isFull, }) => (_jsx(Grid, { item: true, xs: 12, sm: isFull ? 12 : 6, md: isFull ? 12 : isWide ? 6 : 3, children: _jsx(TextField, { label: label, value: value, InputProps: {\n            readOnly: true,\n        }, InputLabelProps: {\n            style: { fontSize: 20 },\n        }, multiline: true, fullWidth: true }) }));\nconst LogMessageComponent = ({ message, backAction, downloadDataAction, }) => {\n    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: \"contained\", startIcon: _jsx(ArrowBackIcon, {}), onClick: () => backAction(), sx: {\n                    marginBottom: 0.5,\n                    width: 200,\n                    backgroundColor: 'secondary.main',\n                }, children: \"Back\" }), message ? (_jsxs(Grid, { container: true, direction: \"row\", justifyContent: \"flex-start\", spacing: 2, children: [_jsx(Grid, { item: true, xs: 12, md: 12, lg: 12, children: _jsx(\"h1\", { children: \"Message Details\" }) }), _jsx(LogMessageField, { label: \"Sent At\", value: formatDateTime(message.startTime) }), _jsx(LogMessageField, { label: \"Duration, ms\", value: message.durationMs }), _jsx(LogMessageField, { label: \"App Server\", value: message.appServer }), _jsx(LogMessageField, { label: \"App Version\", value: message.appVersion }), _jsx(LogMessageField, { label: \"Type\", value: message.messageType }), _jsx(LogMessageField, { label: \"Protocol\", value: message.protocol }), _jsx(LogMessageField, { label: \"Requesting system\", value: message.requestingSystem }), _jsx(LogMessageField, { label: \"Responding system\", value: message.respondingSystem }), _jsxs(Grid, { item: true, container: true, xs: 12, spacing: 2, children: [_jsx(LogMessageField, { label: \"Request headers\", value: message.requestHeaders, isWide: true }), _jsx(LogMessageField, { label: \"Response headers\", value: message.responseHeaders, isWide: true })] }), _jsx(LogMessageField, { label: \"Address\", value: message.address, isFull: true }), _jsx(LogMessageField, { label: \"Status code\", value: message.statusCode }), _jsx(LogMessageField, { label: \"Status message\", value: message.statusMessage }), _jsx(LogMessageField, { label: \"Message chain ID\", value: message.messageChainId }), _jsx(LogMessageField, { label: \"Request Size (B)\", value: message.requestSize }), _jsx(LogMessageField, { label: \"Response Size (B)\", value: message.responseSize }), _jsx(Grid, { item: true, container: true, xs: 12, spacing: 2, children: _jsx(LogMessageField, { label: \"Metadata\", value: Object.entries(message.metadata)\n                                .map(([key, value]) => `${key} = ${value}`)\n                                .join('\\n'), isFull: true }) }), _jsxs(Grid, { container: true, item: true, direction: \"row\", xs: 12, spacing: 2, children: [_jsx(Grid, { item: true, xs: 12, md: 3, children: _jsx(Button, { disabled: message.requestSize === 0, variant: \"contained\", onClick: () => downloadDataAction(message.id, 'request'), sx: { margin: 1, width: 200 }, children: \"Download Request\" }) }), _jsx(Grid, { item: true, xs: 12, md: 3, children: _jsx(Button, { disabled: message.responseSize === 0, variant: \"contained\", onClick: () => downloadDataAction(message.id, 'response'), sx: { margin: 1, width: 200 }, children: \"Download Response\" }) })] })] })) : (_jsx(\"p\", { children: \"No message data found\" }))] }));\n};\nexport default LogMessageComponent;\n","import { filterFromUrlSearchParams } from \"@evolver-fi/evolver-basics\";\nimport {\n  fetchLogById,\n  fetchLogs,\n  LogMessage,\n  LogMessageResponse,\n} from \"@evolver-fi/evolver-basics/message-log\";\nimport { AxiosInstance } from \"axios\";\nimport { LoaderFunction, LoaderFunctionArgs } from \"react-router\";\nimport { mapMetadata } from \"../../components/metadata/utils\";\n\nconst filterKeys = [\n  \"v\", // App version\n  \"srv\", // App server\n  \"m\", // Message type\n  \"p\", // Protocol\n  \"s\", // StartTime\n  \"d\", // Duration Ms\n  \"c\", // Status code\n  \"mci\", // Message chain ID\n  \"rqsn\", // Requesting system name\n  \"rpsn\", // Responding system name\n  \"rqs\", // Request size\n  \"rps\", // Response size\n  \"md\", // Metadata\n  \"page\",\n  \"size\",\n] as const;\n\ntype BackendFilter = {\n  [k in (typeof filterKeys)[number]]?: string;\n};\n\nexport const getMessageLogLoader =\n  (backendClient?: AxiosInstance) =>\n  async ({ request }: LoaderFunctionArgs): Promise<LogMessageResponse> => {\n    try {\n      const requestUrl = new URL(request.url);\n\n      const filter = filterFromUrlSearchParams<BackendFilter>(\n        requestUrl.searchParams,\n        [...filterKeys],\n      );\n\n      const logs = await fetchLogs(filter, backendClient);\n\n      if (logs.status !== 200) {\n        throw new Error(`Failed to fetch logs: ${logs.data}`);\n      }\n\n      return logs.data;\n    } catch (error) {\n      console.error(error);\n      throw error;\n    }\n  };\n\nexport const loader: LoaderFunction = getMessageLogLoader();\n\nexport const getSingleLogMessageLoader =\n  (backendClient?: AxiosInstance) =>\n  async ({ params }: LoaderFunctionArgs): Promise<LogMessage> => {\n    if (!params.id) {\n      throw new Error(\"No message id provided\"); // shouldn't route here without an id\n    }\n    try {\n      const { id } = params;\n      const response = await fetchLogById(id, backendClient);\n\n      if (response.status !== 200) {\n        throw new Error(`Failed to fetch message: ${response.data}`);\n      }\n\n      return mapMetadata(response.data) as LogMessage;\n    } catch (error) {\n      console.error(error);\n      throw error;\n    }\n  };\n\nexport const singleLogMessageLoader: LoaderFunction =\n  getSingleLogMessageLoader();\n","import { getBackendClient } from \"@evolver-fi/evolver-basics\";\nimport { Link } from \"react-router\";\nimport { formatDateTime } from \"../../common/format\";\nimport {\n  datetimeRangeValidator,\n  numberRangeValidator,\n  numberValidator,\n} from \"../../common/validation\";\nimport { FilterLink } from \"../../components/filter/FilterLink\";\nimport { TextFilter } from \"../../components/filter/TextFilter\";\nimport { TableMetadataDisplay } from \"../../components/metadata/TableMetadataDisplay\";\nimport { ColumnDefinitions } from \"../../components/table/types\";\nimport { LogFilter, LogMessage } from \"./types\";\n\nconst LogBodyLink = ({\n  size,\n  id,\n  type,\n}: {\n  size: number;\n  id: number;\n  type: string;\n}) =>\n  size ? (\n    <Link\n      to={`${getBackendClient().defaults.baseURL}/log/${id}/${type}?pretty=true`}\n      onClick={(e) => e.stopPropagation()}\n    >\n      {size}\n    </Link>\n  ) : (\n    size\n  );\n\nexport const messageLogColumns: ColumnDefinitions<LogMessage, LogFilter> = [\n  {\n    key: \"startTime\",\n    title: \"Start time\",\n    CellComponent: ({ value }) => formatDateTime(value),\n    minWidth: 250,\n    searchKey: \"s\",\n    filterHelperText: \"yyyy-MM-dd HH:mm:ss - ?yyyy-MM-dd HH:mm:ss\",\n    filterValidator: datetimeRangeValidator,\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"durationMs\",\n    title: \"Duration, ms\",\n    minWidth: 100,\n    searchKey: \"d\",\n    filterHelperText: \"number - ?number\",\n    filterValidator: numberRangeValidator,\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"messageType\",\n    title: \"Type\",\n    minWidth: 100,\n    searchKey: \"m\",\n    filterHelperText: \"e.g. ControlValue/list\",\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"protocol\",\n    title: \"Protocol\",\n    minWidth: 100,\n    searchKey: \"p\",\n    filterHelperText: \"e.g. http\",\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"requestingSystem\",\n    title: \"Requesting System\",\n    minWidth: 100,\n    searchKey: \"rqsn\",\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"respondingSystem\",\n    title: \"Responding System\",\n    minWidth: 100,\n    searchKey: \"rpsn\",\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"statusCode\",\n    title: \"Status\",\n    minWidth: 100,\n    searchKey: \"c\",\n    filterHelperText: \"e.g. 400\",\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"messageChainId\",\n    title: \"Message Chain ID\",\n    CellComponent: FilterLink,\n    minWidth: 150,\n    searchKey: \"mci\",\n    filterHelperText: \"e.g. 123\",\n    filterValidator: numberValidator,\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"requestSize\",\n    title: \"Request size\",\n    CellComponent: ({ value, row }) => (\n      <LogBodyLink size={value} id={row.id} type=\"request\" />\n    ),\n    minWidth: 150,\n    searchKey: \"rqs\",\n    filterHelperText: \"number - ?number\",\n    filterValidator: numberRangeValidator,\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"responseSize\",\n    title: \"Response size\",\n    CellComponent: ({ value, row }) => (\n      <LogBodyLink size={value} id={row.id} type=\"response\" />\n    ),\n    minWidth: 150,\n    searchKey: \"rps\",\n    filterHelperText: \"number - ?number\",\n    filterValidator: numberRangeValidator,\n    FilterComponent: TextFilter,\n  },\n  {\n    key: \"metadata\",\n    title: \"Metadata\",\n    CellComponent: TableMetadataDisplay,\n    minWidth: 150,\n    searchKey: \"md\",\n    filterHelperText: \"A=a, B=b\",\n    FilterComponent: TextFilter,\n  },\n];\n","import {\n  Form,\n  useLoaderData,\n  useNavigate,\n  useSearchParams,\n} from \"react-router\";\n\nimport { TableContainer } from \"@mui/material\";\nimport { Pagination } from \"../../components/table/Pagination\";\nimport { Table } from \"../../components/table/Table\";\nimport { messageLogColumns } from \"./messageLogColumns\";\nimport { LogFilter, LogMessageResponse } from \"./types\";\n\nconst getRowId = ({ id }: { id: number }) => id;\n\nconst searchParamsToFilter = (params: URLSearchParams): LogFilter => ({\n  appVersion: params.get(\"v\") ?? \"\",\n  messageType: params.get(\"m\") ?? \"\",\n  protocol: params.get(\"p\") ?? \"\",\n  startTime: params.get(\"s\") ?? \"\",\n  durationMs: params.get(\"d\") ?? \"\",\n  statusCode: params.get(\"c\") ?? \"\",\n  messageChainId: params.get(\"mci\") ?? \"\",\n  requestSize: params.get(\"rqs\") ?? \"\",\n  responseSize: params.get(\"rps\") ?? \"\",\n  metadata: params.get(\"md\") ?? \"\",\n  requestingSystem: params.get(\"rqsn\") ?? \"\",\n  respondingSystem: params.get(\"rpsn\") ?? \"\",\n});\n\nconst MessageLogRoute = () => {\n  const navigate = useNavigate();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const logMessageResponse = useLoaderData() as LogMessageResponse;\n\n  return (\n    <>\n      <Form method=\"get\">\n        <TableContainer sx={{ height: \"calc(100vh - 130px)\" }}>\n          <Table\n            columns={messageLogColumns}\n            rows={logMessageResponse.content}\n            getRowId={getRowId}\n            onRowClick={(row) => navigate(`./${row.id}`, { relative: \"path\" })}\n            defaultFilter={searchParamsToFilter(searchParams)}\n          />\n        </TableContainer>\n        <input type=\"submit\" hidden />\n      </Form>\n      <Pagination\n        page={logMessageResponse.number}\n        rowsPerPage={logMessageResponse.size}\n        total={logMessageResponse.totalElements}\n        onPageChange={(page) => {\n          const newParams = new URLSearchParams(searchParams);\n          newParams.set(\"page\", String(page));\n          setSearchParams(newParams);\n        }}\n      />\n    </>\n  );\n};\n\nexport default MessageLogRoute;\n","import { getBackendClient } from \"@evolver-fi/evolver-basics\";\nimport {\n  LogMessage,\n  LogMessageComponent,\n} from \"@evolver-fi/evolver-basics/message-log\";\nimport { useLoaderData, useNavigate } from \"react-router\";\n\nconst SingleMessageRoute = () => {\n  const navigate = useNavigate();\n  const message = useLoaderData() as LogMessage;\n\n  return (\n    <LogMessageComponent\n      message={message}\n      backAction={() => navigate(\"..\", { relative: \"path\" })}\n      downloadDataAction={async function (id: number, type: string): Promise<void> {\n        try {\n          const response = await getBackendClient().get(`/log/${id}/${type}?pretty=true`, {\n            responseType: 'blob'\n          });\n\n          const blob = new Blob([response.data], {\n            type: response.headers['content-type'] || 'application/octet-stream'\n          });\n          const url = window.URL.createObjectURL(blob);\n\n          const link = document.createElement('a');\n          link.href = url;\n          link.download = `log-${id}-${type}.txt`;\n          document.body.appendChild(link);\n          link.click();\n\n          document.body.removeChild(link);\n          window.URL.revokeObjectURL(url);\n        } catch (error) {\n          console.error('Failed to download log data:', error);\n        }\n      }}\n    />\n  );\n};\n\nexport default SingleMessageRoute;\n"],"names":["formatterByKey","formatDatetimeRangeFilter","formatNumberRangeFilter","fetchLogs","logFilters","backendClient","client","getBackendClient","searchParams","createFilterQuery","value","key","searchParamsString","fetchLogById","id","fetchLogsAction","createAsyncThunk","thunkApi","response","initialState","createSlice","state","payload","filters","element","builder","LogMessageField","label","isWide","isFull","_jsx","Grid","TextField","LogMessageComponent","message","backAction","downloadDataAction","_jsxs","_Fragment","Button","ArrowBackIcon","formatDateTime","filterKeys","getMessageLogLoader","request","requestUrl","filter","filterFromUrlSearchParams","logs","error","loader","getSingleLogMessageLoader","params","mapMetadata","singleLogMessageLoader","LogBodyLink","size","type","jsx","Link","e","messageLogColumns","datetimeRangeValidator","TextFilter","numberRangeValidator","FilterLink","numberValidator","row","TableMetadataDisplay","getRowId","searchParamsToFilter","MessageLogRoute","navigate","useNavigate","setSearchParams","useSearchParams","logMessageResponse","useLoaderData","jsxs","Fragment","Form","TableContainer","Table","Pagination","page","newParams","SingleMessageRoute","blob","url","link"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/SingleMessageRoute-DaaWvgfS.js

@@ -0,0 +1,293 @@
+import { filterFromUrlSearchParams as k } from "@evolver-fi/evolver-basics";
+import { j as t } from "./jsx-runtime-B6kdoens.js";
+import T, { useEffect as B } from "react";
+import { g as A, c as V, a as G } from "./evolverClient-B_TZXnpV.js";
+import { Grid as f, TextField as E, InputAdornment as C, IconButton as I, Button as W, FormControl as R, Select as $, MenuItem as K, Checkbox as U, FormHelperText as _, TableContainer as z } from "@mui/material";
+import { c as O, f as L, a as Y, d as q, b as x, i as Q, m as J, e as S, g as F, h as b, n as X, T as Z } from "./TableMetadataDisplay-C7RP2ZrM.js";
+import { useNavigate as H, useSearchParams as ee, useLoaderData as P, Form as te } from "react-router";
+import { T as ae, P as re } from "./Table-DgRqEB1x.js";
+import { c as ie } from "./EnumSelectFilter-DiJhYa2m.js";
+import { d as M, T as g } from "./TextFilter-BKUfkFQe.js";
+import { d as N, n as D, a as le } from "./validation-DStiilqx.js";
+import "axios";
+const se = ({ filterValue: e, validationError: a, setFilterValue: r }) => {
+  const [i, l] = (e == null ? void 0 : e.split("-")) || "", [o, p] = T.useState(i), [c, y] = T.useState(l);
+  return B(() => {
+    const d = `${o || ""}${c || o ? "-" : ""}${c || ""}`;
+    r(d);
+  }, [o, c]), t.jsxs(f, { container: !0, direction: "row", spacing: 1, children: [t.jsx(f, { item: !0, xs: 12, xl: 6, children: t.jsx(E, { size: "small", error: !!a, helperText: a || "Start", value: o || "", onChange: (d) => {
+    p(`${d.target.value}:00`);
+  }, fullWidth: !0, InputProps: {
+    endAdornment: o && o.length > 0 ? t.jsx(C, { position: "end", children: t.jsx(I, { onClick: (d) => {
+      d.preventDefault(), d.stopPropagation(), p(void 0);
+    }, size: "small", children: t.jsx(M, {}) }) }) : void 0
+  } }) }), t.jsx(f, { item: !0, xs: 12, xl: 6, children: t.jsx(E, { size: "small", value: c || "", helperText: "End", onChange: (d) => {
+    y(`${d.target.value}:00`);
+  }, fullWidth: !0, InputProps: {
+    endAdornment: c && c.length > 0 ? t.jsx(C, { position: "end", children: t.jsx(I, { onClick: (d) => {
+      d.preventDefault(), d.stopPropagation(), y(void 0);
+    }, size: "small", children: t.jsx(M, {}) }) }) : void 0
+  } }) })] });
+}, ne = {
+  ct: L,
+  lut: L,
+  fc: Y
+}, w = (e, a) => {
+  const r = a || A(), i = new URLSearchParams();
+  O(e, ne).forEach((o, p) => i.append(p, o));
+  const l = i.toString() ? `?${i.toString()}` : "";
+  return r.get(`message${l}`);
+}, oe = (e, a) => (a || A()).get(`message/${e}`), j = V("messages/fetchMessages", async (e, a) => {
+  const r = await w(e);
+  return r.status !== 200 ? a.rejectWithValue({
+    message: "Failed to fetch messages."
+  }) : r.data;
+}), de = {
+  messages: [],
+  messageTotalCount: 0,
+  status: "loading",
+  filters: {
+    page: "0",
+    size: "100"
+  }
+};
+G({
+  name: "message",
+  initialState: de,
+  reducers: {
+    updateMessages(e, { payload: a }) {
+      e.messages = a;
+    },
+    updateFilters(e, { payload: a }) {
+      e.filters = { ...e.filters, ...a };
+    }
+  },
+  extraReducers: (e) => {
+    e.addCase(j.pending, (a) => {
+      a.status = "loading", a.error = "undefined";
+    }), e.addCase(j.fulfilled, (a, { payload: r }) => {
+      a.messages = r.content, a.messageTotalCount = r.totalElements, a.status = "succeeded";
+    }), e.addCase(j.rejected, (a, { payload: r }) => {
+      r && (a.error = r.message), a.status = "failed";
+    });
+  }
+});
+const m = ({ label: e, value: a, isFull: r }) => t.jsx(f, { item: !0, xs: 12, sm: r ? 12 : 6, md: r ? 12 : 3, children: t.jsx(E, { label: e, value: a, InputProps: {
+  readOnly: !0
+}, InputLabelProps: {
+  style: { fontSize: 20 }
+}, multiline: !0, fullWidth: !0 }) }), me = ({ message: e, backAction: a }) => t.jsxs(t.Fragment, { children: [t.jsx(W, { variant: "contained", startIcon: t.jsx(q, {}), onClick: () => a(), sx: {
+  backgroundColor: "secondary.main",
+  marginBottom: 0.5,
+  width: 200
+}, children: "Back" }), e ? t.jsxs(f, { container: !0, direction: "row", justifyContent: "center", spacing: 2, children: [t.jsx(f, { item: !0, xs: 12, children: t.jsx("h1", { children: "Message Details" }) }), t.jsx(m, { label: "State", value: e.state }), t.jsx(m, { label: "MessageChain ID", value: e.messageChainId }), t.jsx(m, { label: "Creation time", value: x(e.creationTime) }), t.jsx(m, { label: "Last updated time", value: x(e.lastUpdatedTime) }), t.jsx(m, { label: "Fail count", value: e.failCount }), t.jsx(m, { label: "MessageGroup Id", value: e.messageGroupId }), t.jsx(m, { label: "Priority", value: e.priority }), t.jsx(m, { label: "Message target config", value: e.messageTargetConfig.messageType }), t.jsx(m, { label: "Target system", value: e.targetSystem }), t.jsx(m, { label: "Message type", value: e.messageType }), t.jsx(m, { label: "Target Uri", value: e.targetUri, isFull: !0 }), t.jsx(m, { label: "Metadata", value: Object.entries(e.metadata).map(([r, i]) => `${r} = ${i}`).join(`
+`), isFull: !0 })] }) : t.jsx("p", { children: "No message data found" })] });
+var u;
+(function(e) {
+  e.DELAYED = "DELAYED", e.PENDING = "PENDING", e.SENDING = "SENDING", e.SENT = "SENT", e.FAILED = "FAILED", e.DISABLED = "DISABLED";
+})(u || (u = {}));
+var v;
+(function(e) {
+  e.ENABLED = "ENABLED", e.LOG_ONLY = "LOG_ONLY", e.PAUSED = "PAUSED", e.DISABLED = "DISABLED";
+})(v || (v = {}));
+const ce = "null", ue = "!null";
+function ge(e) {
+  return typeof e == "string";
+}
+const pe = ({ filterValue: e, validationError: a, setFilterValue: r, enumValues: i }) => {
+  var d;
+  const l = [
+    { label: "None", value: ce },
+    { label: "Any", value: ue },
+    ...i
+  ], o = (n) => {
+    const s = l.find((h) => h.value === n || h.label === n);
+    return s == null ? void 0 : s.label;
+  }, p = (n) => {
+    const s = l.find((h) => h.label === n);
+    return (s == null ? void 0 : s.value) ?? (s == null ? void 0 : s.label);
+  }, c = (n) => {
+    const { target: { value: s } } = n;
+    if (ge(s)) {
+      r(s);
+      return;
+    }
+    const h = s.map(p).filter(Boolean);
+    r(h.join(",") || "");
+  }, y = ((d = e == null ? void 0 : e.split(",")) == null ? void 0 : d.map((n) => o(n) ?? "")) ?? [];
+  return t.jsx(t.Fragment, { children: t.jsxs(R, { sx: { width: 300 }, children: [t.jsx($, { size: "small", labelId: "demo-multiple-checkbox-label", id: "demo-multiple-checkbox", multiple: !0, value: y, onChange: c, renderValue: (n) => n.join(", "), error: !!a, children: l.map((n) => t.jsxs(K, { value: n.label, children: [t.jsx(U, { checked: y.find((s) => s === n.label) !== void 0 }), n.label] }, n.label)) }), a && t.jsx(_, { children: a })] }) });
+}, he = (e) => (a) => t.jsx(pe, { enumValues: e, ...a });
+N, N, he([
+  { label: u.DELAYED },
+  { label: u.PENDING },
+  { label: u.SENDING },
+  { label: u.SENT },
+  { label: u.FAILED },
+  { label: u.DISABLED }
+]), D, D, le, D;
+const fe = (e) => async ({ params: a }) => {
+  try {
+    if (!a.id)
+      throw new Error("No message id provided");
+    const r = await oe(a.id, e);
+    if (r.status !== 200)
+      throw new Error(`Failed to fetch message: ${r.data}`);
+    return r.data;
+  } catch (r) {
+    throw console.error(r), r;
+  }
+}, He = fe(), ye = (e) => async ({ request: a }) => {
+  try {
+    const r = new URL(a.url), i = k(
+      r.searchParams,
+      ["s", "mci", "ct", "lut", "fc", "mgi", "p", "md", "page", "size"]
+      // TODO: should sort be included?
+    ), l = await w(i, e);
+    if (l.status !== 200)
+      throw new Error(`Failed to fetch messages: ${l.data}`);
+    return J(l.data);
+  } catch (r) {
+    throw console.error(r), r;
+  }
+}, Pe = ye(), xe = [
+  {
+    key: "creationTime",
+    title: "Creation time",
+    CellComponent: ({ value: e }) => S(e),
+    minWidth: 250,
+    searchKey: "ct",
+    filterHelperText: "yyyy-MM-dd HH:mm:ss - ?yyyy-MM-dd HH:mm:ss",
+    filterValidator: F,
+    FilterComponent: g
+  },
+  {
+    key: "lastUpdatedTime",
+    title: "Last updated time",
+    CellComponent: ({ value: e }) => S(e),
+    minWidth: 250,
+    searchKey: "lut",
+    filterHelperText: "yyyy-MM-dd HH:mm:ss - ?yyyy-MM-dd HH:mm:ss",
+    filterValidator: F,
+    FilterComponent: g
+  },
+  {
+    key: "state",
+    title: "State",
+    minWidth: 130,
+    searchKey: "s",
+    filterHelperText: "e.g. SENT",
+    FilterComponent: ie([
+      { label: "DELAYED", value: "DELAYED" },
+      { label: "PENDING", value: "PENDING" },
+      { label: "SENDING", value: "SENDING" },
+      { label: "SENT", value: "SENT" },
+      { label: "FAILED", value: "FAILED" },
+      { label: "DISABLED", value: "DISABLED" }
+    ])
+  },
+  {
+    key: "messageChainId",
+    title: "Message Chain ID",
+    minWidth: 150,
+    searchKey: "mci",
+    filterHelperText: "e.g. 123",
+    filterValidator: b,
+    FilterComponent: g
+  },
+  {
+    key: "messageGroupId",
+    title: "Message Group ID",
+    minWidth: 150,
+    searchKey: "mgi",
+    filterHelperText: "e.g. 123",
+    filterValidator: b,
+    FilterComponent: g
+  },
+  {
+    key: "failCount",
+    title: "Fail count",
+    minWidth: 150,
+    searchKey: "fc",
+    filterHelperText: "number - ?number",
+    filterValidator: X,
+    FilterComponent: g
+  },
+  {
+    key: "priority",
+    title: "Priority",
+    minWidth: 150,
+    searchKey: "p",
+    filterHelperText: "e.g. 123",
+    filterValidator: b,
+    FilterComponent: g
+  },
+  {
+    key: "metadata",
+    title: "Metadata",
+    CellComponent: Z,
+    minWidth: 150,
+    searchKey: "md",
+    filterHelperText: "A=a, B=b",
+    FilterComponent: g
+  }
+], be = ({ id: e }) => e, De = (e) => ({
+  state: e.get("s") ?? "",
+  messageChainId: e.get("mci") ?? "",
+  creationTime: e.get("ct") ?? "",
+  lastUpdatedTime: e.get("lut") ?? "",
+  failCount: e.get("fc") ?? "",
+  messageGroupId: e.get("mgi") ?? "",
+  priority: e.get("p") ?? "",
+  metadata: e.get("md") ?? ""
+}), we = () => {
+  const e = H(), [a, r] = ee(), i = P();
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(te, { method: "get", children: [
+      /* @__PURE__ */ t.jsx(z, { sx: { height: "calc(100vh - 130px)" }, children: /* @__PURE__ */ t.jsx(
+        ae,
+        {
+          columns: xe,
+          rows: i.content,
+          getRowId: be,
+          onRowClick: (l) => e(`./${l.id}`, { relative: "path" }),
+          defaultFilter: De(a)
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx("input", { type: "submit", hidden: !0 })
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      re,
+      {
+        page: i.number,
+        rowsPerPage: i.size,
+        total: i.totalElements,
+        onPageChange: (l) => {
+          const o = new URLSearchParams(a);
+          o.set("page", String(l)), r(o);
+        }
+      }
+    )
+  ] });
+}, ke = () => {
+  const e = P(), a = H(), r = () => {
+    a(-1);
+  }, i = (l, o) => {
+  };
+  return e ? /* @__PURE__ */ t.jsx(
+    me,
+    {
+      message: e,
+      backAction: r,
+      downloadDataAction: i
+    }
+  ) : /* @__PURE__ */ t.jsx("div", { children: "Loading..." });
+};
+export {
+  we as M,
+  ke as S,
+  fe as a,
+  ye as g,
+  Pe as m,
+  He as s
+};
+//# sourceMappingURL=SingleMessageRoute-DaaWvgfS.js.map