@argusoft/medplat-product-management 1.0.6 → 1.0.7

package/dist/InventoryPage-CTdq6txa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryPage-CTdq6txa.js","names":[],"sources":["../src/views/InventoryPage.jsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  InputAdornment,\n  LinearProgress,\n  Skeleton,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Tooltip,\n  Typography,\n} from \"@mui/material\";\nimport { alpha, useTheme } from \"@mui/material/styles\";\nimport WidgetsRoundedIcon from \"@mui/icons-material/WidgetsRounded\";\nimport { PmEmptyRow, PmRef, PmSelect, PmTable, PmTableCard } from \"@pm/components/PmTable\";\nimport RefreshRoundedIcon from \"@mui/icons-material/RefreshRounded\";\nimport LockRoundedIcon from \"@mui/icons-material/LockRounded\";\nimport LockOpenRoundedIcon from \"@mui/icons-material/LockOpenRounded\";\nimport ReportRoundedIcon from \"@mui/icons-material/ReportRounded\";\nimport SearchRoundedIcon from \"@mui/icons-material/SearchRounded\";\nimport { showToast } from '@pm/utils/pmToast';\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  listBatches,\n  quarantineBatch,\n  unquarantineBatch,\n  wasteBatch,\n} from \"@pm/services/pmApi\";\nimport { BATCH_STATUSES, INVENTORY_OWNER_TYPES, QUARANTINE_REASONS, WASTAGE_REASONS, labelOf } from \"@pm/utils/constants\";\nimport { formatDate, isPastExpiry, statusColor } from \"@pm/utils/format\";\nimport { validateRequired } from \"@pm/utils/validation\";\n\n// Shared \"is this batch past its printed expiry?\" check. Used for both the\n// per-row pill and the \"Not yet expired\" filter so they can never disagree.\n// A batch whose expiryDate equals today is still valid — only the day AFTER\n// the printed expiry counts as expired (matches the unit packaging rule).\nfunction isBatchExpired(b) {\n  if (!b) return false;\n  if (b.status === 'EXPIRED') return true;\n  return isPastExpiry(b.expiryDate);\n}\n\n// Scenario-based \"Show\" filter. Each option isolates one situation an operator\n// looks for, replacing the old status-dropdown + overlapping chips.\nconst INVENTORY_VIEWS = [\n  { value: 'ACTIVE',      label: 'Active stock' },\n  { value: 'IN_USE',      label: 'In use' },\n  { value: 'USED_UP',     label: 'Used up' },\n  { value: 'EXPIRED',     label: 'Expired' },\n  { value: 'QUARANTINED', label: 'Quarantined' },\n  { value: 'WASTAGE',     label: 'Has wastage' },\n  { value: 'ALL',         label: 'All batches' },\n];\n\nfunction matchesInventoryView(b, view) {\n  const expired = isBatchExpired(b);\n  const qty = Number(b.qtyRemaining ?? 0);\n  switch (view) {\n    case 'ACTIVE':      return qty > 0 && !expired && b.isQuarantined !== true;\n    case 'IN_USE':      return b.status === 'IN_USE';\n    case 'USED_UP':     return b.status === 'EXHAUSTED';\n    case 'EXPIRED':     return expired;\n    case 'QUARANTINED': return b.isQuarantined === true || b.status === 'QUARANTINED';\n    case 'WASTAGE':     return Number(b.wastedQty ?? 0) > 0;\n    case 'ALL':\n    default:            return true;\n  }\n}\n\nexport default function InventoryPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.inventory');\n  const [items, setItems] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const [quarantineDialog, setQuarantineDialog] = useState({\n    open: false,\n    batch: null,\n    reason: \"OTHER\",\n    notes: \"\",\n  });\n  // Batch-level wastage dialog — write off a quantity as wastage (any product).\n  const [wastageDialog, setWastageDialog] = useState({\n    open: false,\n    batch: null,\n    qty: 1,\n    reason: \"DAMAGED\",\n    comments: \"\",\n  });\n  const [submittingWastage, setSubmittingWastage] = useState(false);\n  const theme = useTheme();\n  const [search, setSearch] = useState('');\n  // One scenario-based \"Show\" filter instead of a status dropdown + several\n  // overlapping chips. Each option isolates one situation the operator cares\n  // about; defaults to Active stock so the list is scannable out of the box.\n  const [view, setView] = useState('ACTIVE');\n\n  async function load() {\n    setLoading(true);\n    setError(\"\");\n    try {\n      setItems(await listBatches());\n    } catch (err) {\n      const message =\n        err?.response?.data?.message ??\n        err?.message ??\n        \"Failed to load inventory\";\n      setError(message);\n      showToast({ message, type: \"error\" });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.inventory', () => {\n    void load();\n  }, []);\n\n  // Filters apply in-memory over whatever the list endpoint returned. Search\n  // matches product name + lot (case-insensitive); the Show filter isolates one\n  // scenario.\n  const filteredItems = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    return items.filter((b) => {\n      if (q) {\n        const hay = `${b.productName ?? ''} ${b.lotNumber ?? ''}`.toLowerCase();\n        if (!hay.includes(q)) return false;\n      }\n      return matchesInventoryView(b, view);\n    });\n  }, [items, search, view]);\n\n  const hasFilter = search.trim() !== '' || view !== 'ALL';\n\n  function clearFilters() {\n    setSearch('');\n    setView('ALL');\n  }\n\n  function openWastage(batch) {\n    setWastageDialog({\n      open: true,\n      batch,\n      qty: batch.qtyRemaining ?? 1,\n      reason: \"DAMAGED\",\n      comments: \"\",\n    });\n  }\n\n  const wastageQtyNum = Number(wastageDialog.qty);\n  const wastageMax = Number(wastageDialog.batch?.qtyRemaining ?? 0);\n  const wastageQtyError = !Number.isInteger(wastageQtyNum) || wastageQtyNum <= 0\n    ? 'Enter a whole number greater than 0.'\n    : wastageQtyNum > wastageMax\n      ? `Only ${wastageMax} available to waste.`\n      : '';\n  const wastageValid = !wastageQtyError && !!wastageDialog.reason;\n\n  async function doWaste() {\n    if (!wastageDialog.batch || !wastageValid) return;\n    setSubmittingWastage(true);\n    try {\n      await wasteBatch({\n        id: uuidv4(),\n        batchId: wastageDialog.batch.id,\n        wastedQty: wastageQtyNum,\n        reason: wastageDialog.reason,\n        comments: wastageDialog.comments || null,\n      });\n      showToast({ message: \"Wastage recorded.\", type: \"success\" });\n      setWastageDialog({ open: false, batch: null, qty: 1, reason: \"DAMAGED\", comments: \"\" });\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? \"Failed to record wastage\";\n      showToast({ message, type: \"error\" });\n    } finally {\n      setSubmittingWastage(false);\n    }\n  }\n\n  async function doQuarantine() {\n    try {\n      await quarantineBatch({\n        id: uuidv4(),\n        batchId: quarantineDialog.batch.id,\n        reason: quarantineDialog.reason,\n        notes: quarantineDialog.notes || null,\n      });\n      showToast({ message: \"Batch quarantined.\", type: \"success\" });\n      setQuarantineDialog({\n        open: false,\n        batch: null,\n        reason: \"OTHER\",\n        notes: \"\",\n      });\n      await load();\n    } catch (err) {\n      const message =\n        err?.response?.data?.message ?? err?.message ?? \"Failed to quarantine\";\n      showToast({ message, type: \"error\" });\n    }\n  }\n\n  async function doUnquarantine(batch) {\n    try {\n      await unquarantineBatch({ id: uuidv4(), batchId: batch.id });\n      showToast({ message: \"Quarantine lifted.\", type: \"success\" });\n      await load();\n    } catch (err) {\n      const message =\n        err?.response?.data?.message ??\n        err?.message ??\n        \"Failed to unquarantine\";\n      showToast({ message, type: \"error\" });\n    }\n  }\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.inventory'}>\n        <PmPageShell\n          title=\"Inventory\"\n          subtitle=\"Your stock batches. Click to see history or quarantine items if there's a problem.\"\n          chips={[\"Stock\"]}\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            </Stack>\n          }\n        >\n          {error ? (\n            <Alert severity=\"error\" sx={{ mb: 2 }}>\n              {error}\n            </Alert>\n          ) : null}\n\n          <PmTableCard\n            eyebrow=\"Stock on hand\"\n            title=\"Inventory batches\"\n            subtitle={\n              loading\n                ? \"Loading…\"\n                : hasFilter\n                  ? `${filteredItems.length} of ${items.length} ${items.length === 1 ? 'batch' : 'batches'} match`\n                  : `${items.length} ${items.length === 1 ? 'batch' : 'batches'} visible`\n            }\n          >\n            <Stack direction={{ xs: 'column', md: 'row' }} spacing={1.5} sx={{ mb: 2 }} alignItems={{ md: 'center' }}>\n              <TextField\n                size=\"small\"\n                fullWidth\n                placeholder=\"Search product or lot…\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                InputProps={{\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <SearchRoundedIcon fontSize=\"small\" />\n                    </InputAdornment>\n                  ),\n                }}\n                sx={{ maxWidth: { md: 360 } }}\n              />\n              <Box sx={{ minWidth: 190 }}>\n                <PmSelect\n                  label=\"Show\"\n                  value={view}\n                  onChange={setView}\n                  options={INVENTORY_VIEWS}\n                />\n              </Box>\n              <Box sx={{ flexGrow: 1 }} />\n              <Button variant=\"text\" onClick={clearFilters} disabled={!hasFilter}>Clear</Button>\n            </Stack>\n\n            <PmTable dense>\n              <TableHead>\n                <TableRow>\n                  <TableCell>Product</TableCell>\n                  <TableCell>Lot</TableCell>\n                  <TableCell>Owner</TableCell>\n                  <TableCell>Expiry</TableCell>\n                  <TableCell align=\"right\">Stock</TableCell>\n                  <TableCell>Storage</TableCell>\n                  <TableCell>Status</TableCell>\n                  <TableCell align=\"right\">Action</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {loading ? (\n                  Array.from({ length: 5 }).map((_, i) => (\n                    <TableRow key={i}>\n                      {Array.from({ length: 8 }).map((__, j) => (\n                        <TableCell key={j}>\n                          <Skeleton height={22} />\n                        </TableCell>\n                      ))}\n                    </TableRow>\n                  ))\n                ) : filteredItems.length === 0 ? (\n                  <PmEmptyRow\n                    colSpan={8}\n                    icon={WidgetsRoundedIcon}\n                    title={hasFilter ? 'No batches match your filters' : 'No batches in stock'}\n                    hint={hasFilter\n                      ? 'Adjust your search or filters.'\n                      : 'Record a purchase to add stock.'}\n                    action={hasFilter ? (\n                      <Button variant=\"text\" size=\"small\" onClick={clearFilters}>Clear filters</Button>\n                    ) : null}\n                  />\n                ) : (\n                  filteredItems.map((b) => {\n                    const isExpired = isBatchExpired(b);\n                    const remainingRatio =\n                      b.qtyPurchased > 0 ? b.qtyRemaining / b.qtyPurchased : 0;\n                    return (\n                      <TableRow key={b.id} hover>\n                        <TableCell>\n                          <Stack\n                            direction=\"row\"\n                            alignItems=\"baseline\"\n                            spacing={1}\n                            sx={{ minWidth: 0 }}\n                          >\n                            <Typography\n                              variant=\"body2\"\n                              sx={{ fontWeight: 700, lineHeight: 1.2 }}\n                            >\n                              {b.productName}\n                            </Typography>\n                            <PmRef id={b.serialId} />\n                          </Stack>\n                        </TableCell>\n                        <TableCell>\n                          {b.lotNumber ? (\n                            <Box\n                              component=\"span\"\n                              sx={{\n                                display: \"inline-flex\",\n                                px: 0.7,\n                                py: 0.1,\n                                borderRadius: 1,\n                                bgcolor: alpha(theme.palette.primary.main, 0.06),\n                                color: \"primary.dark\",\n                                fontFamily: \"monospace\",\n                                fontSize: \"0.72rem\",\n                                fontWeight: 700,\n                              }}\n                            >\n                              {b.lotNumber}\n                            </Box>\n                          ) : (\n                            <Typography variant=\"caption\" color=\"text.disabled\">\n                              —\n                            </Typography>\n                          )}\n                        </TableCell>\n                        <TableCell>\n                          <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>\n                            {b.ownerName || labelOf(INVENTORY_OWNER_TYPES, b.ownerType)}\n                          </Typography>\n                          <Typography variant=\"caption\" color=\"text.secondary\">\n                            {b.ownerType}\n                          </Typography>\n                        </TableCell>\n                        <TableCell>\n                          {b.expiryDate ? (\n                            <Tooltip\n                              title={isExpired ? \"Past printed expiry\" : \"\"}\n                            >\n                              <Typography\n                                variant=\"body2\"\n                                sx={{\n                                  fontWeight: 700,\n                                  fontVariantNumeric: \"tabular-nums\",\n                                  color: isExpired\n                                    ? \"error.dark\"\n                                    : \"text.primary\",\n                                }}\n                              >\n                                {formatDate(b.expiryDate)}\n                              </Typography>\n                            </Tooltip>\n                          ) : (\n                            <Typography variant=\"caption\" color=\"text.disabled\">\n                              —\n                            </Typography>\n                          )}\n                        </TableCell>\n                        <TableCell align=\"right\" sx={{ minWidth: 150 }}>\n                          <Stack alignItems=\"flex-end\" spacing={0.5}>\n                            <Typography\n                              variant=\"body2\"\n                              sx={{\n                                fontWeight: 800,\n                                fontVariantNumeric: \"tabular-nums\",\n                              }}\n                            >\n                              {b.qtyRemaining}\n                              <Typography\n                                component=\"span\"\n                                variant=\"caption\"\n                                color=\"text.secondary\"\n                                sx={{\n                                  ml: 0.5,\n                                  fontVariantNumeric: \"tabular-nums\",\n                                }}\n                              >\n                                / {b.qtyPurchased}\n                              </Typography>\n                            </Typography>\n                            <Box sx={{ width: 80 }}>\n                              <LinearProgress\n                                variant=\"determinate\"\n                                value={Math.min(\n                                  100,\n                                  Math.max(0, remainingRatio * 100),\n                                )}\n                                sx={{ height: 4, borderRadius: 2 }}\n                                color={\n                                  remainingRatio < 0.25 ? \"warning\" : \"primary\"\n                                }\n                              />\n                            </Box>\n                            {Number(b.wastedQty ?? 0) > 0 ? (\n                              <Typography variant=\"caption\" sx={{ color: \"warning.dark\", fontWeight: 700 }}>\n                                {b.wastedQty} wasted\n                              </Typography>\n                            ) : null}\n                          </Stack>\n                        </TableCell>\n                        <TableCell>\n                          {b.storageUnitName ? (\n                            <Typography\n                              variant=\"caption\"\n                              sx={{ fontWeight: 700 }}\n                            >\n                              {b.storageUnitName}\n                            </Typography>\n                          ) : (\n                            <Typography variant=\"caption\" color=\"text.disabled\">\n                              —\n                            </Typography>\n                          )}\n                        </TableCell>\n                        <TableCell>\n                          <Stack\n                            direction=\"row\"\n                            spacing={0.5}\n                            flexWrap=\"wrap\"\n                            useFlexGap\n                          >\n                            <Chip\n                              size=\"small\"\n                              color={statusColor(b.status)}\n                              label={labelOf(BATCH_STATUSES, b.status)}\n                              sx={{\n                                fontWeight: 700,\n                                borderRadius: 1.5,\n                                height: 22,\n                              }}\n                            />\n                            {b.isQuarantined ? (\n                              <Chip\n                                size=\"small\"\n                                color=\"error\"\n                                label={labelOf(QUARANTINE_REASONS, b.quarantineReason) || \"Quarantined\"}\n                                sx={{\n                                  fontWeight: 700,\n                                  borderRadius: 1.5,\n                                  height: 22,\n                                }}\n                              />\n                            ) : null}\n                            {isExpired && b.status !== \"EXPIRED\" ? (\n                              <Chip\n                                size=\"small\"\n                                color=\"warning\"\n                                label=\"Expired\"\n                                sx={{\n                                  fontWeight: 700,\n                                  borderRadius: 1.5,\n                                  height: 22,\n                                }}\n                              />\n                            ) : null}\n                            {b.sourceType ? (\n                              <Chip\n                                size=\"small\"\n                                variant=\"outlined\"\n                                color={\n                                  b.sourceType === 'PICKUP' ? 'info'\n                                    : b.sourceType === 'TRANSFER_IN' ? 'primary'\n                                      : 'default'\n                                }\n                                label={b.sourceType === 'TRANSFER_IN' ? 'Transfer' : b.sourceType === 'PICKUP' ? 'Pickup' : b.sourceType === 'PURCHASE' ? 'Purchase' : b.sourceType}\n                                sx={{\n                                  fontWeight: 700,\n                                  borderRadius: 1.5,\n                                  height: 22,\n                                }}\n                              />\n                            ) : null}\n                          </Stack>\n                        </TableCell>\n                        <TableCell align=\"right\">\n                          {!canWrite ? null : b.isQuarantined ? (\n                            // An expired batch can't be returned to usable\n                            // stock, so we don't offer Unquarantine on it — the\n                            // backend rejects it too. Show a muted note instead.\n                            isExpired ? (\n                              <Typography variant=\"caption\" color=\"text.disabled\">\n                                Expired\n                              </Typography>\n                            ) : (\n                              <Button\n                                size=\"small\"\n                                variant=\"outlined\"\n                                color=\"success\"\n                                startIcon={<LockOpenRoundedIcon />}\n                                onClick={() => void doUnquarantine(b)}\n                              >\n                                Unquarantine\n                              </Button>\n                            )\n                          ) : (\n                            <Stack direction=\"row\" spacing={1} justifyContent=\"flex-end\">\n                              {isExpired ||\n                              b.status === \"EXHAUSTED\" ||\n                              b.status === \"IN_USE\" ||\n                              b.canBeQuarantined === false ? null : (\n                                <Button\n                                  size=\"small\"\n                                  variant=\"outlined\"\n                                  color=\"error\"\n                                  startIcon={<LockRoundedIcon />}\n                                  onClick={() =>\n                                    setQuarantineDialog({\n                                      open: true,\n                                      batch: b,\n                                      reason: \"OTHER\",\n                                      notes: \"\",\n                                    })\n                                  }\n                                >\n                                  Quarantine\n                                </Button>\n                              )}\n                              {Number(b.qtyRemaining ?? 0) > 0 ? (\n                                <Button\n                                  size=\"small\"\n                                  variant=\"outlined\"\n                                  color=\"warning\"\n                                  startIcon={<ReportRoundedIcon />}\n                                  onClick={() => openWastage(b)}\n                                >\n                                  Waste\n                                </Button>\n                              ) : null}\n                            </Stack>\n                          )}\n                        </TableCell>\n                      </TableRow>\n                    );\n                  })\n                )}\n              </TableBody>\n            </PmTable>\n          </PmTableCard>\n        </PmPageShell>\n\n        <Dialog\n          open={quarantineDialog.open}\n          onClose={() =>\n            setQuarantineDialog({ ...quarantineDialog, open: false })\n          }\n          fullWidth\n          maxWidth=\"sm\"\n        >\n          <DialogTitle>Quarantine Batch</DialogTitle>\n          <DialogContent dividers>\n            <Stack spacing={2} sx={{ pt: 1 }}>\n              <Typography variant=\"body2\">\n                Product: <strong>{quarantineDialog.batch?.productName}</strong>\n                <br />\n                Lot: <strong>{quarantineDialog.batch?.lotNumber || \"—\"}</strong>\n                <br />\n                Remaining: <strong>{quarantineDialog.batch?.qtyRemaining}</strong>\n              </Typography>\n              <PmSelect\n                label=\"Reason\"\n                required\n                value={quarantineDialog.reason}\n                onChange={(v) =>\n                  setQuarantineDialog({ ...quarantineDialog, reason: v })\n                }\n                options={QUARANTINE_REASONS}\n                error={!!validateRequired(quarantineDialog.reason, \"Reason\")}\n                helperText={validateRequired(quarantineDialog.reason, \"Reason\") || \"\"}\n              />\n              <TextField\n                label=\"Notes\"\n                size=\"small\"\n                multiline\n                minRows={2}\n                fullWidth\n                value={quarantineDialog.notes}\n                onChange={(e) =>\n                  setQuarantineDialog({\n                    ...quarantineDialog,\n                    notes: e.target.value,\n                  })\n                }\n              />\n            </Stack>\n          </DialogContent>\n          <DialogActions>\n            <Button\n              onClick={() =>\n                setQuarantineDialog({ ...quarantineDialog, open: false })\n              }\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              disabled={!!validateRequired(quarantineDialog.reason, \"Reason\")}\n              onClick={() => void doQuarantine()}\n            >\n              Quarantine\n            </Button>\n          </DialogActions>\n        </Dialog>\n\n        <Dialog\n          open={wastageDialog.open}\n          onClose={() => { if (!submittingWastage) setWastageDialog({ ...wastageDialog, open: false }); }}\n          fullWidth\n          maxWidth=\"sm\"\n        >\n          <DialogTitle>Mark Wastage</DialogTitle>\n          <DialogContent dividers>\n            <Stack spacing={2} sx={{ pt: 1 }}>\n              <Typography variant=\"body2\">\n                Product: <strong>{wastageDialog.batch?.productName}</strong>\n                <br />\n                Lot: <strong>{wastageDialog.batch?.lotNumber || \"—\"}</strong>\n                <br />\n                Available to waste: <strong>{wastageDialog.batch?.qtyRemaining ?? 0}</strong>\n              </Typography>\n              <TextField\n                required\n                label=\"Quantity to waste\"\n                size=\"small\"\n                type=\"number\"\n                fullWidth\n                inputProps={{ min: 1, max: wastageMax }}\n                value={wastageDialog.qty}\n                onChange={(e) => setWastageDialog({ ...wastageDialog, qty: e.target.value })}\n                error={!!wastageQtyError}\n                helperText={wastageQtyError || `Units to write off (max ${wastageMax}).`}\n              />\n              <PmSelect\n                label=\"Reason\"\n                required\n                value={wastageDialog.reason}\n                onChange={(v) => setWastageDialog({ ...wastageDialog, reason: v })}\n                options={WASTAGE_REASONS}\n              />\n              <TextField\n                label=\"Comments\"\n                size=\"small\"\n                multiline\n                minRows={2}\n                fullWidth\n                value={wastageDialog.comments}\n                onChange={(e) => setWastageDialog({ ...wastageDialog, comments: e.target.value })}\n              />\n            </Stack>\n          </DialogContent>\n          <DialogActions>\n            <Button\n              onClick={() => setWastageDialog({ ...wastageDialog, open: false })}\n              disabled={submittingWastage}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"warning\"\n              disabled={!wastageValid || submittingWastage}\n              onClick={() => void doWaste()}\n            >\n              {submittingWastage ? \"Recording…\" : \"Mark Wastage\"}\n            </Button>\n          </DialogActions>\n        </Dialog>\n      </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/dist/{MemberProfileCard-D9jepThR.js → MemberProfileCard-DwWda-tS.js}

@@ -1,6 +1,6 @@
-import { y as e } from "./settingsStore-GLCtI-tv.js";
+import { S as e } from "./settingsStore-BlA2GIhl.js";
 import { r as t } from "./format-UOyOu75i.js";
-import { i as n } from "./PmGuard-DrbbysnW.js";
+import { i as n } from "./PmGuard-DrIl1sHL.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";
@@ -270,4 +270,4 @@ function C({ icon: e, label: t, value: n }) {
 //#endregion
 export { S as t };
 
-//# sourceMappingURL=MemberProfileCard-D9jepThR.js.map
+//# sourceMappingURL=MemberProfileCard-DwWda-tS.js.map

package/dist/{MemberProfileCard-D9jepThR.js.map → MemberProfileCard-DwWda-tS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberProfileCard-D9jepThR.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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"}
+{"version":3,"file":"MemberProfileCard-DwWda-tS.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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"}