@argusoft/medplat-product-management 1.0.0

package/dist/SalesPage-DUwgkEO-.js

@@ -0,0 +1,315 @@
+import { G as e, O as t, a as n, c as r, n as i, r as a, t as o } from "./PmGuard-CjJBisaN.js";
+import { t as s } from "./currency-BDDCDgeE.js";
+import { a as ee, i as c, o as l, r as u, t as d } from "./PmTable-BuXZQZCU.js";
+import { r as f, t as p } from "./format-UOyOu75i.js";
+import { useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Alert as v, Avatar as y, Box as b, Button as x, Chip as S, Skeleton as C, Stack as w, TableBody as T, TableCell as E, TableHead as te, TableRow as D, Typography as O } from "@mui/material";
+import k from "@mui/icons-material/AddRounded";
+import A from "@mui/icons-material/RefreshRounded";
+import { showToast as j } from "@/common/toaster/toaster";
+import { useNavigate as M } from "react-router-dom";
+import { alpha as N, useTheme as P } from "@mui/material/styles";
+import F from "@mui/icons-material/PointOfSaleRounded";
+import I from "@mui/icons-material/PaymentsRounded";
+import L from "@mui/icons-material/ReceiptLongRounded";
+import R from "@mui/icons-material/TrendingUpRounded";
+//#region src/views/SalesPage.jsx
+function z(e) {
+	return e ? e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]).join("").toUpperCase() : "?";
+}
+function B({ icon: e, label: t, value: n, accent: r = "primary", loading: i }) {
+	let a = P(), o = a.palette[r]?.main ?? r, s = a.palette[r]?.dark ?? r;
+	return /* @__PURE__ */ g(b, {
+		sx: {
+			flex: 1,
+			p: 2,
+			borderRadius: 3,
+			border: "1px solid",
+			borderColor: N(o, .18),
+			background: `linear-gradient(135deg, ${N(o, .05)} 0%, ${N(a.palette.background.paper, 1)} 70%)`,
+			position: "relative",
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ _(w, {
+			direction: "row",
+			alignItems: "center",
+			spacing: 1.5,
+			children: [/* @__PURE__ */ g(b, {
+				sx: {
+					width: 36,
+					height: 36,
+					borderRadius: 2,
+					display: "grid",
+					placeItems: "center",
+					background: `linear-gradient(135deg, ${o} 0%, ${s} 100%)`,
+					color: "#fff",
+					boxShadow: `0 6px 14px ${N(o, .32)}`
+				},
+				children: /* @__PURE__ */ g(e, { sx: { fontSize: 18 } })
+			}), /* @__PURE__ */ _(b, {
+				sx: { minWidth: 0 },
+				children: [/* @__PURE__ */ g(O, {
+					variant: "caption",
+					color: "text.secondary",
+					sx: {
+						fontWeight: 700,
+						letterSpacing: .6,
+						textTransform: "uppercase"
+					},
+					children: t
+				}), i ? /* @__PURE__ */ g(C, {
+					width: 80,
+					height: 26
+				}) : /* @__PURE__ */ g(O, {
+					variant: "h6",
+					sx: {
+						fontWeight: 800,
+						fontVariantNumeric: "tabular-nums",
+						lineHeight: 1.2
+					},
+					children: n
+				})]
+			})]
+		})
+	});
+}
+function V() {
+	let V = M(), H = P(), U = s(r()?.currencyCode), [W, G] = h([]), [K, q] = h({}), [J, Y] = h(!0), [X, Z] = h("");
+	async function Q() {
+		Y(!0), Z("");
+		try {
+			let n = await e(0, 50);
+			G(n);
+			let r = Array.from(new Set(n.map((e) => e.memberId).filter(Boolean)));
+			if (r.length === 0) q({});
+			else try {
+				let e = await t(r), n = {};
+				e.forEach((e) => {
+					n[e.id] = e.name;
+				}), q(n);
+			} catch {
+				q({});
+			}
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load sales";
+			Z(t), j({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			Y(!1);
+		}
+	}
+	a("view.manage.productManagement.sale", () => {
+		Q();
+	}, []);
+	let $ = m(() => ({
+		totalRevenue: W.reduce((e, t) => e + Number(t.totalAmount || 0), 0),
+		totalDue: W.reduce((e, t) => e + Number(t.dueAmount || 0), 0),
+		openSales: W.filter((e) => Number(e.dueAmount) > 0).length,
+		count: W.length
+	}), [W]);
+	return /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(i, {}), /* @__PURE__ */ g(o, {
+		perm: "view.manage.productManagement.sale",
+		children: /* @__PURE__ */ _(n, {
+			title: "Sales",
+			subtitle: "Customer sales and payments. Each sale is tracked with the batches used.",
+			actions: /* @__PURE__ */ _(w, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ g(x, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ g(A, {}),
+					onClick: () => void Q(),
+					children: "Refresh"
+				}), !1]
+			}),
+			children: [
+				/* @__PURE__ */ _(w, {
+					direction: {
+						xs: "column",
+						md: "row"
+					},
+					spacing: 2,
+					sx: { mb: 2 },
+					children: [
+						/* @__PURE__ */ g(B, {
+							icon: L,
+							label: "Sales (last 50)",
+							value: $.count,
+							accent: "primary",
+							loading: J
+						}),
+						/* @__PURE__ */ g(B, {
+							icon: R,
+							label: "Total billed",
+							value: `${U}${f($.totalRevenue)}`,
+							accent: "success",
+							loading: J
+						}),
+						/* @__PURE__ */ g(B, {
+							icon: I,
+							label: "Outstanding dues",
+							value: `${U}${f($.totalDue)}`,
+							accent: "warning",
+							loading: J
+						}),
+						/* @__PURE__ */ g(B, {
+							icon: F,
+							label: "Open sales",
+							value: $.openSales,
+							accent: "info",
+							loading: J
+						})
+					]
+				}),
+				X ? /* @__PURE__ */ g(v, {
+					severity: "error",
+					sx: { mb: 2 },
+					children: X
+				}) : null,
+				/* @__PURE__ */ g(l, {
+					eyebrow: "Recent activity",
+					title: "Sales transactions",
+					subtitle: J ? "Loading…" : `${$.count} ${$.count === 1 ? "sale" : "sales"} in the last window`,
+					children: /* @__PURE__ */ _(ee, {
+						dense: !0,
+						children: [/* @__PURE__ */ g(te, { children: /* @__PURE__ */ _(D, { children: [
+							/* @__PURE__ */ g(E, { children: "Ref" }),
+							/* @__PURE__ */ g(E, { children: "Date" }),
+							/* @__PURE__ */ g(E, { children: "Customer" }),
+							/* @__PURE__ */ g(E, { children: "Payment" }),
+							/* @__PURE__ */ g(E, {
+								align: "right",
+								children: "Total"
+							}),
+							/* @__PURE__ */ g(E, {
+								align: "right",
+								children: "Paid"
+							}),
+							/* @__PURE__ */ g(E, {
+								align: "right",
+								children: "Due"
+							})
+						] }) }), /* @__PURE__ */ g(T, { children: J ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ g(D, { children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ g(E, { children: /* @__PURE__ */ g(C, { height: 22 }) }, t)) }, t)) : W.length === 0 ? /* @__PURE__ */ g(d, {
+							colSpan: 7,
+							icon: F,
+							title: "No sales yet",
+							hint: "Record a sale to see it here with payment details.",
+							action: /* @__PURE__ */ g(x, {
+								variant: "contained",
+								size: "small",
+								startIcon: /* @__PURE__ */ g(k, {}),
+								onClick: () => V("/ui/medplat/manage/pm/sales/new"),
+								children: "Record first sale"
+							})
+						}) : W.map((e) => {
+							let t = Number(e.dueAmount || 0), n = t <= 0, r = K[e.memberId];
+							return /* @__PURE__ */ _(D, {
+								hover: !0,
+								children: [
+									/* @__PURE__ */ g(E, { children: /* @__PURE__ */ g(c, { id: e.serialId }) }),
+									/* @__PURE__ */ g(E, { children: /* @__PURE__ */ g(O, {
+										variant: "body2",
+										sx: { fontWeight: 700 },
+										children: p(e.saleDate)
+									}) }),
+									/* @__PURE__ */ g(E, { children: r ? /* @__PURE__ */ _(w, {
+										direction: "row",
+										alignItems: "center",
+										spacing: 1.25,
+										children: [/* @__PURE__ */ g(y, {
+											sx: {
+												width: 28,
+												height: 28,
+												fontSize: 11,
+												fontWeight: 700,
+												bgcolor: N(H.palette.primary.main, .12),
+												color: "primary.dark"
+											},
+											children: z(r)
+										}), /* @__PURE__ */ g(b, {
+											sx: { minWidth: 0 },
+											children: /* @__PURE__ */ g(O, {
+												variant: "body2",
+												sx: {
+													fontWeight: 700,
+													lineHeight: 1.2
+												},
+												children: r
+											})
+										})]
+									}) : e.memberId ? /* @__PURE__ */ _(O, {
+										variant: "caption",
+										sx: {
+											fontFamily: "monospace",
+											color: "text.secondary"
+										},
+										children: [e.memberId.slice(0, 8), "…"]
+									}) : /* @__PURE__ */ g(S, {
+										size: "small",
+										label: "Walk-in",
+										variant: "outlined",
+										sx: {
+											fontWeight: 700,
+											borderRadius: 1.5
+										}
+									}) }),
+									/* @__PURE__ */ g(E, { children: e.paymentMode ? /* @__PURE__ */ g(S, {
+										size: "small",
+										label: e.paymentMode,
+										sx: {
+											fontWeight: 700,
+											borderRadius: 1.5,
+											height: 22,
+											bgcolor: N(H.palette.primary.main, .08),
+											color: "primary.dark",
+											border: `1px solid ${N(H.palette.primary.main, .18)}`
+										}
+									}) : /* @__PURE__ */ g(O, {
+										variant: "caption",
+										color: "text.disabled",
+										children: "—"
+									}) }),
+									/* @__PURE__ */ g(E, {
+										align: "right",
+										children: /* @__PURE__ */ g(u, { value: e.totalAmount })
+									}),
+									/* @__PURE__ */ g(E, {
+										align: "right",
+										children: /* @__PURE__ */ g(u, {
+											value: e.paidAmount,
+											tone: n ? "success" : "muted"
+										})
+									}),
+									/* @__PURE__ */ g(E, {
+										align: "right",
+										children: n ? /* @__PURE__ */ g(S, {
+											size: "small",
+											color: "success",
+											label: "Paid",
+											sx: {
+												fontWeight: 700,
+												borderRadius: 1.5,
+												height: 22
+											}
+										}) : /* @__PURE__ */ g(u, {
+											value: t,
+											tone: "warning",
+											size: "big"
+										})
+									})
+								]
+							}, e.id);
+						}) })]
+					})
+				})
+			]
+		})
+	})] });
+}
+//#endregion
+export { V as default };
+
+//# sourceMappingURL=SalesPage-DUwgkEO-.js.map

