@argusoft/medplat-product-management 1.0.0

package/dist/PaymentCreatePage-Ci3ERnby.js

@@ -0,0 +1,487 @@
+import { E as e, T as t, _ as n, a as r, c as i, i as a, n as o, r as ee, t as te } from "./PmGuard-CjJBisaN.js";
+import { t as ne } from "./currency-BDDCDgeE.js";
+import { l as re, t as s, u as ie } from "./validation-Ba7puFIO.js";
+import { t as ae } from "./useFieldErrors-hDG8ox_x.js";
+import { r as c, t as l } from "./format-UOyOu75i.js";
+import { n as oe } from "./constants-BrA_hfAI.js";
+import { t as u } from "./MemberProfileCard-DbHZCS5n.js";
+import { useMemo as d, useState as f } from "react";
+import { Fragment as se, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { v4 as ce } from "uuid";
+import { Alert as h, Box as g, Button as _, Card as v, CardContent as y, Chip as le, Divider as b, FormControl as x, InputAdornment as ue, InputLabel as de, LinearProgress as fe, MenuItem as pe, Select as me, Stack as S, Table as C, TableBody as he, TableCell as w, TableContainer as ge, TableHead as _e, TableRow as T, TextField as E, Typography as D } from "@mui/material";
+import { showToast as O } from "@/common/toaster/toaster";
+import { useNavigate as k, useParams as A } from "react-router-dom";
+import j from "@mui/icons-material/SaveRounded";
+//#region src/views/PaymentCreatePage.jsx
+function M(e) {
+	if (!e) return null;
+	let t = new Date(e).getTime();
+	if (Number.isNaN(t)) return null;
+	let n = Date.now() - t;
+	return Math.max(0, Math.floor(n / (24 * 3600 * 1e3)));
+}
+function N() {
+	let { memberId: N } = A(), F = k(), I = ne(i()?.currencyCode), L = a().has("view.manage.productManagement.dues"), [R, z] = f(""), [B, ve] = f(""), [ye, V] = f(0), [H, U] = f(null), [be, W] = f(!1), G = ae(), xe = (/* @__PURE__ */ new Date()).toISOString().substring(0, 10), [K, q] = f({
+		id: ce(),
+		paymentDate: xe,
+		paymentMode: "CASH",
+		collectingNow: "",
+		notes: ""
+	});
+	async function Se() {
+		if (!N) {
+			U(null), W(!1), V(0);
+			return;
+		}
+		if (!L) {
+			U(null), V(0), W(!1);
+			return;
+		}
+		W(!0);
+		try {
+			let [n, r] = await Promise.all([t(N).catch(() => null), e().catch(() => [])]);
+			U(n);
+			let i = (r ?? []).find((e) => e.memberId === N);
+			V(Number(i ? i.totalDue : n?.totalDue ?? 0));
+		} catch (e) {
+			O({
+				message: e?.response?.data?.message ?? e?.message ?? "Failed to load member dues",
+				type: "error"
+			});
+		} finally {
+			W(!1);
+		}
+	}
+	ee("update.manage.productManagement.payment", () => {
+		Se(), q((e) => ({
+			...e,
+			collectingNow: ""
+		}));
+	}, [N]);
+	let J = Number(H?.totalDue ?? 0), Ce = Number(K.collectingNow || 0), Y = Math.min(Math.max(Ce, 0), J), X = Math.max(J - Y, 0), we = M(H?.oldestDueDate), Te = M(H?.lastSaleDate), Z = !!N && J > 0 && L, Q = d(() => {
+		let e = {
+			member: N ? "" : "No member selected",
+			paymentDate: re(K.paymentDate, {
+				required: !0,
+				label: "Payment date"
+			}),
+			collectingNow: ie(K.collectingNow, "Amount", { required: !0 })
+		};
+		return !e.collectingNow && J > 0 && Number(K.collectingNow) > J && (e.collectingNow = `Cannot collect more than the outstanding due (${c(J)}).`), e;
+	}, [
+		N,
+		K.paymentDate,
+		K.collectingNow,
+		J
+	]), $ = Z && s(Q);
+	async function Ee() {
+		if (!$) {
+			G.markAllTouched(), z("Please fix the highlighted fields.");
+			return;
+		}
+		try {
+			await n({
+				id: K.id,
+				memberId: N,
+				amount: Number(Y.toFixed(2)),
+				paymentDate: K.paymentDate,
+				paymentMode: K.paymentMode || null,
+				notes: K.notes || null,
+				allocations: null
+			}), O({
+				message: B ? `Payment recorded for ${B}. Applied to their oldest sales first.` : "Payment recorded. Applied to the oldest sales first.",
+				type: "success"
+			}), F("/ui/medplat/manage/pm/payments");
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to record payment";
+			z(t), O({
+				message: t,
+				type: "error"
+			});
+		}
+	}
+	return /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(o, {}), /* @__PURE__ */ p(te, {
+		perm: "update.manage.productManagement.payment",
+		title: "You don’t have permission to collect payments",
+		children: /* @__PURE__ */ m(r, {
+			title: "Collect Payment",
+			subtitle: "Collect payment for what a customer owes. Payments are matched to sales in order received.",
+			actions: /* @__PURE__ */ m(S, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ p(_, {
+					variant: "outlined",
+					onClick: () => F("/ui/medplat/manage/pm/payments"),
+					children: "Cancel"
+				}), /* @__PURE__ */ p(_, {
+					variant: "contained",
+					startIcon: /* @__PURE__ */ p(j, {}),
+					disabled: !$,
+					onClick: () => void Ee(),
+					children: "Confirm Collection"
+				})]
+			}),
+			children: [
+				R ? /* @__PURE__ */ p(h, {
+					severity: "error",
+					sx: { mb: 2 },
+					children: R
+				}) : null,
+				L ? null : /* @__PURE__ */ p(h, {
+					severity: "warning",
+					sx: { mb: 2 },
+					children: "You don’t have access to view outstanding dues, so this collection flow can’t determine how much is owed. Ask an admin to grant the dues permission to collect payments here."
+				}),
+				/* @__PURE__ */ p(v, {
+					sx: {
+						borderRadius: 4,
+						mb: 2
+					},
+					children: /* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(D, {
+						variant: "h6",
+						sx: {
+							fontWeight: 800,
+							mb: 2
+						},
+						children: "Customer"
+					}), N ? /* @__PURE__ */ p(u, {
+						memberId: N,
+						previousDue: ye,
+						currencySymbol: I,
+						onLoad: (e) => ve(e?.name ?? "")
+					}) : /* @__PURE__ */ p(h, {
+						severity: "warning",
+						children: "No member selected"
+					})] })
+				}),
+				N ? /* @__PURE__ */ m(se, { children: [
+					/* @__PURE__ */ p(v, {
+						sx: {
+							borderRadius: 4,
+							mb: 2
+						},
+						children: /* @__PURE__ */ m(y, { children: [be ? /* @__PURE__ */ p(fe, { sx: { mb: 2 } }) : null, /* @__PURE__ */ p(P, {
+							total: J,
+							oldestDueDays: we,
+							oldestDueDate: H?.oldestDueDate,
+							lastSaleDays: Te,
+							lastSaleDate: H?.lastSaleDate,
+							currency: I
+						})] })
+					}),
+					/* @__PURE__ */ p(v, {
+						sx: {
+							borderRadius: 4,
+							mb: 2
+						},
+						children: /* @__PURE__ */ m(y, { children: [
+							/* @__PURE__ */ m(S, {
+								direction: "row",
+								justifyContent: "space-between",
+								alignItems: "center",
+								sx: { mb: 2 },
+								children: [/* @__PURE__ */ p(D, {
+									variant: "h6",
+									sx: { fontWeight: 800 },
+									children: "Due Breakdown"
+								}), /* @__PURE__ */ m(D, {
+									variant: "caption",
+									color: "text.secondary",
+									children: [
+										(H?.openSales ?? []).length,
+										" ",
+										(H?.openSales ?? []).length === 1 ? "open sale" : "open sales",
+										" ",
+										"· oldest first"
+									]
+								})]
+							}),
+							/* @__PURE__ */ p(b, { sx: { mb: 1 } }),
+							J <= 0 ? /* @__PURE__ */ p(h, {
+								severity: "success",
+								sx: { mt: 1 },
+								children: "No outstanding dues for this member — nothing to collect."
+							}) : /* @__PURE__ */ p(ge, { children: /* @__PURE__ */ m(C, {
+								size: "small",
+								children: [/* @__PURE__ */ p(_e, { children: /* @__PURE__ */ m(T, { children: [
+									/* @__PURE__ */ p(w, {
+										sx: { fontWeight: 800 },
+										children: "Sale Date"
+									}),
+									/* @__PURE__ */ p(w, {
+										sx: { fontWeight: 800 },
+										children: "Items"
+									}),
+									/* @__PURE__ */ p(w, {
+										sx: { fontWeight: 800 },
+										align: "right",
+										children: "Sale"
+									}),
+									/* @__PURE__ */ p(w, {
+										sx: { fontWeight: 800 },
+										align: "right",
+										children: "Paid"
+									}),
+									/* @__PURE__ */ p(w, {
+										sx: { fontWeight: 800 },
+										align: "right",
+										children: "Due"
+									})
+								] }) }), /* @__PURE__ */ p(he, { children: (H?.openSales ?? []).map((e) => /* @__PURE__ */ m(T, {
+									hover: !0,
+									children: [
+										/* @__PURE__ */ p(w, { children: /* @__PURE__ */ m(S, {
+											direction: "row",
+											spacing: 1,
+											alignItems: "baseline",
+											children: [/* @__PURE__ */ p(D, {
+												variant: "body2",
+												children: l(e.saleDate)
+											}), /* @__PURE__ */ m(D, {
+												variant: "caption",
+												color: "text.secondary",
+												children: [
+													"(",
+													M(e.saleDate),
+													"d ago)"
+												]
+											})]
+										}) }),
+										/* @__PURE__ */ p(w, { children: /* @__PURE__ */ p(S, {
+											direction: "row",
+											spacing: .5,
+											flexWrap: "wrap",
+											children: (e.items ?? []).map((e) => /* @__PURE__ */ p(le, {
+												size: "small",
+												variant: "outlined",
+												label: `${e.productName} × ${e.quantity}`,
+												sx: {
+													mr: .5,
+													mb: .5
+												}
+											}, e.id))
+										}) }),
+										/* @__PURE__ */ m(w, {
+											align: "right",
+											sx: { fontVariantNumeric: "tabular-nums" },
+											children: [I, c(e.totalAmount)]
+										}),
+										/* @__PURE__ */ m(w, {
+											align: "right",
+											sx: {
+												fontVariantNumeric: "tabular-nums",
+												color: "text.secondary"
+											},
+											children: [I, c(e.paidAmount)]
+										}),
+										/* @__PURE__ */ m(w, {
+											align: "right",
+											sx: {
+												fontVariantNumeric: "tabular-nums",
+												fontWeight: 700,
+												color: "warning.dark"
+											},
+											children: [I, c(e.dueAmount)]
+										})
+									]
+								}, e.id)) })]
+							}) })
+						] })
+					}),
+					Z ? /* @__PURE__ */ p(v, {
+						sx: {
+							borderRadius: 4,
+							bgcolor: "grey.50",
+							mb: 3
+						},
+						children: /* @__PURE__ */ m(y, { children: [
+							/* @__PURE__ */ m(S, {
+								direction: {
+									xs: "column",
+									md: "row"
+								},
+								spacing: 2,
+								children: [
+									/* @__PURE__ */ p(E, {
+										required: !0,
+										size: "small",
+										type: "date",
+										label: "Payment Date",
+										sx: { flex: 1 },
+										InputLabelProps: { shrink: !0 },
+										value: K.paymentDate,
+										onChange: (e) => q({
+											...K,
+											paymentDate: e.target.value
+										}),
+										onBlur: G.onBlur("paymentDate"),
+										error: G.show("paymentDate") && !!Q.paymentDate,
+										helperText: G.show("paymentDate") ? Q.paymentDate : ""
+									}),
+									/* @__PURE__ */ m(x, {
+										size: "small",
+										sx: { flex: 1 },
+										children: [/* @__PURE__ */ p(de, { children: "Payment Mode" }), /* @__PURE__ */ p(me, {
+											label: "Payment Mode",
+											value: K.paymentMode,
+											onChange: (e) => q({
+												...K,
+												paymentMode: e.target.value
+											}),
+											children: oe.map((e) => /* @__PURE__ */ p(pe, {
+												value: e.value,
+												children: e.label
+											}, e.value))
+										})]
+									}),
+									/* @__PURE__ */ p(E, {
+										size: "small",
+										label: "Notes",
+										sx: { flex: 2 },
+										value: K.notes,
+										onChange: (e) => q({
+											...K,
+											notes: e.target.value
+										})
+									})
+								]
+							}),
+							/* @__PURE__ */ p(b, { sx: { my: 2 } }),
+							/* @__PURE__ */ m(S, {
+								spacing: 1.25,
+								children: [
+									/* @__PURE__ */ m(S, {
+										direction: "row",
+										justifyContent: "space-between",
+										alignItems: "baseline",
+										children: [/* @__PURE__ */ p(D, {
+											variant: "body2",
+											color: "text.secondary",
+											children: "Total Due"
+										}), /* @__PURE__ */ m(D, {
+											variant: "h5",
+											sx: {
+												fontWeight: 800,
+												fontVariantNumeric: "tabular-nums",
+												color: J > 0 ? "warning.dark" : "text.primary"
+											},
+											children: [I, c(J)]
+										})]
+									}),
+									/* @__PURE__ */ m(S, {
+										direction: "row",
+										justifyContent: "space-between",
+										alignItems: "center",
+										spacing: 2,
+										children: [/* @__PURE__ */ p(D, {
+											variant: "body2",
+											color: "text.secondary",
+											sx: { flexShrink: 0 },
+											children: "Amount Collecting Now"
+										}), /* @__PURE__ */ p(E, {
+											required: !0,
+											size: "small",
+											type: "number",
+											inputProps: {
+												step: "0.01",
+												min: 0,
+												max: J,
+												style: {
+													textAlign: "right",
+													fontWeight: 700
+												}
+											},
+											InputProps: { startAdornment: /* @__PURE__ */ p(ue, {
+												position: "start",
+												children: I
+											}) },
+											sx: { width: 220 },
+											placeholder: "0.00",
+											value: K.collectingNow,
+											onChange: (e) => q({
+												...K,
+												collectingNow: e.target.value
+											}),
+											onBlur: G.onBlur("collectingNow"),
+											error: G.show("collectingNow") && !!Q.collectingNow,
+											helperText: G.show("collectingNow") ? Q.collectingNow : "Partial amounts accepted"
+										})]
+									}),
+									/* @__PURE__ */ p(b, { sx: { my: .5 } }),
+									/* @__PURE__ */ m(S, {
+										direction: "row",
+										justifyContent: "space-between",
+										alignItems: "baseline",
+										children: [/* @__PURE__ */ p(D, {
+											variant: "body2",
+											color: "text.secondary",
+											children: "Remaining Due After"
+										}), /* @__PURE__ */ m(D, {
+											variant: "h5",
+											sx: {
+												fontWeight: 800,
+												fontVariantNumeric: "tabular-nums",
+												color: X > 0 ? "warning.dark" : "success.dark"
+											},
+											children: [I, c(X)]
+										})]
+									})
+								]
+							})
+						] })
+					}) : null
+				] }) : null
+			]
+		})
+	})] });
+}
+function P({ total: e, oldestDueDays: t, oldestDueDate: n, lastSaleDays: r, lastSaleDate: i, currency: a = "₹" }) {
+	let o = (e, t, n, r) => /* @__PURE__ */ m(g, {
+		sx: {
+			flex: 1,
+			p: 1.5,
+			borderRadius: 2,
+			bgcolor: "background.paper",
+			border: 1,
+			borderColor: "divider",
+			textAlign: "left"
+		},
+		children: [
+			/* @__PURE__ */ p(D, {
+				variant: "caption",
+				color: "text.secondary",
+				children: e
+			}),
+			/* @__PURE__ */ p(D, {
+				variant: "h6",
+				sx: {
+					fontWeight: 800,
+					color: r,
+					fontVariantNumeric: "tabular-nums"
+				},
+				children: t
+			}),
+			n ? /* @__PURE__ */ p(D, {
+				variant: "caption",
+				color: "text.secondary",
+				children: n
+			}) : null
+		]
+	});
+	return /* @__PURE__ */ m(S, {
+		direction: {
+			xs: "column",
+			md: "row"
+		},
+		spacing: 1.5,
+		children: [
+			o("Total Due", `${a}${c(e)}`, null, e > 0 ? "warning.dark" : "text.primary"),
+			o("Last Sale", r == null ? "—" : `${r} day${r === 1 ? "" : "s"} ago`, i ? l(i) : "No prior sale", "text.primary"),
+			o("Due Since", t == null ? "—" : `${t} day${t === 1 ? "" : "s"}`, n ? l(n) : "No open sales", t != null && t >= 30 ? "error.dark" : "text.primary")
+		]
+	});
+}
+//#endregion
+export { N as default };
+
+//# sourceMappingURL=PaymentCreatePage-Ci3ERnby.js.map

