@argusoft/medplat-product-management 1.0.4 → 1.0.6

package/dist/InventoryPage-_VWlqD2e.js

@@ -0,0 +1,686 @@
+import { E as e, U as t, X as n, nt as ee } from "./settingsStore-GLCtI-tv.js";
+import { a as te, c as ne, o as r, s as re, t as ie } from "./PmTable-BMFiuHdG.js";
+import { a as i, m as a, p as ae, t as o } from "./constants-CdzV0PxZ.js";
+import { a as oe, i as s, t as se } from "./format-UOyOu75i.js";
+import { m as c } from "./validation-BkUPqrdA.js";
+import { a as ce, i as le, n as ue, r as de, t as fe } from "./PmGuard-DrbbysnW.js";
+import { useMemo as pe, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Alert as me, Box as f, Button as p, Chip as m, Dialog as h, DialogActions as g, DialogContent as _, DialogTitle as v, FormControl as he, InputAdornment as ge, InputLabel as _e, LinearProgress as ve, MenuItem as y, Select as ye, Skeleton as be, Stack as b, TableBody as xe, TableCell as x, TableHead as Se, TableRow as S, TextField as C, Tooltip as Ce, Typography as w } from "@mui/material";
+import { showToast as T } from "@/common/toaster/toaster";
+import { alpha as we, useTheme as Te } from "@mui/material/styles";
+import { v4 as E } from "uuid";
+import Ee from "@mui/icons-material/RefreshRounded";
+import De from "@mui/icons-material/WidgetsRounded";
+import Oe from "@mui/icons-material/LockRounded";
+import ke from "@mui/icons-material/LockOpenRounded";
+import Ae from "@mui/icons-material/ReportRounded";
+import je from "@mui/icons-material/SearchRounded";
+//#region src/views/InventoryPage.jsx
+function D(e) {
+	return e ? e.status === "EXPIRED" || s(e.expiryDate) : !1;
+}
+function O() {
+	let s = le().has("update.manage.productManagement.inventory"), [O, Me] = l([]), [Ne, Pe] = l(!1), [k, A] = l(""), [j, M] = l({
+		open: !1,
+		batch: null,
+		reason: "OTHER",
+		notes: ""
+	}), [N, P] = l({
+		open: !1,
+		batch: null,
+		qty: 1,
+		reason: "DAMAGED",
+		comments: ""
+	}), [F, I] = l(!1), Fe = Te(), [L, R] = l(""), [z, B] = l("ALL"), [V, H] = l(!1), [U, W] = l(!1), [G, K] = l(!1);
+	async function q() {
+		Pe(!0), A("");
+		try {
+			Me(await e());
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load inventory";
+			A(t), T({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			Pe(!1);
+		}
+	}
+	de("view.manage.productManagement.inventory", () => {
+		q();
+	}, []);
+	let J = pe(() => {
+		let e = L.trim().toLowerCase();
+		return O.filter((t) => !(e && !`${t.productName ?? ""} ${t.lotNumber ?? ""}`.toLowerCase().includes(e) || z !== "ALL" && t.status !== z || V && D(t) || U && !(Number(t.qtyRemaining ?? 0) > 0) || G && !(Number(t.wastedQty ?? 0) > 0)));
+	}, [
+		O,
+		L,
+		z,
+		V,
+		U,
+		G
+	]), Y = L.trim() !== "" || z !== "ALL" || V || U || G;
+	function X() {
+		R(""), B("ALL"), H(!1), W(!1), K(!1);
+	}
+	function Ie(e) {
+		P({
+			open: !0,
+			batch: e,
+			qty: e.qtyRemaining ?? 1,
+			reason: "DAMAGED",
+			comments: ""
+		});
+	}
+	let Z = Number(N.qty), Q = Number(N.batch?.qtyRemaining ?? 0), $ = !Number.isInteger(Z) || Z <= 0 ? "Enter a whole number greater than 0." : Z > Q ? `Only ${Q} available to waste.` : "", Le = !$ && !!N.reason;
+	async function Re() {
+		if (!(!N.batch || !Le)) {
+			I(!0);
+			try {
+				await ee({
+					id: E(),
+					batchId: N.batch.id,
+					wastedQty: Z,
+					reason: N.reason,
+					comments: N.comments || null
+				}), T({
+					message: "Wastage recorded.",
+					type: "success"
+				}), P({
+					open: !1,
+					batch: null,
+					qty: 1,
+					reason: "DAMAGED",
+					comments: ""
+				}), await q();
+			} catch (e) {
+				T({
+					message: e?.response?.data?.message ?? e?.message ?? "Failed to record wastage",
+					type: "error"
+				});
+			} finally {
+				I(!1);
+			}
+		}
+	}
+	async function ze() {
+		try {
+			await t({
+				id: E(),
+				batchId: j.batch.id,
+				reason: j.reason,
+				notes: j.notes || null
+			}), T({
+				message: "Batch quarantined.",
+				type: "success"
+			}), M({
+				open: !1,
+				batch: null,
+				reason: "OTHER",
+				notes: ""
+			}), await q();
+		} catch (e) {
+			T({
+				message: e?.response?.data?.message ?? e?.message ?? "Failed to quarantine",
+				type: "error"
+			});
+		}
+	}
+	async function Be(e) {
+		try {
+			await n({
+				id: E(),
+				batchId: e.id
+			}), T({
+				message: "Quarantine lifted.",
+				type: "success"
+			}), await q();
+		} catch (e) {
+			T({
+				message: e?.response?.data?.message ?? e?.message ?? "Failed to unquarantine",
+				type: "error"
+			});
+		}
+	}
+	return /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(ue, {}), /* @__PURE__ */ d(fe, {
+		perm: "view.manage.productManagement.inventory",
+		children: [
+			/* @__PURE__ */ d(ce, {
+				title: "Inventory",
+				subtitle: "Your stock batches. Click to see history or quarantine items if there's a problem.",
+				chips: ["Stock"],
+				actions: /* @__PURE__ */ u(b, {
+					direction: "row",
+					spacing: 1,
+					children: /* @__PURE__ */ u(p, {
+						variant: "outlined",
+						startIcon: /* @__PURE__ */ u(Ee, {}),
+						onClick: () => void q(),
+						children: "Refresh"
+					})
+				}),
+				children: [k ? /* @__PURE__ */ u(me, {
+					severity: "error",
+					sx: { mb: 2 },
+					children: k
+				}) : null, /* @__PURE__ */ d(ne, {
+					eyebrow: "Stock on hand",
+					title: "Inventory batches",
+					subtitle: Ne ? "Loading…" : Y ? `${J.length} of ${O.length} ${O.length === 1 ? "batch" : "batches"} match` : `${O.length} ${O.length === 1 ? "batch" : "batches"} visible`,
+					children: [/* @__PURE__ */ d(b, {
+						direction: {
+							xs: "column",
+							md: "row"
+						},
+						spacing: 1.5,
+						sx: { mb: 2 },
+						alignItems: { md: "center" },
+						children: [
+							/* @__PURE__ */ u(C, {
+								size: "small",
+								fullWidth: !0,
+								placeholder: "Search product or lot…",
+								value: L,
+								onChange: (e) => R(e.target.value),
+								InputProps: { startAdornment: /* @__PURE__ */ u(ge, {
+									position: "start",
+									children: /* @__PURE__ */ u(je, { fontSize: "small" })
+								}) },
+								sx: { maxWidth: { md: 360 } }
+							}),
+							/* @__PURE__ */ d(he, {
+								size: "small",
+								sx: { minWidth: 160 },
+								children: [/* @__PURE__ */ u(_e, { children: "Status" }), /* @__PURE__ */ d(ye, {
+									label: "Status",
+									value: z,
+									onChange: (e) => {
+										let t = e.target.value;
+										B(t), t === "EXPIRED" && H(!1), t === "EXHAUSTED" && W(!1);
+									},
+									children: [/* @__PURE__ */ u(y, {
+										value: "ALL",
+										children: "All statuses"
+									}), o.map((e) => {
+										let t = e.value === "EXPIRED" && V || e.value === "EXHAUSTED" && U;
+										return /* @__PURE__ */ d(y, {
+											value: e.value,
+											disabled: t,
+											children: [e.label, t ? /* @__PURE__ */ u(w, {
+												component: "span",
+												variant: "caption",
+												color: "text.disabled",
+												sx: { ml: 1 },
+												children: "(clear chip first)"
+											}) : null]
+										}, e.value);
+									})]
+								})]
+							}),
+							/* @__PURE__ */ d(b, {
+								direction: "row",
+								spacing: 1,
+								useFlexGap: !0,
+								flexWrap: "wrap",
+								children: [
+									/* @__PURE__ */ u(m, {
+										label: "Not yet expired",
+										size: "small",
+										disabled: z === "EXPIRED",
+										onClick: () => {
+											H((e) => {
+												let t = !e;
+												return t && z === "EXPIRED" && B("ALL"), t;
+											});
+										},
+										color: V ? "primary" : "default",
+										variant: V ? "filled" : "outlined",
+										sx: {
+											fontWeight: 700,
+											borderRadius: 1.5
+										}
+									}),
+									/* @__PURE__ */ u(m, {
+										label: "Stock still left",
+										size: "small",
+										disabled: z === "EXHAUSTED",
+										onClick: () => {
+											W((e) => {
+												let t = !e;
+												return t && z === "EXHAUSTED" && B("ALL"), t;
+											});
+										},
+										color: U ? "primary" : "default",
+										variant: U ? "filled" : "outlined",
+										sx: {
+											fontWeight: 700,
+											borderRadius: 1.5
+										}
+									}),
+									/* @__PURE__ */ u(m, {
+										label: "Has wastage",
+										size: "small",
+										onClick: () => K((e) => !e),
+										color: G ? "primary" : "default",
+										variant: G ? "filled" : "outlined",
+										sx: {
+											fontWeight: 700,
+											borderRadius: 1.5
+										}
+									})
+								]
+							}),
+							/* @__PURE__ */ u(f, { sx: { flexGrow: 1 } }),
+							/* @__PURE__ */ u(p, {
+								variant: "text",
+								onClick: X,
+								disabled: !Y,
+								children: "Clear"
+							})
+						]
+					}), /* @__PURE__ */ d(re, {
+						dense: !0,
+						children: [/* @__PURE__ */ u(Se, { children: /* @__PURE__ */ d(S, { children: [
+							/* @__PURE__ */ u(x, { children: "Product" }),
+							/* @__PURE__ */ u(x, { children: "Lot" }),
+							/* @__PURE__ */ u(x, { children: "Owner" }),
+							/* @__PURE__ */ u(x, { children: "Expiry" }),
+							/* @__PURE__ */ u(x, {
+								align: "right",
+								children: "Stock"
+							}),
+							/* @__PURE__ */ u(x, { children: "Storage" }),
+							/* @__PURE__ */ u(x, { children: "Status" }),
+							/* @__PURE__ */ u(x, {
+								align: "right",
+								children: "Action"
+							})
+						] }) }), /* @__PURE__ */ u(xe, { children: Ne ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ u(S, { children: Array.from({ length: 8 }).map((e, t) => /* @__PURE__ */ u(x, { children: /* @__PURE__ */ u(be, { height: 22 }) }, t)) }, t)) : J.length === 0 ? /* @__PURE__ */ u(ie, {
+							colSpan: 8,
+							icon: De,
+							title: Y ? "No batches match your filters" : "No batches in stock",
+							hint: Y ? "Adjust your search or filters." : "Record a purchase to add stock.",
+							action: Y ? /* @__PURE__ */ u(p, {
+								variant: "text",
+								size: "small",
+								onClick: X,
+								children: "Clear filters"
+							}) : null
+						}) : J.map((e) => {
+							let t = D(e), n = e.qtyPurchased > 0 ? e.qtyRemaining / e.qtyPurchased : 0;
+							return /* @__PURE__ */ d(S, {
+								hover: !0,
+								children: [
+									/* @__PURE__ */ u(x, { children: /* @__PURE__ */ d(b, {
+										direction: "row",
+										alignItems: "baseline",
+										spacing: 1,
+										sx: { minWidth: 0 },
+										children: [/* @__PURE__ */ u(w, {
+											variant: "body2",
+											sx: {
+												fontWeight: 700,
+												lineHeight: 1.2
+											},
+											children: e.productName
+										}), /* @__PURE__ */ u(te, { id: e.serialId })]
+									}) }),
+									/* @__PURE__ */ u(x, { children: e.lotNumber ? /* @__PURE__ */ u(f, {
+										component: "span",
+										sx: {
+											display: "inline-flex",
+											px: .7,
+											py: .1,
+											borderRadius: 1,
+											bgcolor: we(Fe.palette.primary.main, .06),
+											color: "primary.dark",
+											fontFamily: "monospace",
+											fontSize: "0.72rem",
+											fontWeight: 700
+										},
+										children: e.lotNumber
+									}) : /* @__PURE__ */ u(w, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) }),
+									/* @__PURE__ */ d(x, { children: [/* @__PURE__ */ u(w, {
+										variant: "body2",
+										sx: { fontWeight: 700 },
+										children: e.ownerName || (e.ownerType === "USER" ? "Personal" : "Facility")
+									}), /* @__PURE__ */ u(w, {
+										variant: "caption",
+										color: "text.secondary",
+										children: e.ownerType
+									})] }),
+									/* @__PURE__ */ u(x, { children: e.expiryDate ? /* @__PURE__ */ u(Ce, {
+										title: t ? "Past printed expiry" : "",
+										children: /* @__PURE__ */ u(w, {
+											variant: "body2",
+											sx: {
+												fontWeight: 700,
+												fontVariantNumeric: "tabular-nums",
+												color: t ? "error.dark" : "text.primary"
+											},
+											children: se(e.expiryDate)
+										})
+									}) : /* @__PURE__ */ u(w, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) }),
+									/* @__PURE__ */ u(x, {
+										align: "right",
+										sx: { minWidth: 150 },
+										children: /* @__PURE__ */ d(b, {
+											alignItems: "flex-end",
+											spacing: .5,
+											children: [
+												/* @__PURE__ */ d(w, {
+													variant: "body2",
+													sx: {
+														fontWeight: 800,
+														fontVariantNumeric: "tabular-nums"
+													},
+													children: [e.qtyRemaining, /* @__PURE__ */ d(w, {
+														component: "span",
+														variant: "caption",
+														color: "text.secondary",
+														sx: {
+															ml: .5,
+															fontVariantNumeric: "tabular-nums"
+														},
+														children: ["/ ", e.qtyPurchased]
+													})]
+												}),
+												/* @__PURE__ */ u(f, {
+													sx: { width: 80 },
+													children: /* @__PURE__ */ u(ve, {
+														variant: "determinate",
+														value: Math.min(100, Math.max(0, n * 100)),
+														sx: {
+															height: 4,
+															borderRadius: 2
+														},
+														color: n < .25 ? "warning" : "primary"
+													})
+												}),
+												Number(e.wastedQty ?? 0) > 0 ? /* @__PURE__ */ d(w, {
+													variant: "caption",
+													sx: {
+														color: "warning.dark",
+														fontWeight: 700
+													},
+													children: [e.wastedQty, " wasted"]
+												}) : null
+											]
+										})
+									}),
+									/* @__PURE__ */ u(x, { children: e.storageUnitName ? /* @__PURE__ */ u(w, {
+										variant: "caption",
+										sx: { fontWeight: 700 },
+										children: e.storageUnitName
+									}) : /* @__PURE__ */ u(w, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) }),
+									/* @__PURE__ */ u(x, { children: /* @__PURE__ */ d(b, {
+										direction: "row",
+										spacing: .5,
+										flexWrap: "wrap",
+										useFlexGap: !0,
+										children: [
+											/* @__PURE__ */ u(m, {
+												size: "small",
+												color: oe(e.status),
+												label: a(o, e.status),
+												sx: {
+													fontWeight: 700,
+													borderRadius: 1.5,
+													height: 22
+												}
+											}),
+											e.isQuarantined ? /* @__PURE__ */ u(m, {
+												size: "small",
+												color: "error",
+												label: a(i, e.quarantineReason) || "Quarantined",
+												sx: {
+													fontWeight: 700,
+													borderRadius: 1.5,
+													height: 22
+												}
+											}) : null,
+											t && e.status !== "EXPIRED" ? /* @__PURE__ */ u(m, {
+												size: "small",
+												color: "warning",
+												label: "Expired",
+												sx: {
+													fontWeight: 700,
+													borderRadius: 1.5,
+													height: 22
+												}
+											}) : null,
+											e.sourceType ? /* @__PURE__ */ u(m, {
+												size: "small",
+												variant: "outlined",
+												color: e.sourceType === "PICKUP" ? "info" : e.sourceType === "TRANSFER_IN" ? "primary" : "default",
+												label: e.sourceType === "TRANSFER_IN" ? "Transfer" : e.sourceType === "PICKUP" ? "Pickup" : e.sourceType === "PURCHASE" ? "Purchase" : e.sourceType,
+												sx: {
+													fontWeight: 700,
+													borderRadius: 1.5,
+													height: 22
+												}
+											}) : null
+										]
+									}) }),
+									/* @__PURE__ */ u(x, {
+										align: "right",
+										children: s ? e.isQuarantined ? /* @__PURE__ */ u(p, {
+											size: "small",
+											variant: "outlined",
+											color: "success",
+											startIcon: /* @__PURE__ */ u(ke, {}),
+											onClick: () => void Be(e),
+											children: "Unquarantine"
+										}) : /* @__PURE__ */ d(b, {
+											direction: "row",
+											spacing: 1,
+											justifyContent: "flex-end",
+											children: [t || e.status === "EXHAUSTED" || e.status === "IN_USE" || e.canBeQuarantined === !1 ? null : /* @__PURE__ */ u(p, {
+												size: "small",
+												variant: "outlined",
+												color: "error",
+												startIcon: /* @__PURE__ */ u(Oe, {}),
+												onClick: () => M({
+													open: !0,
+													batch: e,
+													reason: "OTHER",
+													notes: ""
+												}),
+												children: "Quarantine"
+											}), Number(e.qtyRemaining ?? 0) > 0 ? /* @__PURE__ */ u(p, {
+												size: "small",
+												variant: "outlined",
+												color: "warning",
+												startIcon: /* @__PURE__ */ u(Ae, {}),
+												onClick: () => Ie(e),
+												children: "Waste"
+											}) : null]
+										}) : null
+									})
+								]
+							}, e.id);
+						}) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ d(h, {
+				open: j.open,
+				onClose: () => M({
+					...j,
+					open: !1
+				}),
+				fullWidth: !0,
+				maxWidth: "sm",
+				children: [
+					/* @__PURE__ */ u(v, { children: "Quarantine Batch" }),
+					/* @__PURE__ */ u(_, {
+						dividers: !0,
+						children: /* @__PURE__ */ d(b, {
+							spacing: 2,
+							sx: { pt: 1 },
+							children: [
+								/* @__PURE__ */ d(w, {
+									variant: "body2",
+									children: [
+										"Product: ",
+										/* @__PURE__ */ u("strong", { children: j.batch?.productName }),
+										/* @__PURE__ */ u("br", {}),
+										"Lot: ",
+										/* @__PURE__ */ u("strong", { children: j.batch?.lotNumber || "—" }),
+										/* @__PURE__ */ u("br", {}),
+										"Remaining: ",
+										/* @__PURE__ */ u("strong", { children: j.batch?.qtyRemaining })
+									]
+								}),
+								/* @__PURE__ */ u(r, {
+									label: "Reason",
+									required: !0,
+									value: j.reason,
+									onChange: (e) => M({
+										...j,
+										reason: e
+									}),
+									options: i,
+									error: !!c(j.reason, "Reason"),
+									helperText: c(j.reason, "Reason") || ""
+								}),
+								/* @__PURE__ */ u(C, {
+									label: "Notes",
+									size: "small",
+									multiline: !0,
+									minRows: 2,
+									fullWidth: !0,
+									value: j.notes,
+									onChange: (e) => M({
+										...j,
+										notes: e.target.value
+									})
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(p, {
+						onClick: () => M({
+							...j,
+							open: !1
+						}),
+						children: "Cancel"
+					}), /* @__PURE__ */ u(p, {
+						variant: "contained",
+						color: "error",
+						disabled: !!c(j.reason, "Reason"),
+						onClick: () => void ze(),
+						children: "Quarantine"
+					})] })
+				]
+			}),
+			/* @__PURE__ */ d(h, {
+				open: N.open,
+				onClose: () => {
+					F || P({
+						...N,
+						open: !1
+					});
+				},
+				fullWidth: !0,
+				maxWidth: "sm",
+				children: [
+					/* @__PURE__ */ u(v, { children: "Mark Wastage" }),
+					/* @__PURE__ */ u(_, {
+						dividers: !0,
+						children: /* @__PURE__ */ d(b, {
+							spacing: 2,
+							sx: { pt: 1 },
+							children: [
+								/* @__PURE__ */ d(w, {
+									variant: "body2",
+									children: [
+										"Product: ",
+										/* @__PURE__ */ u("strong", { children: N.batch?.productName }),
+										/* @__PURE__ */ u("br", {}),
+										"Lot: ",
+										/* @__PURE__ */ u("strong", { children: N.batch?.lotNumber || "—" }),
+										/* @__PURE__ */ u("br", {}),
+										"Available to waste: ",
+										/* @__PURE__ */ u("strong", { children: N.batch?.qtyRemaining ?? 0 })
+									]
+								}),
+								/* @__PURE__ */ u(C, {
+									required: !0,
+									label: "Quantity to waste",
+									size: "small",
+									type: "number",
+									fullWidth: !0,
+									inputProps: {
+										min: 1,
+										max: Q
+									},
+									value: N.qty,
+									onChange: (e) => P({
+										...N,
+										qty: e.target.value
+									}),
+									error: !!$,
+									helperText: $ || `Units to write off (max ${Q}).`
+								}),
+								/* @__PURE__ */ u(r, {
+									label: "Reason",
+									required: !0,
+									value: N.reason,
+									onChange: (e) => P({
+										...N,
+										reason: e
+									}),
+									options: ae
+								}),
+								/* @__PURE__ */ u(C, {
+									label: "Comments",
+									size: "small",
+									multiline: !0,
+									minRows: 2,
+									fullWidth: !0,
+									value: N.comments,
+									onChange: (e) => P({
+										...N,
+										comments: e.target.value
+									})
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(p, {
+						onClick: () => P({
+							...N,
+							open: !1
+						}),
+						disabled: F,
+						children: "Cancel"
+					}), /* @__PURE__ */ u(p, {
+						variant: "contained",
+						color: "warning",
+						disabled: !Le || F,
+						onClick: () => void Re(),
+						children: F ? "Recording…" : "Mark Wastage"
+					})] })
+				]
+			})
+		]
+	})] });
+}
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=InventoryPage-_VWlqD2e.js.map