@argusoft/medplat-product-management 1.0.0

package/dist/TransactionsPage-DDaK4VyY.js

@@ -0,0 +1,714 @@
+import { Q as e, a as t, n, r, t as i } from "./PmGuard-CjJBisaN.js";
+import { a as ee, o as te, r as ne, t as re } from "./PmTable-BuXZQZCU.js";
+import { n as a, r as o } from "./format-UOyOu75i.js";
+import { p as s, s as c } from "./constants-BrA_hfAI.js";
+import { useMemo as ie, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Alert as ae, Autocomplete as oe, Box as f, Button as p, Chip as m, FormControl as h, IconButton as g, InputLabel as _, MenuItem as v, Select as y, Skeleton as se, Stack as b, TableBody as ce, TableCell as x, TableHead as le, TableRow as S, TextField as C, Tooltip as w, Typography as T } from "@mui/material";
+import ue from "@mui/icons-material/RefreshRounded";
+import { showToast as E } from "@/common/toaster/toaster";
+import { alpha as D, useTheme as O } from "@mui/material/styles";
+import k from "@mui/icons-material/ShoppingCartRounded";
+import A from "@mui/icons-material/FactCheckRounded";
+import j from "@mui/icons-material/MoveDownRounded";
+import M from "@mui/icons-material/SwapHorizRounded";
+import N from "@mui/icons-material/PointOfSaleRounded";
+import P from "@mui/icons-material/VaccinesRounded";
+import F from "@mui/icons-material/PaymentsRounded";
+import de from "@mui/icons-material/ReceiptLongRounded";
+import I from "@mui/icons-material/LockOpenRounded";
+import fe from "@mui/icons-material/SearchRounded";
+import L from "@mui/icons-material/CheckCircleRounded";
+import R from "@mui/icons-material/CancelRounded";
+import pe from "@mui/icons-material/ChevronLeftRounded";
+import me from "@mui/icons-material/ChevronRightRounded";
+import z from "@mui/icons-material/CallMadeRounded";
+import B from "@mui/icons-material/CallReceivedRounded";
+import V from "@mui/icons-material/ReportRounded";
+import H from "@mui/icons-material/BlockRounded";
+import U from "@mui/icons-material/HourglassEmptyRounded";
+import he from "@mui/icons-material/PictureAsPdfRounded";
+import ge from "@mui/icons-material/InsertDriveFileRounded";
+import _e from "@/hooks/useDownloadPdf";
+import { useDownloadXlsx as ve } from "@/hooks/useDownloadXlsx";
+//#region src/views/TransactionsPage.jsx
+var W = {
+	RECEIPT: {
+		color: "success",
+		icon: B,
+		label: "Receipt"
+	},
+	VIAL_OPENED: {
+		color: "info",
+		icon: P,
+		label: "Vial opened"
+	},
+	ADMINISTRATION: {
+		color: "primary",
+		icon: P,
+		label: "Administration"
+	},
+	WASTAGE: {
+		color: "warning",
+		icon: V,
+		label: "Wastage"
+	},
+	EXPIRY: {
+		color: "warning",
+		icon: V,
+		label: "Expiry"
+	},
+	SALE: {
+		color: "success",
+		icon: N,
+		label: "Sale"
+	},
+	PAYMENT: {
+		color: "success",
+		icon: F,
+		label: "Payment"
+	},
+	QUARANTINE: {
+		color: "error",
+		icon: H,
+		label: "Quarantine"
+	},
+	RECALL: {
+		color: "error",
+		icon: H,
+		label: "Recall"
+	},
+	UNQUARANTINE: {
+		color: "info",
+		icon: I,
+		label: "Unquarantine"
+	},
+	TRANSFER_OUT: {
+		color: "default",
+		icon: z,
+		label: "Transfer out"
+	},
+	TRANSFER_IN: {
+		color: "default",
+		icon: M,
+		label: "Transfer in"
+	},
+	PICKUP_OUT: {
+		color: "default",
+		icon: j,
+		label: "Pickup — out"
+	},
+	PICKUP_IN: {
+		color: "default",
+		icon: j,
+		label: "Pickup — in"
+	},
+	TOPUP_OUT: {
+		color: "default",
+		icon: j,
+		label: "Top-up — out"
+	},
+	TOPUP_IN: {
+		color: "default",
+		icon: j,
+		label: "Top-up — in"
+	},
+	RETURN_OUT: {
+		color: "default",
+		icon: j,
+		label: "Return — out"
+	},
+	RETURN_IN: {
+		color: "default",
+		icon: j,
+		label: "Return — in"
+	},
+	PURCHASE_REQUEST_SUBMITTED: {
+		color: "info",
+		icon: U,
+		label: "Request submitted"
+	},
+	PURCHASE_REQUEST_APPROVED: {
+		color: "success",
+		icon: L,
+		label: "Request approved"
+	},
+	PURCHASE_REQUEST_PARTIAL: {
+		color: "warning",
+		icon: A,
+		label: "Request partial"
+	},
+	PURCHASE_REQUEST_REJECTED: {
+		color: "error",
+		icon: R,
+		label: "Request rejected"
+	},
+	PURCHASE_REQUEST_CANCELLED: {
+		color: "default",
+		icon: R,
+		label: "Request cancelled"
+	}
+};
+function ye({ type: e }) {
+	let t = W[e] || {
+		color: "default",
+		icon: k,
+		label: e
+	}, n = t.icon;
+	return /* @__PURE__ */ u(m, {
+		size: "small",
+		color: t.color,
+		icon: /* @__PURE__ */ u(n, { sx: { fontSize: "1rem !important" } }),
+		label: t.label,
+		sx: {
+			fontWeight: 700,
+			height: 24,
+			borderRadius: 1.5,
+			"& .MuiChip-icon": {
+				ml: .75,
+				mr: -.25
+			}
+		}
+	});
+}
+function be({ status: e }) {
+	let t = e === "COMPLETED" ? "success" : e === "FAILED" ? "error" : "warning";
+	return /* @__PURE__ */ u(m, {
+		size: "small",
+		label: s(c, e),
+		color: t,
+		variant: "outlined",
+		sx: {
+			fontWeight: 700,
+			height: 22,
+			borderRadius: 1.5,
+			fontSize: "0.7rem"
+		}
+	});
+}
+var G = Object.keys(W).map((e) => ({
+	value: e,
+	label: W[e].label
+}));
+function K() {
+	let s = O(), c = _e(), m = ve(), [k, A] = l([]), [j, M] = l(0), [N, P] = l(0), [F, I] = l(50), [L, R] = l(!0), [z, B] = l(""), [V, H] = l({
+		dateFrom: "",
+		dateTo: "",
+		types: [],
+		search: "",
+		ownerType: ""
+	});
+	async function U(t = N, n = F, r = V) {
+		R(!0), B("");
+		try {
+			let i = await e({
+				page: t,
+				size: n,
+				dateFrom: r.dateFrom ? new Date(r.dateFrom).toISOString() : void 0,
+				dateTo: r.dateTo ? (/* @__PURE__ */ new Date(`${r.dateTo}T23:59:59`)).toISOString() : void 0,
+				types: r.types.length > 0 ? r.types : void 0,
+				ownerType: r.ownerType || void 0,
+				search: r.search?.trim() || void 0
+			});
+			A(i.content ?? []), M(i.totalElements ?? 0), P(i.page ?? 0), I(i.size ?? n);
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load ledger";
+			B(t), E({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			R(!1);
+		}
+	}
+	r("view.manage.productManagement.ledger", () => {
+		U(0, F, V);
+	}, []);
+	let K = j === 0 ? 0 : N * F + 1, q = N * F + k.length, J = F > 0 ? Math.ceil(j / F) : 0;
+	function Y(e) {
+		H(e), U(0, F, e);
+	}
+	function xe() {
+		let e = {
+			dateFrom: "",
+			dateTo: "",
+			types: [],
+			search: "",
+			ownerType: ""
+		};
+		H(e), U(0, F, e);
+	}
+	let X = [
+		"Time",
+		"Type",
+		"Owner",
+		"Product",
+		"Vaccine",
+		"Lot",
+		"Qty",
+		"Volume",
+		"Money",
+		"Notes"
+	], Z = [
+		"time",
+		"type",
+		"owner",
+		"product",
+		"vaccine",
+		"lot",
+		"qty",
+		"volume",
+		"money",
+		"notes"
+	], Q = ie(() => k.map((e) => ({
+		time: e.transactionTime ? a(e.transactionTime) : "",
+		type: W[e.transactionType]?.label ?? e.transactionType ?? "",
+		owner: `${e.ownerName ?? (e.ownerType === "USER" ? "Personal" : "Facility")} (${e.ownerType ?? "—"})`,
+		product: e.productName ?? "",
+		vaccine: e.vaccineCode ?? "",
+		lot: e.lotNumber ?? "",
+		qty: e.quantity ?? "",
+		volume: e.volumeMl == null ? "" : `${o(e.volumeMl)} ml`,
+		money: e.monetaryAmount == null ? "" : o(e.monetaryAmount),
+		notes: e.notes ?? ""
+	})), [k]);
+	function $(e) {
+		return `pm-ledger-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:T]/g, "-").slice(0, 16)}.${e}`;
+	}
+	function Se() {
+		if (Q.length === 0) {
+			E({
+				message: "Nothing to export on this page.",
+				type: "info"
+			});
+			return;
+		}
+		c({
+			title: "PM Stock Ledger",
+			columns: X,
+			keys: Z,
+			data: Q,
+			fileName: $("pdf"),
+			headerText: "Product Management — Stock Ledger",
+			footerText: "Generated by MEDplat PM",
+			orientation: "landscape"
+		});
+	}
+	function Ce() {
+		if (Q.length === 0) {
+			E({
+				message: "Nothing to export on this page.",
+				type: "info"
+			});
+			return;
+		}
+		m({
+			columns: X,
+			keys: Z,
+			data: Q,
+			filename: $("xlsx")
+		});
+	}
+	return /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(n, {}), /* @__PURE__ */ u(i, {
+		perm: "view.manage.productManagement.ledger",
+		children: /* @__PURE__ */ d(t, {
+			title: "Stock Ledger",
+			subtitle: "Complete record of all stock and money movements. Balances always match this ledger.",
+			actions: /* @__PURE__ */ d(b, {
+				direction: "row",
+				spacing: 1,
+				children: [
+					/* @__PURE__ */ u(p, {
+						variant: "outlined",
+						startIcon: /* @__PURE__ */ u(he, {}),
+						onClick: Se,
+						disabled: L || k.length === 0,
+						children: "PDF"
+					}),
+					/* @__PURE__ */ u(p, {
+						variant: "outlined",
+						startIcon: /* @__PURE__ */ u(ge, {}),
+						onClick: Ce,
+						disabled: L || k.length === 0,
+						children: "Excel"
+					}),
+					/* @__PURE__ */ u(p, {
+						variant: "outlined",
+						startIcon: /* @__PURE__ */ u(ue, {}),
+						onClick: () => void U(0, F, V),
+						children: "Refresh"
+					})
+				]
+			}),
+			children: [
+				z ? /* @__PURE__ */ u(ae, {
+					severity: "error",
+					sx: { mb: 2 },
+					children: z
+				}) : null,
+				/* @__PURE__ */ u(f, {
+					sx: {
+						mb: 2,
+						p: 2,
+						borderRadius: 3,
+						border: "1px solid",
+						borderColor: "divider"
+					},
+					children: /* @__PURE__ */ d(b, {
+						direction: {
+							xs: "column",
+							md: "row"
+						},
+						spacing: 1.5,
+						alignItems: { md: "center" },
+						children: [
+							/* @__PURE__ */ u(C, {
+								size: "small",
+								type: "date",
+								label: "From",
+								InputLabelProps: { shrink: !0 },
+								value: V.dateFrom,
+								onChange: (e) => H((t) => ({
+									...t,
+									dateFrom: e.target.value
+								})),
+								sx: { minWidth: 160 }
+							}),
+							/* @__PURE__ */ u(C, {
+								size: "small",
+								type: "date",
+								label: "To",
+								InputLabelProps: { shrink: !0 },
+								value: V.dateTo,
+								onChange: (e) => H((t) => ({
+									...t,
+									dateTo: e.target.value
+								})),
+								sx: { minWidth: 160 }
+							}),
+							/* @__PURE__ */ u(oe, {
+								size: "small",
+								multiple: !0,
+								disableCloseOnSelect: !0,
+								options: G,
+								getOptionLabel: (e) => e.label,
+								isOptionEqualToValue: (e, t) => e.value === t.value,
+								value: G.filter((e) => V.types.includes(e.value)),
+								onChange: (e, t) => H((e) => ({
+									...e,
+									types: t.map((e) => e.value)
+								})),
+								renderInput: (e) => /* @__PURE__ */ u(C, {
+									...e,
+									label: "Types",
+									placeholder: "Any"
+								}),
+								sx: {
+									minWidth: 240,
+									flexGrow: 1
+								}
+							}),
+							/* @__PURE__ */ d(h, {
+								size: "small",
+								sx: { minWidth: 140 },
+								children: [/* @__PURE__ */ u(_, { children: "Owner" }), /* @__PURE__ */ d(y, {
+									label: "Owner",
+									value: V.ownerType,
+									onChange: (e) => H((t) => ({
+										...t,
+										ownerType: e.target.value
+									})),
+									children: [
+										/* @__PURE__ */ u(v, {
+											value: "",
+											children: "Any"
+										}),
+										/* @__PURE__ */ u(v, {
+											value: "FACILITY",
+											children: "Facility"
+										}),
+										/* @__PURE__ */ u(v, {
+											value: "USER",
+											children: "Personal"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ u(C, {
+								size: "small",
+								label: "Search",
+								placeholder: "Lot, vaccine code, notes…",
+								value: V.search,
+								onChange: (e) => H((t) => ({
+									...t,
+									search: e.target.value
+								})),
+								onKeyDown: (e) => {
+									e.key === "Enter" && Y(V);
+								},
+								sx: {
+									minWidth: 220,
+									flexGrow: 1
+								},
+								InputProps: { startAdornment: /* @__PURE__ */ u(fe, {
+									fontSize: "small",
+									sx: {
+										color: "text.secondary",
+										mr: 1
+									}
+								}) }
+							}),
+							/* @__PURE__ */ u(p, {
+								variant: "contained",
+								onClick: () => Y(V),
+								disabled: L,
+								children: "Apply"
+							}),
+							/* @__PURE__ */ u(p, {
+								variant: "text",
+								onClick: xe,
+								disabled: L,
+								children: "Clear"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ u(te, {
+					eyebrow: "Audit feed",
+					title: "Transactions",
+					subtitle: L ? "Loading…" : j === 0 ? "No transactions in this window" : `Showing ${K}–${q} of ${j} · page ${N + 1} of ${J}`,
+					actions: /* @__PURE__ */ d(b, {
+						direction: "row",
+						spacing: .5,
+						alignItems: "center",
+						children: [
+							/* @__PURE__ */ d(h, {
+								size: "small",
+								variant: "outlined",
+								sx: {
+									minWidth: 88,
+									mr: 1
+								},
+								children: [/* @__PURE__ */ u(_, { children: "Size" }), /* @__PURE__ */ u(y, {
+									label: "Size",
+									value: F,
+									onChange: (e) => {
+										let t = Number(e.target.value);
+										I(t), U(0, t, V);
+									},
+									children: [
+										25,
+										50,
+										100,
+										200
+									].map((e) => /* @__PURE__ */ u(v, {
+										value: e,
+										children: e
+									}, e))
+								})]
+							}),
+							/* @__PURE__ */ u(w, {
+								title: "Previous page",
+								children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(g, {
+									size: "small",
+									disabled: N === 0 || L,
+									onClick: () => void U(N - 1, F, V),
+									sx: {
+										border: "1px solid",
+										borderColor: "divider"
+									},
+									children: /* @__PURE__ */ u(pe, { fontSize: "small" })
+								}) })
+							}),
+							/* @__PURE__ */ u(f, {
+								sx: {
+									px: 1,
+									minWidth: 64,
+									textAlign: "center"
+								},
+								children: /* @__PURE__ */ u(T, {
+									variant: "caption",
+									sx: {
+										fontWeight: 800,
+										color: "text.secondary",
+										fontVariantNumeric: "tabular-nums"
+									},
+									children: j === 0 ? "—" : `${K}–${q}`
+								})
+							}),
+							/* @__PURE__ */ u(w, {
+								title: "Next page",
+								children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(g, {
+									size: "small",
+									disabled: N + 1 >= J || L,
+									onClick: () => void U(N + 1, F, V),
+									sx: {
+										border: "1px solid",
+										borderColor: "divider"
+									},
+									children: /* @__PURE__ */ u(me, { fontSize: "small" })
+								}) })
+							})
+						]
+					}),
+					children: /* @__PURE__ */ d(ee, {
+						dense: !0,
+						children: [/* @__PURE__ */ u(le, { children: /* @__PURE__ */ d(S, { children: [
+							/* @__PURE__ */ u(x, { children: "Time" }),
+							/* @__PURE__ */ u(x, { children: "Type" }),
+							/* @__PURE__ */ u(x, { children: "Owner" }),
+							/* @__PURE__ */ u(x, { children: "Product · Lot" }),
+							/* @__PURE__ */ u(x, {
+								align: "right",
+								children: "Qty"
+							}),
+							/* @__PURE__ */ u(x, {
+								align: "right",
+								children: "Volume"
+							}),
+							/* @__PURE__ */ u(x, {
+								align: "right",
+								children: "Money"
+							}),
+							/* @__PURE__ */ u(x, { children: "Sync" }),
+							/* @__PURE__ */ u(x, { children: "Notes" })
+						] }) }), /* @__PURE__ */ u(ce, { children: L ? Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ u(S, { children: Array.from({ length: 9 }).map((e, t) => /* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(se, { height: 22 }) }, t)) }, t)) : k.length === 0 ? /* @__PURE__ */ u(re, {
+							colSpan: 9,
+							icon: de,
+							title: "No transactions in this window",
+							hint: "Record a purchase, sale, vial open, or payment. Every stock and money movement lands here."
+						}) : k.map((e) => /* @__PURE__ */ d(S, {
+							hover: !0,
+							children: [
+								/* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(T, {
+									variant: "body2",
+									sx: {
+										fontWeight: 700,
+										lineHeight: 1.2
+									},
+									children: a(e.transactionTime)
+								}) }),
+								/* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(ye, { type: e.transactionType }) }),
+								/* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(T, {
+									variant: "body2",
+									sx: { fontWeight: 700 },
+									children: e.ownerName || (e.ownerType === "USER" ? "Personal" : "Facility")
+								}), /* @__PURE__ */ u(T, {
+									variant: "caption",
+									color: "text.secondary",
+									children: e.ownerType
+								})] }),
+								/* @__PURE__ */ u(x, { children: /* @__PURE__ */ d(b, {
+									direction: "row",
+									alignItems: "baseline",
+									spacing: 1,
+									sx: { minWidth: 0 },
+									children: [
+										/* @__PURE__ */ u(T, {
+											variant: "body2",
+											sx: {
+												fontWeight: 700,
+												lineHeight: 1.2
+											},
+											noWrap: !0,
+											children: e.productName || "—"
+										}),
+										e.vaccineCode ? /* @__PURE__ */ u(f, {
+											component: "span",
+											sx: {
+												px: .6,
+												py: .05,
+												borderRadius: 1,
+												bgcolor: D(s.palette.info.main, .1),
+												color: "info.dark",
+												fontFamily: "monospace",
+												fontSize: "0.65rem",
+												fontWeight: 700
+											},
+											children: e.vaccineCode
+										}) : null,
+										e.lotNumber ? /* @__PURE__ */ u(f, {
+											component: "span",
+											sx: {
+												display: "inline-flex",
+												px: .7,
+												py: .1,
+												borderRadius: 1,
+												bgcolor: D(s.palette.primary.main, .06),
+												color: "primary.dark",
+												fontFamily: "monospace",
+												fontSize: "0.7rem",
+												fontWeight: 700
+											},
+											children: e.lotNumber
+										}) : null
+									]
+								}) }),
+								/* @__PURE__ */ u(x, {
+									align: "right",
+									children: e.quantity == null ? /* @__PURE__ */ u(T, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) : /* @__PURE__ */ u(T, {
+										variant: "body2",
+										sx: {
+											fontWeight: 700,
+											fontVariantNumeric: "tabular-nums"
+										},
+										children: e.quantity
+									})
+								}),
+								/* @__PURE__ */ u(x, {
+									align: "right",
+									children: e.volumeMl == null ? /* @__PURE__ */ u(T, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) : /* @__PURE__ */ d(T, {
+										variant: "body2",
+										sx: {
+											fontWeight: 700,
+											fontVariantNumeric: "tabular-nums"
+										},
+										children: [o(e.volumeMl), " ml"]
+									})
+								}),
+								/* @__PURE__ */ u(x, {
+									align: "right",
+									children: /* @__PURE__ */ u(ne, { value: e.monetaryAmount })
+								}),
+								/* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(be, { status: e.syncStatus }) }),
+								/* @__PURE__ */ u(x, {
+									sx: { maxWidth: 240 },
+									children: e.notes ? /* @__PURE__ */ u(w, {
+										title: e.notes,
+										children: /* @__PURE__ */ u(T, {
+											variant: "caption",
+											color: "text.secondary",
+											sx: {
+												display: "block",
+												overflow: "hidden",
+												textOverflow: "ellipsis",
+												whiteSpace: "nowrap"
+											},
+											children: e.notes
+										})
+									}) : /* @__PURE__ */ u(T, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									})
+								})
+							]
+						}, e.id)) })]
+					})
+				})
+			]
+		})
+	})] });
+}
+//#endregion
+export { K as default };
+
+//# sourceMappingURL=TransactionsPage-DDaK4VyY.js.map