package/dist/SalesPage-DUwgkEO-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SalesPage-DUwgkEO-.js","names":[],"sources":["../src/views/SalesPage.jsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n  Alert,\n  Avatar,\n  Box,\n  Button,\n  Chip,\n  Skeleton,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  Typography,\n} from \"@mui/material\";\nimport { alpha, useTheme } from \"@mui/material/styles\";\nimport AddRoundedIcon from \"@mui/icons-material/AddRounded\";\nimport RefreshRoundedIcon from \"@mui/icons-material/RefreshRounded\";\nimport PointOfSaleRoundedIcon from \"@mui/icons-material/PointOfSaleRounded\";\nimport ReceiptLongRoundedIcon from \"@mui/icons-material/ReceiptLongRounded\";\nimport PaymentsRoundedIcon from \"@mui/icons-material/PaymentsRounded\";\nimport TrendingUpRoundedIcon from \"@mui/icons-material/TrendingUpRounded\";\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 } from \"@pm/utils/permissions\";\nimport {\n  PmEmptyRow,\n  PmMoney,\n  PmRef,\n  PmTable,\n  PmTableCard,\n} from \"@pm/components/PmTable\";\nimport { getMembersByIds, listSales } from \"@pm/services/pmApi\";\nimport { formatDate, formatNumber } from \"@pm/utils/format\";\nimport { currencySymbol } from \"@pm/utils/currency\";\nimport { usePmSettings } from \"@pm/utils/settingsStore\";\n\nfunction initials(name) {\n  if (!name) return \"?\";\n  return name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((s) => s[0])\n    .join(\"\")\n    .toUpperCase();\n}\n\n// Mini KPI tile shown above the table. Compact, accent-tinted icon, big\n// number — gives the operator a \"what happened lately\" read at a glance.\nfunction SummaryTile({\n  icon: Icon,\n  label,\n  value,\n  accent = \"primary\",\n  loading,\n}) {\n  const theme = useTheme();\n  const accentMain = theme.palette[accent]?.main ?? accent;\n  const accentDark = theme.palette[accent]?.dark ?? accent;\n  return (\n    <Box\n      sx={{\n        flex: 1,\n        p: 2,\n        borderRadius: 3,\n        border: \"1px solid\",\n        borderColor: alpha(accentMain, 0.18),\n        background: `linear-gradient(135deg, ${alpha(accentMain, 0.05)} 0%, ${alpha(theme.palette.background.paper, 1)} 70%)`,\n        position: \"relative\",\n        overflow: \"hidden\",\n      }}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n        <Box\n          sx={{\n            width: 36,\n            height: 36,\n            borderRadius: 2,\n            display: \"grid\",\n            placeItems: \"center\",\n            background: `linear-gradient(135deg, ${accentMain} 0%, ${accentDark} 100%)`,\n            color: \"#fff\",\n            boxShadow: `0 6px 14px ${alpha(accentMain, 0.32)}`,\n          }}\n        >\n          <Icon sx={{ fontSize: 18 }} />\n        </Box>\n        <Box sx={{ minWidth: 0 }}>\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            sx={{\n              fontWeight: 700,\n              letterSpacing: 0.6,\n              textTransform: \"uppercase\",\n            }}\n          >\n            {label}\n          </Typography>\n          {loading ? (\n            <Skeleton width={80} height={26} />\n          ) : (\n            <Typography\n              variant=\"h6\"\n              sx={{\n                fontWeight: 800,\n                fontVariantNumeric: \"tabular-nums\",\n                lineHeight: 1.2,\n              }}\n            >\n              {value}\n            </Typography>\n          )}\n        </Box>\n      </Stack>\n    </Box>\n  );\n}\n\nexport default function SalesPage() {\n  const navigate = useNavigate();\n  const theme = useTheme();\n  const settings = usePmSettings();\n  const cur = currencySymbol(settings?.currencyCode);\n  const [items, setItems] = useState([]);\n  // Map of memberId -> display name, hydrated for memberIds present on the\n  // loaded sales. Avoids loading the entire member directory just to render\n  // the \"Customer\" column.\n  const [memberNames, setMemberNames] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(\"\");\n\n  async function load() {\n    setLoading(true);\n    setError(\"\");\n    try {\n      const list = await listSales(0, 50);\n      setItems(list);\n      const ids = Array.from(\n        new Set(list.map((s) => s.memberId).filter(Boolean)),\n      );\n      if (ids.length === 0) {\n        setMemberNames({});\n      } else {\n        try {\n          const refs = await getMembersByIds(ids);\n          const map = {};\n          refs.forEach((r) => {\n            map[r.id] = r.name;\n          });\n          setMemberNames(map);\n        } catch {\n          setMemberNames({});\n        }\n      }\n    } catch (err) {\n      const message =\n        err?.response?.data?.message ?? err?.message ?? \"Failed to load sales\";\n      setError(message);\n      showToast({ message, type: \"error\" });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect(\n    \"view.manage.productManagement.sale\",\n    () => {\n      void load();\n    },\n    [],\n  );\n\n  const summary = useMemo(() => {\n    const totalRevenue = items.reduce(\n      (s, x) => s + Number(x.totalAmount || 0),\n      0,\n    );\n    const totalDue = items.reduce((s, x) => s + Number(x.dueAmount || 0), 0);\n    const openSales = items.filter((x) => Number(x.dueAmount) > 0).length;\n    return { totalRevenue, totalDue, openSales, count: items.length };\n  }, [items]);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={\"view.manage.productManagement.sale\"}>\n        <PmPageShell\n          title=\"Sales\"\n          subtitle=\"Customer sales and payments. Each sale is tracked with the batches used.\"\n          actions={\n            <Stack direction=\"row\" spacing={1}>\n              <Button\n                variant=\"outlined\"\n                startIcon={<RefreshRoundedIcon />}\n                onClick={() => void load()}\n              >\n                Refresh\n              </Button>\n              {/* DEMO-ONLY: in production a sale is started by passing the member id\n                via the URL (/sales/new/:memberId) from an outside flow. Unhide\n                this button to launch the create page directly for demos. */}\n              {false && (\n                <Button\n                  variant=\"contained\"\n                  startIcon={<AddRoundedIcon />}\n                  onClick={() => navigate(\"/ui/medplat/manage/pm/sales/new\")}\n                >\n                  New Sale\n                </Button>\n              )}\n            </Stack>\n          }\n        >\n          {/* ---------- Summary strip ---------- */}\n          <Stack\n            direction={{ xs: \"column\", md: \"row\" }}\n            spacing={2}\n            sx={{ mb: 2 }}\n          >\n            <SummaryTile\n              icon={ReceiptLongRoundedIcon}\n              label=\"Sales (last 50)\"\n              value={summary.count}\n              accent=\"primary\"\n              loading={loading}\n            />\n            <SummaryTile\n              icon={TrendingUpRoundedIcon}\n              label=\"Total billed\"\n              value={`${cur}${formatNumber(summary.totalRevenue)}`}\n              accent=\"success\"\n              loading={loading}\n            />\n            <SummaryTile\n              icon={PaymentsRoundedIcon}\n              label=\"Outstanding dues\"\n              value={`${cur}${formatNumber(summary.totalDue)}`}\n              accent=\"warning\"\n              loading={loading}\n            />\n            <SummaryTile\n              icon={PointOfSaleRoundedIcon}\n              label=\"Open sales\"\n              value={summary.openSales}\n              accent=\"info\"\n              loading={loading}\n            />\n          </Stack>\n\n          {error ? (\n            <Alert severity=\"error\" sx={{ mb: 2 }}>\n              {error}\n            </Alert>\n          ) : null}\n\n          {/* ---------- Table ---------- */}\n          <PmTableCard\n            eyebrow=\"Recent activity\"\n            title=\"Sales transactions\"\n            subtitle={\n              loading\n                ? \"Loading…\"\n                : `${summary.count} ${summary.count === 1 ? \"sale\" : \"sales\"} in the last window`\n            }\n          >\n            <PmTable dense>\n              <TableHead>\n                <TableRow>\n                  <TableCell>Ref</TableCell>\n                  <TableCell>Date</TableCell>\n                  <TableCell>Customer</TableCell>\n                  <TableCell>Payment</TableCell>\n                  <TableCell align=\"right\">Total</TableCell>\n                  <TableCell align=\"right\">Paid</TableCell>\n                  <TableCell align=\"right\">Due</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {loading ? (\n                  Array.from({ length: 5 }).map((_, i) => (\n                    <TableRow key={i}>\n                      {Array.from({ length: 7 }).map((__, j) => (\n                        <TableCell key={j}>\n                          <Skeleton height={22} />\n                        </TableCell>\n                      ))}\n                    </TableRow>\n                  ))\n                ) : items.length === 0 ? (\n                  <PmEmptyRow\n                    colSpan={7}\n                    icon={PointOfSaleRoundedIcon}\n                    title=\"No sales yet\"\n                    hint=\"Record a sale to see it here with payment details.\"\n                    action={\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<AddRoundedIcon />}\n                        onClick={() =>\n                          navigate(\"/ui/medplat/manage/pm/sales/new\")\n                        }\n                      >\n                        Record first sale\n                      </Button>\n                    }\n                  />\n                ) : (\n                  items.map((s) => {\n                    const due = Number(s.dueAmount || 0);\n                    const isPaid = due <= 0;\n                    const memberName = memberNames[s.memberId];\n                    return (\n                      <TableRow key={s.id} hover>\n                        <TableCell>\n                          <PmRef id={s.serialId} />\n                        </TableCell>\n                        <TableCell>\n                          <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>\n                            {formatDate(s.saleDate)}\n                          </Typography>\n                        </TableCell>\n                        <TableCell>\n                          {memberName ? (\n                            <Stack\n                              direction=\"row\"\n                              alignItems=\"center\"\n                              spacing={1.25}\n                            >\n                              <Avatar\n                                sx={{\n                                  width: 28,\n                                  height: 28,\n                                  fontSize: 11,\n                                  fontWeight: 700,\n                                  bgcolor: alpha(\n                                    theme.palette.primary.main,\n                                    0.12,\n                                  ),\n                                  color: \"primary.dark\",\n                                }}\n                              >\n                                {initials(memberName)}\n                              </Avatar>\n                              <Box sx={{ minWidth: 0 }}>\n                                <Typography\n                                  variant=\"body2\"\n                                  sx={{ fontWeight: 700, lineHeight: 1.2 }}\n                                >\n                                  {memberName}\n                                </Typography>\n                              </Box>\n                            </Stack>\n                          ) : s.memberId ? (\n                            <Typography\n                              variant=\"caption\"\n                              sx={{\n                                fontFamily: \"monospace\",\n                                color: \"text.secondary\",\n                              }}\n                            >\n                              {s.memberId.slice(0, 8)}…\n                            </Typography>\n                          ) : (\n                            <Chip\n                              size=\"small\"\n                              label=\"Walk-in\"\n                              variant=\"outlined\"\n                              sx={{ fontWeight: 700, borderRadius: 1.5 }}\n                            />\n                          )}\n                        </TableCell>\n                        <TableCell>\n                          {s.paymentMode ? (\n                            <Chip\n                              size=\"small\"\n                              label={s.paymentMode}\n                              sx={{\n                                fontWeight: 700,\n                                borderRadius: 1.5,\n                                height: 22,\n                                bgcolor: alpha(\n                                  theme.palette.primary.main,\n                                  0.08,\n                                ),\n                                color: \"primary.dark\",\n                                border: `1px solid ${alpha(theme.palette.primary.main, 0.18)}`,\n                              }}\n                            />\n                          ) : (\n                            <Typography variant=\"caption\" color=\"text.disabled\">\n                              —\n                            </Typography>\n                          )}\n                        </TableCell>\n                        <TableCell align=\"right\">\n                          <PmMoney value={s.totalAmount} />\n                        </TableCell>\n                        <TableCell align=\"right\">\n                          <PmMoney\n                            value={s.paidAmount}\n                            tone={isPaid ? \"success\" : \"muted\"}\n                          />\n                        </TableCell>\n                        <TableCell align=\"right\">\n                          {isPaid ? (\n                            <Chip\n                              size=\"small\"\n                              color=\"success\"\n                              label=\"Paid\"\n                              sx={{\n                                fontWeight: 700,\n                                borderRadius: 1.5,\n                                height: 22,\n                              }}\n                            />\n                          ) : (\n                            <PmMoney value={due} tone=\"warning\" size=\"big\" />\n                          )}\n                        </TableCell>\n                      </TableRow>\n                    );\n                  })\n                )}\n              </TableBody>\n            </PmTable>\n          </PmTableCard>\n        </PmPageShell>\n      </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}