@argusoft/medplat-product-management 1.0.0

package/dist/MemberProfileCard-DbHZCS5n.js

@@ -0,0 +1,272 @@
+import { D as e, i as t } from "./PmGuard-CjJBisaN.js";
+import { r as n } from "./format-UOyOu75i.js";
+import { useEffect as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Avatar as c, Box as l, Chip as u, LinearProgress as d, Stack as f, Typography as p } from "@mui/material";
+import { alpha as m } from "@mui/material/styles";
+import h from "@mui/icons-material/PaymentsRounded";
+import g from "@mui/icons-material/LockOutlined";
+import _ from "@mui/icons-material/BadgeRounded";
+import v from "@mui/icons-material/GroupsRounded";
+import y from "@mui/icons-material/CakeRounded";
+//#region src/components/MemberProfileCard.jsx
+function b(e) {
+	return e ? e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]).join("").toUpperCase() : "?";
+}
+function x(e) {
+	if (!e) return null;
+	let t = e instanceof Date ? e : new Date(e);
+	if (Number.isNaN(t.getTime())) return null;
+	let n = /* @__PURE__ */ new Date(), r = n.getFullYear() - t.getFullYear(), i = n.getMonth() - t.getMonth();
+	return (i < 0 || i === 0 && n.getDate() < t.getDate()) && --r, r >= 0 ? r : null;
+}
+function S({ memberId: S, previousDue: w = 0, currencySymbol: T = "", onLoad: E }) {
+	let D = t().has("view.manage.productManagement.member"), [O, k] = i(null), [A, j] = i(!1), [M, N] = i(!1);
+	if (r(() => {
+		if (!S) {
+			k(null), N(!1), j(!1);
+			return;
+		}
+		if (!D) {
+			k(null), N(!1), j(!1);
+			return;
+		}
+		let t = !1;
+		return j(!0), N(!1), (async () => {
+			try {
+				let n = await e(S);
+				if (t) return;
+				n ? (k(n), N(!1), E?.(n)) : (k(null), N(!0));
+			} catch {
+				t || (k(null), N(!0));
+			} finally {
+				t || j(!1);
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [S, D]), !D && S) return /* @__PURE__ */ o(l, {
+		sx: (e) => ({
+			p: 2,
+			borderRadius: 3,
+			border: `1px solid ${m(e.palette.warning.main, .4)}`,
+			bgcolor: m(e.palette.warning.main, .05)
+		}),
+		children: /* @__PURE__ */ s(f, {
+			direction: "row",
+			alignItems: "center",
+			spacing: 1.25,
+			children: [/* @__PURE__ */ o(g, {
+				fontSize: "small",
+				sx: { color: "warning.dark" }
+			}), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(p, {
+				variant: "body2",
+				sx: {
+					fontWeight: 700,
+					color: "warning.dark"
+				},
+				children: "Member details hidden"
+			}), /* @__PURE__ */ o(p, {
+				variant: "caption",
+				color: "text.secondary",
+				children: "You don’t have permission to view member profiles. Ask an admin to grant access if you need to see this customer’s details."
+			})] })]
+		})
+	});
+	if (A) return /* @__PURE__ */ s(l, {
+		sx: {
+			p: 2,
+			borderRadius: 3,
+			border: "1px solid",
+			borderColor: "divider"
+		},
+		children: [/* @__PURE__ */ o(d, {}), /* @__PURE__ */ o(p, {
+			variant: "caption",
+			color: "text.secondary",
+			sx: {
+				mt: 1,
+				display: "block"
+			},
+			children: "Loading member…"
+		})]
+	});
+	if (M) return /* @__PURE__ */ s(l, {
+		sx: (e) => ({
+			p: 2,
+			borderRadius: 3,
+			border: `1px solid ${m(e.palette.error.main, .4)}`,
+			bgcolor: m(e.palette.error.main, .05)
+		}),
+		children: [/* @__PURE__ */ o(p, {
+			variant: "body2",
+			sx: {
+				fontWeight: 700,
+				color: "error.dark"
+			},
+			children: "Member not found"
+		}), /* @__PURE__ */ o(p, {
+			variant: "caption",
+			color: "text.secondary",
+			children: "The id passed via the URL didn’t resolve in the configured member table, or the column mapping in Settings is incomplete."
+		})]
+	});
+	if (!O) return null;
+	let P = x(O.dob);
+	return /* @__PURE__ */ o(l, {
+		sx: (e) => ({
+			p: 2.5,
+			borderRadius: 3,
+			border: "1px solid",
+			borderColor: "divider",
+			background: `linear-gradient(135deg, ${m(e.palette.primary.main, .04)} 0%, ${e.palette.background.paper} 100%)`
+		}),
+		children: /* @__PURE__ */ s(f, {
+			direction: {
+				xs: "column",
+				md: "row"
+			},
+			alignItems: { md: "center" },
+			spacing: 2,
+			children: [
+				/* @__PURE__ */ o(c, {
+					sx: {
+						width: 56,
+						height: 56,
+						bgcolor: "primary.main",
+						fontWeight: 800,
+						fontSize: 18
+					},
+					children: b(O.name)
+				}),
+				/* @__PURE__ */ s(l, {
+					sx: {
+						flexGrow: 1,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ o(p, {
+						variant: "h6",
+						sx: {
+							fontWeight: 800,
+							lineHeight: 1.2
+						},
+						children: O.name || /* @__PURE__ */ o(p, {
+							component: "span",
+							variant: "caption",
+							color: "text.disabled",
+							children: "No name configured"
+						})
+					}), /* @__PURE__ */ s(f, {
+						direction: "row",
+						flexWrap: "wrap",
+						useFlexGap: !0,
+						spacing: 1.25,
+						sx: { mt: 1 },
+						children: [
+							O.identifier ? /* @__PURE__ */ o(C, {
+								icon: /* @__PURE__ */ o(_, { fontSize: "small" }),
+								label: "Identifier",
+								value: O.identifier
+							}) : null,
+							O.familyId ? /* @__PURE__ */ o(C, {
+								icon: /* @__PURE__ */ o(v, { fontSize: "small" }),
+								label: "Family ID",
+								value: O.familyId
+							}) : null,
+							P == null ? null : /* @__PURE__ */ o(C, {
+								icon: /* @__PURE__ */ o(y, { fontSize: "small" }),
+								label: "Age",
+								value: `${P} ${P === 1 ? "year" : "years"}`
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ o(l, {
+					sx: {
+						minWidth: 160,
+						textAlign: {
+							xs: "left",
+							md: "right"
+						}
+					},
+					children: w > 0 ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s(f, {
+						direction: "row",
+						alignItems: "center",
+						spacing: .75,
+						justifyContent: {
+							xs: "flex-start",
+							md: "flex-end"
+						},
+						sx: { color: "text.secondary" },
+						children: [/* @__PURE__ */ o(h, { fontSize: "small" }), /* @__PURE__ */ o(p, {
+							variant: "caption",
+							sx: {
+								fontWeight: 700,
+								letterSpacing: .6,
+								textTransform: "uppercase"
+							},
+							children: "Outstanding"
+						})]
+					}), /* @__PURE__ */ s(p, {
+						variant: "h5",
+						sx: {
+							fontWeight: 800,
+							color: "warning.dark",
+							fontVariantNumeric: "tabular-nums"
+						},
+						children: [T, n(w)]
+					})] }) : /* @__PURE__ */ o(u, {
+						size: "small",
+						color: "success",
+						label: "No outstanding dues",
+						sx: { fontWeight: 700 }
+					})
+				})
+			]
+		})
+	});
+}
+function C({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ s(l, {
+		sx: (e) => ({
+			display: "inline-flex",
+			alignItems: "center",
+			gap: .75,
+			px: 1,
+			py: .4,
+			borderRadius: 1.5,
+			bgcolor: m(e.palette.primary.main, .06),
+			border: `1px solid ${m(e.palette.primary.main, .16)}`,
+			color: "text.primary"
+		}),
+		children: [
+			/* @__PURE__ */ o(l, {
+				sx: {
+					display: "flex",
+					color: "text.secondary"
+				},
+				children: e
+			}),
+			/* @__PURE__ */ o(p, {
+				component: "span",
+				variant: "caption",
+				color: "text.secondary",
+				sx: {
+					fontWeight: 700,
+					letterSpacing: .4,
+					textTransform: "uppercase"
+				},
+				children: t
+			}),
+			/* @__PURE__ */ o(p, {
+				component: "span",
+				variant: "body2",
+				sx: { fontWeight: 700 },
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=MemberProfileCard-DbHZCS5n.js.map

package/dist/MemberProfileCard-DbHZCS5n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberProfileCard-DbHZCS5n.js","names":[],"sources":["../src/components/MemberProfileCard.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Avatar, Box, Chip, LinearProgress, Stack, Typography } from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport BadgeRoundedIcon from '@mui/icons-material/BadgeRounded';\nimport GroupsRoundedIcon from '@mui/icons-material/GroupsRounded';\nimport CakeRoundedIcon from '@mui/icons-material/CakeRounded';\nimport PaymentsRoundedIcon from '@mui/icons-material/PaymentsRounded';\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport { getMemberProfile } from '@pm/services/pmApi';\nimport { formatNumber } from '@pm/utils/format';\nimport { usePmPermissions } from '@pm/utils/permissions';\n\nfunction initials(name) {\n  if (!name) return '?';\n  return name.split(/\\s+/).filter(Boolean).slice(0, 2).map((s) => s[0]).join('').toUpperCase();\n}\n\n// Whole-year age from DOB (string or Date). Returns null when DOB is unset.\nfunction computeAge(dob) {\n  if (!dob) return null;\n  const birth = dob instanceof Date ? dob : new Date(dob);\n  if (Number.isNaN(birth.getTime())) return null;\n  const today = new Date();\n  let age = today.getFullYear() - birth.getFullYear();\n  const m = today.getMonth() - birth.getMonth();\n  if (m < 0 || (m === 0 && today.getDate() < birth.getDate())) age -= 1;\n  return age >= 0 ? age : null;\n}\n\n// Profile card for Sales / Payments. Receives the memberId and fetches the\n// profile + computes age inline. Outstanding dues are passed in by the\n// caller because the dues query is separate and the caller often has it\n// loaded already.\nexport default function MemberProfileCard({\n  memberId,\n  previousDue = 0,\n  currencySymbol = '',\n  onLoad,\n}) {\n  const perms = usePmPermissions();\n  const canSeeMember = perms.has('view.manage.productManagement.member');\n  const [profile, setProfile] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [missing, setMissing] = useState(false);\n\n  useEffect(() => {\n    if (!memberId) {\n      setProfile(null);\n      setMissing(false);\n      setLoading(false);\n      return undefined;\n    }\n    if (!canSeeMember) {\n      // No access — don't fire the /members/{id} call, the filter would 403.\n      // The card renders a friendly \"no access\" panel below.\n      setProfile(null);\n      setMissing(false);\n      setLoading(false);\n      return undefined;\n    }\n    let cancelled = false;\n    setLoading(true);\n    setMissing(false);\n    (async () => {\n      try {\n        const data = await getMemberProfile(memberId);\n        if (cancelled) return;\n        if (!data) {\n          setProfile(null);\n          setMissing(true);\n        } else {\n          setProfile(data);\n          setMissing(false);\n          onLoad?.(data);\n        }\n      } catch {\n        if (!cancelled) {\n          setProfile(null);\n          setMissing(true);\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => { cancelled = true; };\n  // onLoad is intentionally excluded; passing a fresh function each render\n  // shouldn't re-fire the fetch. The caller should memoize if needed.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [memberId, canSeeMember]);\n\n  if (!canSeeMember && memberId) {\n    return (\n      <Box sx={(theme) => ({\n        p: 2,\n        borderRadius: 3,\n        border: `1px solid ${alpha(theme.palette.warning.main, 0.4)}`,\n        bgcolor: alpha(theme.palette.warning.main, 0.05),\n      })}>\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1.25}>\n          <LockOutlinedIcon fontSize=\"small\" sx={{ color: 'warning.dark' }} />\n          <Box>\n            <Typography variant=\"body2\" sx={{ fontWeight: 700, color: 'warning.dark' }}>\n              Member details hidden\n            </Typography>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              You don’t have permission to view member profiles. Ask an admin\n              to grant access if you need to see this customer’s details.\n            </Typography>\n          </Box>\n        </Stack>\n      </Box>\n    );\n  }\n\n  if (loading) {\n    return (\n      <Box sx={{ p: 2, borderRadius: 3, border: '1px solid', borderColor: 'divider' }}>\n        <LinearProgress />\n        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ mt: 1, display: 'block' }}>\n          Loading member…\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (missing) {\n    return (\n      <Box sx={(theme) => ({\n        p: 2,\n        borderRadius: 3,\n        border: `1px solid ${alpha(theme.palette.error.main, 0.4)}`,\n        bgcolor: alpha(theme.palette.error.main, 0.05),\n      })}>\n        <Typography variant=\"body2\" sx={{ fontWeight: 700, color: 'error.dark' }}>\n          Member not found\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          The id passed via the URL didn’t resolve in the configured member table, or the column mapping in Settings is incomplete.\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (!profile) return null;\n\n  const age = computeAge(profile.dob);\n\n  return (\n    <Box\n      sx={(theme) => ({\n        p: 2.5,\n        borderRadius: 3,\n        border: '1px solid',\n        borderColor: 'divider',\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.04)} 0%, ${theme.palette.background.paper} 100%)`,\n      })}\n    >\n      <Stack direction={{ xs: 'column', md: 'row' }} alignItems={{ md: 'center' }} spacing={2}>\n        <Avatar sx={{ width: 56, height: 56, bgcolor: 'primary.main', fontWeight: 800, fontSize: 18 }}>\n          {initials(profile.name)}\n        </Avatar>\n        <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n          <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n            {profile.name || <Typography component=\"span\" variant=\"caption\" color=\"text.disabled\">No name configured</Typography>}\n          </Typography>\n          <Stack direction=\"row\" flexWrap=\"wrap\" useFlexGap spacing={1.25} sx={{ mt: 1 }}>\n            {profile.identifier ? (\n              <DetailChip icon={<BadgeRoundedIcon fontSize=\"small\" />} label=\"Identifier\" value={profile.identifier} />\n            ) : null}\n            {profile.familyId ? (\n              <DetailChip icon={<GroupsRoundedIcon fontSize=\"small\" />} label=\"Family ID\" value={profile.familyId} />\n            ) : null}\n            {age != null ? (\n              <DetailChip icon={<CakeRoundedIcon fontSize=\"small\" />} label=\"Age\" value={`${age} ${age === 1 ? 'year' : 'years'}`} />\n            ) : null}\n          </Stack>\n        </Box>\n        <Box sx={{ minWidth: 160, textAlign: { xs: 'left', md: 'right' } }}>\n          {previousDue > 0 ? (\n            <>\n              <Stack direction=\"row\" alignItems=\"center\" spacing={0.75} justifyContent={{ xs: 'flex-start', md: 'flex-end' }} sx={{ color: 'text.secondary' }}>\n                <PaymentsRoundedIcon fontSize=\"small\" />\n                <Typography variant=\"caption\" sx={{ fontWeight: 700, letterSpacing: 0.6, textTransform: 'uppercase' }}>\n                  Outstanding\n                </Typography>\n              </Stack>\n              <Typography variant=\"h5\" sx={{ fontWeight: 800, color: 'warning.dark', fontVariantNumeric: 'tabular-nums' }}>\n                {currencySymbol}{formatNumber(previousDue)}\n              </Typography>\n            </>\n          ) : (\n            <Chip size=\"small\" color=\"success\" label=\"No outstanding dues\" sx={{ fontWeight: 700 }} />\n          )}\n        </Box>\n      </Stack>\n    </Box>\n  );\n}\n\nfunction DetailChip({ icon, label, value }) {\n  return (\n    <Box\n      sx={(theme) => ({\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: 0.75,\n        px: 1,\n        py: 0.4,\n        borderRadius: 1.5,\n        bgcolor: alpha(theme.palette.primary.main, 0.06),\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.16)}`,\n        color: 'text.primary',\n      })}\n    >\n      <Box sx={{ display: 'flex', color: 'text.secondary' }}>{icon}</Box>\n      <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\" sx={{ fontWeight: 700, letterSpacing: 0.4, textTransform: 'uppercase' }}>\n        {label}\n      </Typography>\n      <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: 700 }}>\n        {value}\n      </Typography>\n    </Box>\n  );\n}\n"],"mappings":"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"}