@argusoft/medplat-product-management 1.0.2 → 1.0.3

package/dist/{MemberProfileCard-0vjO3Gzd.js → MemberProfileCard-CinPt09F.js}

@@ -1,4 +1,4 @@
-import { O as e, a as t } from "./currency-ClRLIEg2.js";
+import { T as e, a as t } from "./currency-bVQ7aEk2.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";
@@ -48,7 +48,7 @@ function S({ memberId: S, previousDue: w = 0, currencySymbol: T = "", onLoad: E
 	}, [S, D]), !D && S) return /* @__PURE__ */ o(l, {
 		sx: (e) => ({
 			p: 2,
-			borderRadius: 3,
+			borderRadius: 1.5,
 			border: `1px solid ${m(e.palette.warning.main, .4)}`,
 			bgcolor: m(e.palette.warning.main, .05)
 		}),
@@ -76,7 +76,7 @@ function S({ memberId: S, previousDue: w = 0, currencySymbol: T = "", onLoad: E
 	if (A) return /* @__PURE__ */ s(l, {
 		sx: {
 			p: 2,
-			borderRadius: 3,
+			borderRadius: 1.5,
 			border: "1px solid",
 			borderColor: "divider"
 		},
@@ -93,7 +93,7 @@ function S({ memberId: S, previousDue: w = 0, currencySymbol: T = "", onLoad: E
 	if (M) return /* @__PURE__ */ s(l, {
 		sx: (e) => ({
 			p: 2,
-			borderRadius: 3,
+			borderRadius: 1.5,
 			border: `1px solid ${m(e.palette.error.main, .4)}`,
 			bgcolor: m(e.palette.error.main, .05)
 		}),
@@ -115,7 +115,7 @@ function S({ memberId: S, previousDue: w = 0, currencySymbol: T = "", onLoad: E
 	return /* @__PURE__ */ o(l, {
 		sx: (e) => ({
 			p: 2.5,
-			borderRadius: 3,
+			borderRadius: 1.5,
 			border: "1px solid",
 			borderColor: "divider",
 			background: `linear-gradient(135deg, ${m(e.palette.primary.main, .04)} 0%, ${e.palette.background.paper} 100%)`
@@ -269,4 +269,4 @@ function C({ icon: e, label: t, value: n }) {
 //#endregion
 export { S as t };
 
-//# sourceMappingURL=MemberProfileCard-0vjO3Gzd.js.map
+//# sourceMappingURL=MemberProfileCard-CinPt09F.js.map

package/dist/MemberProfileCard-CinPt09F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberProfileCard-CinPt09F.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: 1.5,\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: 1.5, 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: 1.5,\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: 1.5,\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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"}