package/dist/PaymentCreatePage-Ci3ERnby.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentCreatePage-Ci3ERnby.js","names":[],"sources":["../src/views/PaymentCreatePage.jsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Chip,\n  Divider,\n  FormControl,\n  InputAdornment,\n  InputLabel,\n  LinearProgress,\n  MenuItem,\n  Select,\n  Stack,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from \"@mui/material\";\nimport SaveRoundedIcon from \"@mui/icons-material/SaveRounded\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport PmPageShell from \"@pm/components/PmPageShell\";\nimport PmNav from \"@pm/components/PmNav\";\nimport PmGuard from \"@pm/components/PmGuard\";\nimport { usePermissionedEffect, usePmPermissions } from \"@pm/utils/permissions\";\nimport {\n  createPayment,\n  getMemberDuesDetails,\n  getMemberOutstandingDues,\n} from \"@pm/services/pmApi\";\nimport MemberProfileCard from \"@pm/components/MemberProfileCard\";\nimport { PAYMENT_MODES } from \"@pm/utils/constants\";\nimport { currencySymbol } from \"@pm/utils/currency\";\nimport { usePmSettings } from \"@pm/utils/settingsStore\";\nimport { formatDate, formatNumber } from \"@pm/utils/format\";\nimport {\n  isClean,\n  validatePastOrTodayDate,\n  validatePositiveNumber,\n} from \"@pm/utils/validation\";\nimport { useFieldErrors } from \"@pm/utils/useFieldErrors\";\n\nfunction daysSince(value) {\n  if (!value) return null;\n  const ms = new Date(value).getTime();\n  if (Number.isNaN(ms)) return null;\n  const diff = Date.now() - ms;\n  return Math.max(0, Math.floor(diff / (24 * 3600 * 1000)));\n}\n\nexport default function PaymentCreatePage() {\n  const { memberId } = useParams();\n  const navigate = useNavigate();\n  const settings = usePmSettings();\n  const cur = currencySymbol(settings?.currencyCode);\n  const perms = usePmPermissions();\n  // Dues breakdown drives both the panel and the collect form's totalDue.\n  // Without the dues permission we can't fetch it, so the page surfaces a\n  // hard-stop alert and disables Confirm Collection.\n  const canSeeDues = perms.has(\"view.manage.productManagement.dues\");\n  const [error, setError] = useState(\"\");\n  const [memberName, setMemberName] = useState(\"\");\n  const [previousDue, setPreviousDue] = useState(0);\n  const [duesDetails, setDuesDetails] = useState(null);\n  const [detailsLoading, setDetailsLoading] = useState(false);\n  const fieldErrors = useFieldErrors();\n  const today = new Date().toISOString().substring(0, 10);\n  const [form, setForm] = useState({\n    id: uuidv4(),\n    paymentDate: today,\n    paymentMode: \"CASH\",\n    collectingNow: \"\",\n    notes: \"\",\n  });\n\n  async function loadMemberDues() {\n    if (!memberId) {\n      setDuesDetails(null);\n      setDetailsLoading(false);\n      setPreviousDue(0);\n      return;\n    }\n    if (!canSeeDues) {\n      // No dues access — leave panels empty. The hard-stop alert below\n      // tells the operator to ask for the perm.\n      setDuesDetails(null);\n      setPreviousDue(0);\n      setDetailsLoading(false);\n      return;\n    }\n    setDetailsLoading(true);\n    try {\n      const [details, dues] = await Promise.all([\n        getMemberDuesDetails(memberId).catch(() => null),\n        getMemberOutstandingDues().catch(() => []),\n      ]);\n      setDuesDetails(details);\n      const match = (dues ?? []).find((d) => d.memberId === memberId);\n      setPreviousDue(\n        match ? Number(match.totalDue) : Number(details?.totalDue ?? 0),\n      );\n    } catch (err) {\n      showToast({\n        message:\n          err?.response?.data?.message ??\n          err?.message ??\n          \"Failed to load member dues\",\n        type: \"error\",\n      });\n    } finally {\n      setDetailsLoading(false);\n    }\n  }\n\n  usePermissionedEffect(\n    \"update.manage.productManagement.payment\",\n    () => {\n      void loadMemberDues();\n      setForm((f) => ({ ...f, collectingNow: \"\" }));\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    },\n    [memberId],\n  );\n\n  // -------- Money math --------\n  const totalDue = Number(duesDetails?.totalDue ?? 0);\n  const collectedRaw = Number(form.collectingNow || 0);\n  const collected = Math.min(Math.max(collectedRaw, 0), totalDue);\n  const remainingAfter = Math.max(totalDue - collected, 0);\n\n  const oldestDueDays = daysSince(duesDetails?.oldestDueDate);\n  const lastSaleDays = daysSince(duesDetails?.lastSaleDate);\n\n  // Collection only makes sense when there's an outstanding balance — once\n  // it's zero the collect form is hidden entirely (a \"Nothing to collect\"\n  // alert is shown instead) and the Save button stays disabled.\n  const canCollect = !!memberId && totalDue > 0 && canSeeDues;\n\n  // -------- Validation --------\n  const formErrors = useMemo(() => {\n    const errs = {\n      member: memberId ? \"\" : \"No member selected\",\n      paymentDate: validatePastOrTodayDate(form.paymentDate, {\n        required: true,\n        label: \"Payment date\",\n      }),\n      collectingNow: validatePositiveNumber(form.collectingNow, \"Amount\", {\n        required: true,\n      }),\n    };\n    if (\n      !errs.collectingNow &&\n      totalDue > 0 &&\n      Number(form.collectingNow) > totalDue\n    ) {\n      errs.collectingNow = `Cannot collect more than the outstanding due (${formatNumber(totalDue)}).`;\n    }\n    return errs;\n  }, [memberId, form.paymentDate, form.collectingNow, totalDue]);\n  const formIsValid = canCollect && isClean(formErrors);\n\n  async function save() {\n    if (!formIsValid) {\n      fieldErrors.markAllTouched();\n      setError(\"Please fix the highlighted fields.\");\n      return;\n    }\n    try {\n      await createPayment({\n        id: form.id,\n        memberId,\n        amount: Number(collected.toFixed(2)),\n        paymentDate: form.paymentDate,\n        paymentMode: form.paymentMode || null,\n        notes: form.notes || null,\n        allocations: null,\n      });\n      showToast({\n        message: memberName\n          ? `Payment recorded for ${memberName}. Applied to their oldest sales first.`\n          : \"Payment recorded. Applied to the oldest sales first.\",\n        type: \"success\",\n      });\n      navigate(\"/ui/medplat/manage/pm/payments\");\n    } catch (err) {\n      const message =\n        err?.response?.data?.message ??\n        err?.message ??\n        \"Failed to record payment\";\n      setError(message);\n      showToast({ message, type: \"error\" });\n    }\n  }\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard\n        perm={\"update.manage.productManagement.payment\"}\n        title=\"You don’t have permission to collect payments\"\n      >\n        <PmPageShell\n          title=\"Collect Payment\"\n          subtitle=\"Collect payment for what a customer owes. Payments are matched to sales in order received.\"\n          actions={\n            <Stack direction=\"row\" spacing={1}>\n              <Button\n                variant=\"outlined\"\n                onClick={() => navigate(\"/ui/medplat/manage/pm/payments\")}\n              >\n                Cancel\n              </Button>\n              <Button\n                variant=\"contained\"\n                startIcon={<SaveRoundedIcon />}\n                disabled={!formIsValid}\n                onClick={() => void save()}\n              >\n                Confirm Collection\n              </Button>\n            </Stack>\n          }\n        >\n          {error ? (\n            <Alert severity=\"error\" sx={{ mb: 2 }}>\n              {error}\n            </Alert>\n          ) : null}\n\n          {!canSeeDues ? (\n            <Alert severity=\"warning\" sx={{ mb: 2 }}>\n              You don’t have access to view outstanding dues, so this collection\n              flow can’t determine how much is owed. Ask an admin to grant the\n              dues permission to collect payments here.\n            </Alert>\n          ) : null}\n\n          {/* ---------- Member profile (from URL) ---------- */}\n          <Card sx={{ borderRadius: 4, mb: 2 }}>\n            <CardContent>\n              <Typography variant=\"h6\" sx={{ fontWeight: 800, mb: 2 }}>\n                Customer\n              </Typography>\n              {memberId ? (\n                <MemberProfileCard\n                  memberId={memberId}\n                  previousDue={previousDue}\n                  currencySymbol={cur}\n                  onLoad={(p) => setMemberName(p?.name ?? \"\")}\n                />\n              ) : (\n                <Alert severity=\"warning\">No member selected</Alert>\n              )}\n            </CardContent>\n          </Card>\n\n          {/* ---------- Dues + collect (only when a member is selected) ---------- */}\n          {memberId ? (\n            <>\n              <Card sx={{ borderRadius: 4, mb: 2 }}>\n                <CardContent>\n                  {detailsLoading ? <LinearProgress sx={{ mb: 2 }} /> : null}\n                  <Grid3MetricStrip\n                    total={totalDue}\n                    oldestDueDays={oldestDueDays}\n                    oldestDueDate={duesDetails?.oldestDueDate}\n                    lastSaleDays={lastSaleDays}\n                    lastSaleDate={duesDetails?.lastSaleDate}\n                    currency={cur}\n                  />\n                </CardContent>\n              </Card>\n\n              <Card sx={{ borderRadius: 4, mb: 2 }}>\n                <CardContent>\n                  <Stack\n                    direction=\"row\"\n                    justifyContent=\"space-between\"\n                    alignItems=\"center\"\n                    sx={{ mb: 2 }}\n                  >\n                    <Typography variant=\"h6\" sx={{ fontWeight: 800 }}>\n                      Due Breakdown\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {(duesDetails?.openSales ?? []).length}{\" \"}\n                      {(duesDetails?.openSales ?? []).length === 1\n                        ? \"open sale\"\n                        : \"open sales\"}{\" \"}\n                      · oldest first\n                    </Typography>\n                  </Stack>\n                  <Divider sx={{ mb: 1 }} />\n                  {totalDue <= 0 ? (\n                    <Alert severity=\"success\" sx={{ mt: 1 }}>\n                      No outstanding dues for this member — nothing to collect.\n                    </Alert>\n                  ) : (\n                    <TableContainer>\n                      <Table size=\"small\">\n                        <TableHead>\n                          <TableRow>\n                            <TableCell sx={{ fontWeight: 800 }}>\n                              Sale Date\n                            </TableCell>\n                            <TableCell sx={{ fontWeight: 800 }}>\n                              Items\n                            </TableCell>\n                            <TableCell sx={{ fontWeight: 800 }} align=\"right\">\n                              Sale\n                            </TableCell>\n                            <TableCell sx={{ fontWeight: 800 }} align=\"right\">\n                              Paid\n                            </TableCell>\n                            <TableCell sx={{ fontWeight: 800 }} align=\"right\">\n                              Due\n                            </TableCell>\n                          </TableRow>\n                        </TableHead>\n                        <TableBody>\n                          {(duesDetails?.openSales ?? []).map((sale) => (\n                            <TableRow key={sale.id} hover>\n                              <TableCell>\n                                <Stack\n                                  direction=\"row\"\n                                  spacing={1}\n                                  alignItems=\"baseline\"\n                                >\n                                  <Typography variant=\"body2\">\n                                    {formatDate(sale.saleDate)}\n                                  </Typography>\n                                  <Typography\n                                    variant=\"caption\"\n                                    color=\"text.secondary\"\n                                  >\n                                    ({daysSince(sale.saleDate)}d ago)\n                                  </Typography>\n                                </Stack>\n                              </TableCell>\n                              <TableCell>\n                                <Stack\n                                  direction=\"row\"\n                                  spacing={0.5}\n                                  flexWrap=\"wrap\"\n                                >\n                                  {(sale.items ?? []).map((it) => (\n                                    <Chip\n                                      key={it.id}\n                                      size=\"small\"\n                                      variant=\"outlined\"\n                                      label={`${it.productName} × ${it.quantity}`}\n                                      sx={{ mr: 0.5, mb: 0.5 }}\n                                    />\n                                  ))}\n                                </Stack>\n                              </TableCell>\n                              <TableCell\n                                align=\"right\"\n                                sx={{ fontVariantNumeric: \"tabular-nums\" }}\n                              >\n                                {cur}\n                                {formatNumber(sale.totalAmount)}\n                              </TableCell>\n                              <TableCell\n                                align=\"right\"\n                                sx={{\n                                  fontVariantNumeric: \"tabular-nums\",\n                                  color: \"text.secondary\",\n                                }}\n                              >\n                                {cur}\n                                {formatNumber(sale.paidAmount)}\n                              </TableCell>\n                              <TableCell\n                                align=\"right\"\n                                sx={{\n                                  fontVariantNumeric: \"tabular-nums\",\n                                  fontWeight: 700,\n                                  color: \"warning.dark\",\n                                }}\n                              >\n                                {cur}\n                                {formatNumber(sale.dueAmount)}\n                              </TableCell>\n                            </TableRow>\n                          ))}\n                        </TableBody>\n                      </Table>\n                    </TableContainer>\n                  )}\n                </CardContent>\n              </Card>\n\n              {/* ---------- Collection footer — only when there's something to collect ---------- */}\n              {canCollect ? (\n                <Card sx={{ borderRadius: 4, bgcolor: \"grey.50\", mb: 3 }}>\n                  <CardContent>\n                    <Stack direction={{ xs: \"column\", md: \"row\" }} spacing={2}>\n                      <TextField\n                        required\n                        size=\"small\"\n                        type=\"date\"\n                        label=\"Payment Date\"\n                        sx={{ flex: 1 }}\n                        InputLabelProps={{ shrink: true }}\n                        value={form.paymentDate}\n                        onChange={(e) =>\n                          setForm({ ...form, paymentDate: e.target.value })\n                        }\n                        onBlur={fieldErrors.onBlur(\"paymentDate\")}\n                        error={\n                          fieldErrors.show(\"paymentDate\") &&\n                          !!formErrors.paymentDate\n                        }\n                        helperText={\n                          fieldErrors.show(\"paymentDate\")\n                            ? formErrors.paymentDate\n                            : \"\"\n                        }\n                      />\n                      <FormControl size=\"small\" sx={{ flex: 1 }}>\n                        <InputLabel>Payment Mode</InputLabel>\n                        <Select\n                          label=\"Payment Mode\"\n                          value={form.paymentMode}\n                          onChange={(e) =>\n                            setForm({ ...form, paymentMode: e.target.value })\n                          }\n                        >\n                          {PAYMENT_MODES.map((m) => (\n                            <MenuItem key={m.value} value={m.value}>\n                              {m.label}\n                            </MenuItem>\n                          ))}\n                        </Select>\n                      </FormControl>\n                      <TextField\n                        size=\"small\"\n                        label=\"Notes\"\n                        sx={{ flex: 2 }}\n                        value={form.notes}\n                        onChange={(e) =>\n                          setForm({ ...form, notes: e.target.value })\n                        }\n                      />\n                    </Stack>\n\n                    <Divider sx={{ my: 2 }} />\n\n                    <Stack spacing={1.25}>\n                      <Stack\n                        direction=\"row\"\n                        justifyContent=\"space-between\"\n                        alignItems=\"baseline\"\n                      >\n                        <Typography variant=\"body2\" color=\"text.secondary\">\n                          Total Due\n                        </Typography>\n                        <Typography\n                          variant=\"h5\"\n                          sx={{\n                            fontWeight: 800,\n                            fontVariantNumeric: \"tabular-nums\",\n                            color:\n                              totalDue > 0 ? \"warning.dark\" : \"text.primary\",\n                          }}\n                        >\n                          {cur}\n                          {formatNumber(totalDue)}\n                        </Typography>\n                      </Stack>\n\n                      <Stack\n                        direction=\"row\"\n                        justifyContent=\"space-between\"\n                        alignItems=\"center\"\n                        spacing={2}\n                      >\n                        <Typography\n                          variant=\"body2\"\n                          color=\"text.secondary\"\n                          sx={{ flexShrink: 0 }}\n                        >\n                          Amount Collecting Now\n                        </Typography>\n                        <TextField\n                          required\n                          size=\"small\"\n                          type=\"number\"\n                          inputProps={{\n                            step: \"0.01\",\n                            min: 0,\n                            max: totalDue,\n                            style: { textAlign: \"right\", fontWeight: 700 },\n                          }}\n                          InputProps={{\n                            startAdornment: (\n                              <InputAdornment position=\"start\">\n                                {cur}\n                              </InputAdornment>\n                            ),\n                          }}\n                          sx={{ width: 220 }}\n                          placeholder=\"0.00\"\n                          value={form.collectingNow}\n                          onChange={(e) =>\n                            setForm({ ...form, collectingNow: e.target.value })\n                          }\n                          onBlur={fieldErrors.onBlur(\"collectingNow\")}\n                          error={\n                            fieldErrors.show(\"collectingNow\") &&\n                            !!formErrors.collectingNow\n                          }\n                          helperText={\n                            fieldErrors.show(\"collectingNow\")\n                              ? formErrors.collectingNow\n                              : \"Partial amounts accepted\"\n                          }\n                        />\n                      </Stack>\n\n                      <Divider sx={{ my: 0.5 }} />\n\n                      <Stack\n                        direction=\"row\"\n                        justifyContent=\"space-between\"\n                        alignItems=\"baseline\"\n                      >\n                        <Typography variant=\"body2\" color=\"text.secondary\">\n                          Remaining Due After\n                        </Typography>\n                        <Typography\n                          variant=\"h5\"\n                          sx={{\n                            fontWeight: 800,\n                            fontVariantNumeric: \"tabular-nums\",\n                            color:\n                              remainingAfter > 0\n                                ? \"warning.dark\"\n                                : \"success.dark\",\n                          }}\n                        >\n                          {cur}\n                          {formatNumber(remainingAfter)}\n                        </Typography>\n                      </Stack>\n                    </Stack>\n                  </CardContent>\n                </Card>\n              ) : null}\n            </>\n          ) : null}\n        </PmPageShell>\n      </PmGuard>\n    </Box>\n  );\n}\n\n// Compact three-metric strip used inside the member dues panel.\nfunction Grid3MetricStrip({\n  total,\n  oldestDueDays,\n  oldestDueDate,\n  lastSaleDays,\n  lastSaleDate,\n  currency = \"₹\",\n}) {\n  const cell = (label, value, sub, color) => (\n    <Box\n      sx={{\n        flex: 1,\n        p: 1.5,\n        borderRadius: 2,\n        bgcolor: \"background.paper\",\n        border: 1,\n        borderColor: \"divider\",\n        textAlign: \"left\",\n      }}\n    >\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        {label}\n      </Typography>\n      <Typography\n        variant=\"h6\"\n        sx={{ fontWeight: 800, color, fontVariantNumeric: \"tabular-nums\" }}\n      >\n        {value}\n      </Typography>\n      {sub ? (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {sub}\n        </Typography>\n      ) : null}\n    </Box>\n  );\n  return (\n    <Stack direction={{ xs: \"column\", md: \"row\" }} spacing={1.5}>\n      {cell(\n        \"Total Due\",\n        `${currency}${formatNumber(total)}`,\n        null,\n        total > 0 ? \"warning.dark\" : \"text.primary\",\n      )}\n      {cell(\n        \"Last Sale\",\n        lastSaleDays == null\n          ? \"—\"\n          : `${lastSaleDays} day${lastSaleDays === 1 ? \"\" : \"s\"} ago`,\n        lastSaleDate ? formatDate(lastSaleDate) : \"No prior sale\",\n        \"text.primary\",\n      )}\n      {cell(\n        \"Due Since\",\n        oldestDueDays == null\n          ? \"—\"\n          : `${oldestDueDays} day${oldestDueDays === 1 ? \"\" : \"s\"}`,\n        oldestDueDate ? formatDate(oldestDueDate) : \"No open sales\",\n        oldestDueDays != null && oldestDueDays >= 30\n          ? \"error.dark\"\n          : \"text.primary\",\n      )}\n    </Stack>\n  );\n}\n"],"mappings":"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"}