@argusoft/medplat-product-management 1.0.6 → 1.0.7

package/dist/CategoriesPage-DJM0Nalw.js

@@ -0,0 +1,392 @@
+import { _ as e, st as t } from "./settingsStore-BlA2GIhl.js";
+import { c as ee, l as n, n as r, s as i, t as te } from "./PmTable-BSV_bMJZ.js";
+import { r as ne, x as a } from "./constants-ClZJY2x1.js";
+import { m as re, r as o, t as s } from "./validation-B6Kl5Xf9.js";
+import { t as c } from "./useFieldErrors-hDG8ox_x.js";
+import { a as l, i as ie, n as ae, r as oe, t as se } from "./PmGuard-DrIl1sHL.js";
+import { useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Alert as ce, Autocomplete as le, Box as p, Button as m, Checkbox as ue, Chip as h, Dialog as g, DialogActions as _, DialogContent as v, DialogTitle as y, FormControlLabel as b, InputAdornment as de, Skeleton as fe, Stack as x, TableBody as pe, TableCell as S, TableHead as me, TableRow as C, TextField as w, Typography as T } from "@mui/material";
+import { v4 as E } from "uuid";
+import D from "@mui/icons-material/AddRounded";
+import O from "@mui/icons-material/RefreshRounded";
+import k from "@/views/custom-components/CustomSwitch";
+import A from "@mui/icons-material/CategoryRounded";
+import j from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+//#region src/views/CategoriesPage.jsx
+function M() {
+	let M = ie().has("update.manage.productManagement.category"), [N, P] = u([]), [F, I] = u(!1), [L, R] = u(""), [z, B] = u(!1), [he, V] = u(null), [H, U] = u(K()), [W, ge] = u(!1), G = c();
+	function K() {
+		return {
+			id: "",
+			name: "",
+			code: "",
+			description: "",
+			icon: "",
+			isActive: !0
+		};
+	}
+	async function q() {
+		I(!0), R("");
+		try {
+			let t = await e(void 0, !0);
+			P(t);
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load categories";
+			R(t), n({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			I(!1);
+		}
+	}
+	oe("view.manage.productManagement.category", () => {
+		q();
+	}, []);
+	function J() {
+		V(null), U({
+			...K(),
+			id: E()
+		}), G.reset(), R(""), B(!0);
+	}
+	function _e(e) {
+		V(e), G.reset(), R(""), U({
+			id: e.id,
+			name: e.name ?? "",
+			code: e.code ?? "",
+			description: e.description ?? "",
+			icon: e.icon ?? "",
+			isActive: e.isActive !== !1
+		}), B(!0);
+	}
+	let Y = o(H.code, { required: !0 }), X = H.code.trim().toUpperCase(), ve = !Y && X && N.some((e) => e.id !== H.id && (e.code || "").toUpperCase() === X), Z = {
+		name: re(H.name, "Name"),
+		code: Y || (ve ? "Code is already in use — pick a different one." : "")
+	}, Q = s(Z);
+	async function ye() {
+		if (!Q) {
+			G.markAllTouched(), R("Please fix the highlighted fields.");
+			return;
+		}
+		try {
+			await t({
+				id: H.id,
+				name: H.name.trim(),
+				code: H.code.trim().toUpperCase(),
+				description: H.description || null,
+				icon: H.icon || null,
+				isActive: H.isActive
+			}), n({
+				message: "Category saved.",
+				type: "success"
+			}), B(!1), await q();
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to save category";
+			R(t), n({
+				message: t,
+				type: "error"
+			});
+		}
+	}
+	let $ = W ? N : N.filter((e) => e.isActive !== !1);
+	return /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(ae, {}), /* @__PURE__ */ f(se, {
+		perm: "view.manage.productManagement.category",
+		children: [/* @__PURE__ */ f(l, {
+			title: "Product Categories",
+			subtitle: "Groups of products with similar handling requirements.",
+			chips: ["Catalog"],
+			actions: /* @__PURE__ */ f(x, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ d(m, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ d(O, {}),
+					onClick: () => void q(),
+					children: "Refresh"
+				}), M ? /* @__PURE__ */ d(m, {
+					variant: "contained",
+					startIcon: /* @__PURE__ */ d(D, {}),
+					onClick: J,
+					children: "New Category"
+				}) : null]
+			}),
+			children: [L ? /* @__PURE__ */ d(ce, {
+				severity: "error",
+				sx: { mb: 2 },
+				children: L
+			}) : null, /* @__PURE__ */ d(ee, {
+				eyebrow: "Master data",
+				title: "Product categories",
+				subtitle: F ? "Loading…" : `${$.length} ${$.length === 1 ? "category" : "categories"}`,
+				actions: /* @__PURE__ */ d(b, {
+					control: /* @__PURE__ */ d(k, {
+						checked: W,
+						onChange: (e) => ge(e.target.checked)
+					}),
+					label: /* @__PURE__ */ d(T, {
+						variant: "body2",
+						sx: { fontWeight: 600 },
+						children: "Show inactive"
+					}),
+					labelPlacement: "start",
+					sx: {
+						mr: .5,
+						ml: 0
+					}
+				}),
+				children: /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(me, { children: /* @__PURE__ */ f(C, { children: [
+					/* @__PURE__ */ d(S, { children: "Code" }),
+					/* @__PURE__ */ d(S, { children: "Name" }),
+					/* @__PURE__ */ d(S, { children: "Description" }),
+					/* @__PURE__ */ d(S, { children: "Status" }),
+					/* @__PURE__ */ d(S, {
+						align: "right",
+						children: "Action"
+					})
+				] }) }), /* @__PURE__ */ d(pe, { children: F ? Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ d(C, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(fe, { height: 22 }) }, t)) }, t)) : $.length === 0 ? /* @__PURE__ */ d(te, {
+					colSpan: 5,
+					icon: A,
+					title: N.length === 0 ? "No categories yet" : "No active categories",
+					hint: N.length === 0 ? "Categories control how products are managed. For example, vaccines need special configuration." : "Turn on “Show inactive” to see deactivated categories.",
+					action: N.length === 0 && M ? /* @__PURE__ */ d(m, {
+						variant: "contained",
+						size: "small",
+						startIcon: /* @__PURE__ */ d(D, {}),
+						onClick: J,
+						children: "Create first category"
+					}) : null
+				}) : $.map((e) => /* @__PURE__ */ f(C, {
+					hover: !0,
+					children: [
+						/* @__PURE__ */ d(S, {
+							sx: { maxWidth: 160 },
+							children: /* @__PURE__ */ d(p, {
+								component: "span",
+								sx: {
+									display: "inline-block",
+									px: .85,
+									py: .25,
+									borderRadius: 1,
+									bgcolor: "grey.100",
+									fontFamily: "monospace",
+									fontSize: "0.72rem",
+									fontWeight: 800,
+									letterSpacing: .4,
+									maxWidth: "100%",
+									wordBreak: "break-all"
+								},
+								children: e.code
+							})
+						}),
+						/* @__PURE__ */ d(S, {
+							sx: { maxWidth: 220 },
+							children: /* @__PURE__ */ f(x, {
+								direction: "row",
+								spacing: 1,
+								alignItems: "center",
+								children: [e.icon ? /* @__PURE__ */ d(p, {
+									sx: {
+										color: "primary.main",
+										width: 18,
+										textAlign: "center",
+										flexShrink: 0
+									},
+									children: /* @__PURE__ */ d(j, { iconName: e.icon })
+								}) : null, /* @__PURE__ */ d(T, {
+									variant: "body2",
+									sx: {
+										fontWeight: 700,
+										wordBreak: "break-word"
+									},
+									children: e.name
+								})]
+							})
+						}),
+						/* @__PURE__ */ d(S, {
+							sx: { maxWidth: 360 },
+							children: e.description ? /* @__PURE__ */ d(T, {
+								variant: "caption",
+								color: "text.secondary",
+								sx: {
+									display: "block",
+									wordBreak: "break-word"
+								},
+								children: e.description
+							}) : /* @__PURE__ */ d(T, {
+								variant: "caption",
+								color: "text.disabled",
+								children: "—"
+							})
+						}),
+						/* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(h, {
+							size: "small",
+							label: e.isActive ? "Active" : "Inactive",
+							color: e.isActive ? "success" : "default",
+							variant: e.isActive ? "filled" : "outlined",
+							sx: {
+								fontWeight: 700,
+								borderRadius: 1.5,
+								height: 22
+							}
+						}) }),
+						/* @__PURE__ */ d(S, {
+							align: "right",
+							children: M ? /* @__PURE__ */ d(m, {
+								size: "small",
+								variant: "outlined",
+								onClick: () => _e(e),
+								children: "Edit"
+							}) : null
+						})
+					]
+				}, e.id)) })] })
+			})]
+		}), /* @__PURE__ */ f(g, {
+			open: z,
+			onClose: () => B(!1),
+			fullWidth: !0,
+			maxWidth: "sm",
+			children: [
+				/* @__PURE__ */ d(y, { children: he ? "Edit Category" : "New Category" }),
+				/* @__PURE__ */ d(v, {
+					dividers: !0,
+					children: /* @__PURE__ */ f(x, {
+						spacing: 2,
+						sx: { pt: 1 },
+						children: [
+							/* @__PURE__ */ d(w, {
+								required: !0,
+								label: "Name",
+								size: "small",
+								fullWidth: !0,
+								value: H.name,
+								inputProps: { maxLength: 255 },
+								onChange: (e) => U({
+									...H,
+									name: e.target.value
+								}),
+								onBlur: G.onBlur("name"),
+								error: G.show("name") && !!Z.name,
+								FormHelperTextProps: { component: "div" },
+								helperText: /* @__PURE__ */ d(r, {
+									message: G.show("name") ? Z.name : "",
+									value: H.name,
+									max: 255
+								})
+							}),
+							/* @__PURE__ */ d(w, {
+								required: !0,
+								label: "Code (uppercase, A-Z, 0-9, _)",
+								size: "small",
+								fullWidth: !0,
+								value: H.code,
+								inputProps: { maxLength: 100 },
+								onChange: (e) => U({
+									...H,
+									code: e.target.value.toUpperCase()
+								}),
+								onBlur: G.onBlur("code"),
+								error: G.show("code") && !!Z.code,
+								FormHelperTextProps: { component: "div" },
+								helperText: /* @__PURE__ */ d(r, {
+									message: G.show("code") ? Z.code : "Must be unique.",
+									value: H.code,
+									max: 100
+								})
+							}),
+							/* @__PURE__ */ d(w, {
+								label: "Description (optional)",
+								size: "small",
+								multiline: !0,
+								minRows: 2,
+								fullWidth: !0,
+								value: H.description,
+								inputProps: { maxLength: 500 },
+								onChange: (e) => U({
+									...H,
+									description: e.target.value
+								}),
+								FormHelperTextProps: { component: "div" },
+								helperText: /* @__PURE__ */ d(r, {
+									message: "",
+									value: H.description,
+									max: 500
+								})
+							}),
+							/* @__PURE__ */ d(le, {
+								size: "small",
+								options: ne,
+								value: H.icon || null,
+								onChange: (e, t) => U({
+									...H,
+									icon: t ?? ""
+								}),
+								getOptionLabel: (e) => a(e),
+								renderOption: (e, t) => /* @__PURE__ */ f(p, {
+									component: "li",
+									...e,
+									sx: {
+										display: "flex",
+										alignItems: "center",
+										gap: 1.25
+									},
+									children: [/* @__PURE__ */ d(p, {
+										sx: {
+											width: 20,
+											textAlign: "center",
+											color: "primary.main"
+										},
+										children: /* @__PURE__ */ d(j, { iconName: t })
+									}), /* @__PURE__ */ d("span", { children: a(t) })]
+								}),
+								renderInput: (e) => /* @__PURE__ */ d(w, {
+									...e,
+									label: "Icon (optional)",
+									placeholder: "Search icons…",
+									helperText: "Shown next to the category across the app.",
+									InputProps: {
+										...e.InputProps,
+										startAdornment: H.icon ? /* @__PURE__ */ d(de, {
+											position: "start",
+											children: /* @__PURE__ */ d(p, {
+												sx: {
+													color: "primary.main",
+													display: "flex"
+												},
+												children: /* @__PURE__ */ d(j, { iconName: H.icon })
+											})
+										}) : null
+									}
+								})
+							}),
+							/* @__PURE__ */ d(b, {
+								control: /* @__PURE__ */ d(ue, {
+									checked: H.isActive,
+									onChange: (e) => U({
+										...H,
+										isActive: e.target.checked
+									})
+								}),
+								label: "Active"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ f(_, { children: [/* @__PURE__ */ d(m, {
+					onClick: () => B(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ d(m, {
+					variant: "contained",
+					disabled: !Q,
+					onClick: () => void ye(),
+					children: "Save"
+				})] })
+			]
+		})]
+	})] });
+}
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=CategoriesPage-DJM0Nalw.js.map

package/dist/CategoriesPage-DJM0Nalw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesPage-DJM0Nalw.js","names":[],"sources":["../src/views/CategoriesPage.jsx"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  FormControlLabel,\n  InputAdornment,\n  Skeleton,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport AddRoundedIcon from '@mui/icons-material/AddRounded';\nimport RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';\nimport CategoryRoundedIcon from '@mui/icons-material/CategoryRounded';\nimport { showToast } from '@pm/utils/pmToast';\nimport CustomSwitch from '@/views/custom-components/CustomSwitch';\nimport FontAwesomeIcons from '@/common/fontAwesomeIcons/FontAwesomeIcons';\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 { PmEmptyRow, PmFieldHelp, PmTable, PmTableCard } from '@pm/components/PmTable';\nimport { getCategories, upsertCategory } from '@pm/services/pmApi';\nimport { CATEGORY_ICONS, iconLabel } from '@pm/utils/constants';\nimport { isClean, validateCode, validateRequired } from '@pm/utils/validation';\nimport { useFieldErrors } from '@pm/utils/useFieldErrors';\n\nexport default function CategoriesPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.category');\n  const [items, setItems] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState('');\n  const [openDialog, setOpenDialog] = useState(false);\n  const [editing, setEditing] = useState(null);\n  const [form, setForm] = useState(emptyForm());\n  // Default to active-only; the toggle above the table reveals inactive rows.\n  const [showInactive, setShowInactive] = useState(false);\n  const fieldErrors = useFieldErrors();\n\n  function emptyForm() {\n    return { id: '', name: '', code: '', description: '', icon: '', isActive: true };\n  }\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const data = await getCategories(undefined, true);\n      setItems(data);\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load categories';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.category', () => {\n    void load();\n  }, []);\n\n  function openCreate() {\n    setEditing(null);\n    setForm({ ...emptyForm(), id: uuidv4() });\n    fieldErrors.reset();\n    setError('');\n    setOpenDialog(true);\n  }\n\n  function openEdit(item) {\n    setEditing(item);\n    fieldErrors.reset();\n    setError('');\n    setForm({\n      id: item.id,\n      name: item.name ?? '',\n      code: item.code ?? '',\n      description: item.description ?? '',\n      icon: item.icon ?? '',\n      isActive: item.isActive !== false,\n    });\n    setOpenDialog(true);\n  }\n\n  const codeBase = validateCode(form.code, { required: true });\n  const codeNorm = form.code.trim().toUpperCase();\n  const codeClash = !codeBase\n    && codeNorm\n    && items.some((c) => c.id !== form.id && (c.code || '').toUpperCase() === codeNorm);\n  const formErrors = {\n    name: validateRequired(form.name, 'Name'),\n    code: codeBase || (codeClash ? 'Code is already in use — pick a different one.' : ''),\n  };\n  const formIsValid = isClean(formErrors);\n\n  async function save() {\n    if (!formIsValid) {\n      fieldErrors.markAllTouched();\n      setError('Please fix the highlighted fields.');\n      return;\n    }\n    try {\n      await upsertCategory({\n        id: form.id,\n        name: form.name.trim(),\n        code: form.code.trim().toUpperCase(),\n        description: form.description || null,\n        icon: form.icon || null,\n        isActive: form.isActive,\n      });\n      showToast({ message: 'Category saved.', type: 'success' });\n      setOpenDialog(false);\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save category';\n      setError(message);\n      showToast({ message, type: 'error' });\n    }\n  }\n\n  const visible = showInactive ? items : items.filter((c) => c.isActive !== false);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.category'}>\n      <PmPageShell\n        title=\"Product Categories\"\n        subtitle=\"Groups of products with similar handling requirements.\"\n        chips={['Catalog']}\n        actions={\n          <Stack direction=\"row\" spacing={1}>\n            <Button variant=\"outlined\" startIcon={<RefreshRoundedIcon />} onClick={() => void load()}>Refresh</Button>\n            {canWrite ? (\n              <Button variant=\"contained\" startIcon={<AddRoundedIcon />} onClick={openCreate}>New Category</Button>\n            ) : null}\n          </Stack>\n        }\n      >\n        {error ? <Alert severity=\"error\" sx={{ mb: 2 }}>{error}</Alert> : null}\n\n        <PmTableCard\n          eyebrow=\"Master data\"\n          title=\"Product categories\"\n          subtitle={loading ? 'Loading…' : `${visible.length} ${visible.length === 1 ? 'category' : 'categories'}`}\n          actions={\n            <FormControlLabel\n              control={<CustomSwitch checked={showInactive}\n                onChange={(e) => setShowInactive(e.target.checked)} />}\n              label={<Typography variant=\"body2\" sx={{ fontWeight: 600 }}>Show inactive</Typography>}\n              labelPlacement=\"start\"\n              sx={{ mr: 0.5, ml: 0 }}\n            />\n          }\n        >\n          <PmTable>\n            <TableHead>\n              <TableRow>\n                <TableCell>Code</TableCell>\n                <TableCell>Name</TableCell>\n                <TableCell>Description</TableCell>\n                <TableCell>Status</TableCell>\n                <TableCell align=\"right\">Action</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {loading ? (\n                Array.from({ length: 4 }).map((_, i) => (\n                  <TableRow key={i}>\n                    {Array.from({ length: 5 }).map((__, j) => (\n                      <TableCell key={j}><Skeleton height={22} /></TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : visible.length === 0 ? (\n                <PmEmptyRow\n                  colSpan={5}\n                  icon={CategoryRoundedIcon}\n                  title={items.length === 0 ? 'No categories yet' : 'No active categories'}\n                  hint={items.length === 0\n                    ? 'Categories control how products are managed. For example, vaccines need special configuration.'\n                    : 'Turn on “Show inactive” to see deactivated categories.'}\n                  action={items.length === 0 && canWrite ? (\n                    <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                      Create first category\n                    </Button>\n                  ) : null}\n                />\n              ) : visible.map((c) => (\n                <TableRow key={c.id} hover>\n                  <TableCell sx={{ maxWidth: 160 }}>\n                    <Box component=\"span\" sx={{\n                      display: 'inline-block', px: 0.85, py: 0.25, borderRadius: 1,\n                      bgcolor: 'grey.100', fontFamily: 'monospace', fontSize: '0.72rem', fontWeight: 800, letterSpacing: 0.4,\n                      maxWidth: '100%', wordBreak: 'break-all',\n                    }}>\n                      {c.code}\n                    </Box>\n                  </TableCell>\n                  <TableCell sx={{ maxWidth: 220 }}>\n                    <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                      {c.icon ? (\n                        <Box sx={{ color: 'primary.main', width: 18, textAlign: 'center', flexShrink: 0 }}>\n                          <FontAwesomeIcons iconName={c.icon} />\n                        </Box>\n                      ) : null}\n                      <Typography variant=\"body2\" sx={{ fontWeight: 700, wordBreak: 'break-word' }}>{c.name}</Typography>\n                    </Stack>\n                  </TableCell>\n                  <TableCell sx={{ maxWidth: 360 }}>\n                    {c.description\n                      ? <Typography variant=\"caption\" color=\"text.secondary\"\n                          sx={{ display: 'block', wordBreak: 'break-word' }}>\n                          {c.description}\n                        </Typography>\n                      : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                  <TableCell>\n                    <Chip\n                      size=\"small\"\n                      label={c.isActive ? 'Active' : 'Inactive'}\n                      color={c.isActive ? 'success' : 'default'}\n                      variant={c.isActive ? 'filled' : 'outlined'}\n                      sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }}\n                    />\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    {canWrite ? (\n                      <Button size=\"small\" variant=\"outlined\" onClick={() => openEdit(c)}>Edit</Button>\n                    ) : null}\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </PmTable>\n        </PmTableCard>\n      </PmPageShell>\n\n      <Dialog open={openDialog} onClose={() => setOpenDialog(false)} fullWidth maxWidth=\"sm\">\n        <DialogTitle>{editing ? 'Edit Category' : 'New Category'}</DialogTitle>\n        <DialogContent dividers>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n            <TextField\n              required\n              label=\"Name\" size=\"small\" fullWidth\n              value={form.name}\n              inputProps={{ maxLength: 255 }}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              onBlur={fieldErrors.onBlur('name')}\n              error={fieldErrors.show('name') && !!formErrors.name}\n              FormHelperTextProps={{ component: 'div' }}\n              helperText={<PmFieldHelp message={fieldErrors.show('name') ? formErrors.name : ''} value={form.name} max={255} />}\n            />\n            <TextField\n              required\n              label=\"Code (uppercase, A-Z, 0-9, _)\"\n              size=\"small\" fullWidth\n              value={form.code}\n              inputProps={{ maxLength: 100 }}\n              onChange={(e) => setForm({ ...form, code: e.target.value.toUpperCase() })}\n              onBlur={fieldErrors.onBlur('code')}\n              error={fieldErrors.show('code') && !!formErrors.code}\n              FormHelperTextProps={{ component: 'div' }}\n              helperText={<PmFieldHelp message={fieldErrors.show('code') ? formErrors.code : 'Must be unique.'} value={form.code} max={100} />}\n            />\n            <TextField label=\"Description (optional)\" size=\"small\" multiline minRows={2} fullWidth value={form.description}\n              inputProps={{ maxLength: 500 }}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              FormHelperTextProps={{ component: 'div' }}\n              helperText={<PmFieldHelp message=\"\" value={form.description} max={500} />} />\n            <Autocomplete\n              size=\"small\"\n              options={CATEGORY_ICONS}\n              value={form.icon || null}\n              onChange={(_, next) => setForm({ ...form, icon: next ?? '' })}\n              getOptionLabel={(opt) => iconLabel(opt)}\n              renderOption={(props, opt) => (\n                <Box component=\"li\" {...props} sx={{ display: 'flex', alignItems: 'center', gap: 1.25 }}>\n                  <Box sx={{ width: 20, textAlign: 'center', color: 'primary.main' }}>\n                    <FontAwesomeIcons iconName={opt} />\n                  </Box>\n                  <span>{iconLabel(opt)}</span>\n                </Box>\n              )}\n              renderInput={(params) => (\n                <TextField\n                  {...params}\n                  label=\"Icon (optional)\"\n                  placeholder=\"Search icons…\"\n                  helperText=\"Shown next to the category across the app.\"\n                  InputProps={{\n                    ...params.InputProps,\n                    startAdornment: form.icon ? (\n                      <InputAdornment position=\"start\">\n                        <Box sx={{ color: 'primary.main', display: 'flex' }}>\n                          <FontAwesomeIcons iconName={form.icon} />\n                        </Box>\n                      </InputAdornment>\n                    ) : null,\n                  }}\n                />\n              )}\n            />\n            <FormControlLabel\n              control={<Checkbox checked={form.isActive}\n                onChange={(e) => setForm({ ...form, isActive: e.target.checked })} />}\n              label=\"Active\" />\n          </Stack>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setOpenDialog(false)}>Cancel</Button>\n          <Button variant=\"contained\" disabled={!formIsValid} onClick={() => void save()}>Save</Button>\n        </DialogActions>\n      </Dialog>\n      </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/dist/{DashboardPage-CW77OzUg.js → DashboardPage-BASkXr00.js}

@@ -1,6 +1,6 @@
-import { E as e, L as t, M as n, S as r, i, j as a, m as o, p as s, r as c, z as l } from "./settingsStore-GLCtI-tv.js";
+import { H as e, L as t, R as n, T as r, W as i, _ as a, g as o, i as s, j as c, r as l } from "./settingsStore-BlA2GIhl.js";
 import { n as u, r as d } from "./format-UOyOu75i.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./PmGuard-DrbbysnW.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./PmGuard-DrIl1sHL.js";
 import { useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import x from "prop-types";
@@ -187,7 +187,7 @@ R.propTypes = {
 	onItemClick: x.func.isRequired
 };
 function z() {
-	let x = P(), L = N(), z = c(), B = p(), V = i(z?.currencyCode), H = h(B, z), U = B.has("view.manage.productManagement.ledger"), [W, G] = v(!0), [K, q] = v({
+	let x = P(), L = N(), z = l(), B = p(), V = s(z?.currencyCode), H = h(B, z), U = B.has("view.manage.productManagement.ledger"), [W, G] = v(!0), [K, q] = v({
 		categories: 0,
 		brands: 0,
 		products: 0,
@@ -200,18 +200,18 @@ function z() {
 	async function J() {
 		G(!0);
 		try {
-			let i = (e, t) => B.has(e) ? t().catch(() => []) : Promise.resolve([]), [c, u, d, f, p, m, h, g] = await Promise.all([
-				i("view.manage.productManagement.category", () => o()),
-				i("view.manage.productManagement.brand", () => s()),
-				i("view.manage.productManagement.product", () => r()),
-				i("view.manage.productManagement.inventory", () => e()),
-				i("view.manage.productManagement.vial", () => a()),
-				i("view.manage.productManagement.sale", () => t(0, 100)),
-				i("view.manage.productManagement.payment", () => n(0, 100)),
-				i("view.manage.productManagement.ledger", () => l(0, 8))
+			let s = (e, t) => B.has(e) ? t().catch(() => []) : Promise.resolve([]), [l, u, d, f, p, m, h, g] = await Promise.all([
+				s("view.manage.productManagement.category", () => a()),
+				s("view.manage.productManagement.brand", () => o()),
+				s("view.manage.productManagement.product", () => r()),
+				s("view.manage.productManagement.inventory", () => c()),
+				s("view.manage.productManagement.vial", () => t()),
+				s("view.manage.productManagement.sale", () => e(0, 100)),
+				s("view.manage.productManagement.payment", () => n(0, 100)),
+				s("view.manage.productManagement.ledger", () => i(0, 8))
 			]);
 			q({
-				categories: c.length,
+				categories: l.length,
 				brands: u.length,
 				products: d.length,
 				batches: f.length,
@@ -433,4 +433,4 @@ function z() {
 //#endregion
 export { z as default };
 
-//# sourceMappingURL=DashboardPage-CW77OzUg.js.map
+//# sourceMappingURL=DashboardPage-BASkXr00.js.map

package/dist/{DashboardPage-CW77OzUg.js.map → DashboardPage-BASkXr00.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage-CW77OzUg.js","names":[],"sources":["../src/views/DashboardPage.jsx"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Box,\n  Card,\n  CardContent,\n  Chip,\n  Grid,\n  Grow,\n  LinearProgress,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded';\nimport {\n  getCategories,\n  getBrands,\n  getProducts,\n  listBatches,\n  listOpenVials,\n  listSales,\n  listPayments,\n  listTransactions,\n} from '@pm/services/pmApi';\nimport PmPageShell from '@pm/components/PmPageShell';\nimport PmNav from '@pm/components/PmNav';\nimport PmGuard from '@pm/components/PmGuard';\nimport { getVisibleWorkspaces } from '@pm/utils/workspaces';\nimport { usePermissionedEffect, usePmPermissions } from '@pm/utils/permissions';\nimport { formatDateTime, formatNumber } from '@pm/utils/format';\nimport { currencySymbol } from '@pm/utils/currency';\nimport { usePmSettings } from '@pm/utils/settingsStore';\n\n// Color hint per ledger transaction type — keeps the recent-activity feed\n// glanceable.\nconst TXN_COLOR = {\n  RECEIPT: 'success',\n  SALE: 'primary',\n  PAYMENT: 'info',\n  VIAL_OPENED: 'info',\n  ADMINISTRATION: 'info',\n  WASTAGE: 'warning',\n  EXPIRY: 'error',\n  QUARANTINE: 'error',\n  RECALL: 'error',\n  UNQUARANTINE: 'success',\n  TRANSFER_OUT: 'default',\n  TRANSFER_IN: 'default',\n};\n\nfunction MetricCell({ label, value, loading }) {\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\" sx={{ fontWeight: 700, letterSpacing: 0.5 }}>\n        {label.toUpperCase()}\n      </Typography>\n      {loading ? (\n        <Skeleton width={48} height={32} />\n      ) : (\n        <Typography variant=\"h5\" sx={{ fontWeight: 800, fontVariantNumeric: 'tabular-nums', lineHeight: 1.1, mt: 0.25 }}>\n          {value}\n        </Typography>\n      )}\n    </Box>\n  );\n}\nMetricCell.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.node,\n  loading: PropTypes.bool,\n};\n\nfunction WorkspaceCard({ workspace, metrics, loading, onItemClick }) {\n  const theme = useTheme();\n  const Icon = workspace.icon;\n\n  return (\n    <Card\n      sx={{\n        borderRadius: 1.5,\n        height: '100%',\n        position: 'relative',\n        overflow: 'hidden',\n        border: `1px solid ${alpha(workspace.accent, 0.18)}`,\n        background: `linear-gradient(180deg, ${alpha(workspace.accent, 0.06)} 0%, ${alpha(theme.palette.background.paper, 1)} 35%)`,\n        boxShadow: `0 16px 36px ${alpha(workspace.accent, 0.08)}`,\n        transition: 'transform 240ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 240ms',\n        '&:hover': {\n          transform: 'translateY(-3px)',\n          boxShadow: `0 22px 50px ${alpha(workspace.accent, 0.18)}`,\n        },\n        // Accent strip across the very top.\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          right: 0,\n          top: 0,\n          height: 4,\n          background: `linear-gradient(90deg, ${workspace.accent} 0%, ${workspace.accentDark} 100%)`,\n        },\n      }}\n    >\n      <CardContent sx={{ pt: 3, display: 'flex', flexDirection: 'column', height: '100%' }}>\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n          <Box\n            sx={{\n              width: 44,\n              height: 44,\n              borderRadius: 1.5,\n              display: 'grid',\n              placeItems: 'center',\n              color: '#fff',\n              background: `linear-gradient(135deg, ${workspace.accent} 0%, ${workspace.accentDark} 100%)`,\n              boxShadow: `0 8px 18px ${alpha(workspace.accent, 0.3)}`,\n            }}\n          >\n            <Icon sx={{ fontSize: 24 }} />\n          </Box>\n          <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n            <Typography variant=\"overline\" sx={{ color: workspace.accentDark, fontWeight: 800, letterSpacing: 1.1, lineHeight: 1 }}>\n              Workspace\n            </Typography>\n            <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n              {workspace.label}\n            </Typography>\n          </Box>\n        </Stack>\n\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1.5, mb: 2 }}>\n          {workspace.description}\n        </Typography>\n\n        {/* Quick stats */}\n        {metrics?.length ? (\n          <Stack direction=\"row\" spacing={3} sx={{ mb: 2.5 }}>\n            {metrics.map((m) => (\n              <MetricCell key={m.label} label={m.label} value={m.value} loading={loading} />\n            ))}\n          </Stack>\n        ) : null}\n\n        {/* Sub-item quick access — clickable chips */}\n        <Box sx={{ mt: 'auto' }}>\n          <Stack direction=\"row\" spacing={1} flexWrap=\"wrap\" useFlexGap>\n            {workspace.items.map((it) => {\n              const ItemIcon = it.icon;\n              return (\n                <Chip\n                  key={it.id}\n                  icon={ItemIcon ? <ItemIcon sx={{ fontSize: '1rem !important', color: `${workspace.accentDark} !important` }} /> : undefined}\n                  label={it.label}\n                  onClick={() => onItemClick(it)}\n                  sx={{\n                    borderRadius: 2,\n                    fontWeight: 700,\n                    backgroundColor: alpha(workspace.accent, 0.08),\n                    color: workspace.accentDark,\n                    border: `1px solid ${alpha(workspace.accent, 0.18)}`,\n                    transition: 'all 180ms ease',\n                    '&:hover': {\n                      backgroundColor: alpha(workspace.accent, 0.18),\n                      transform: 'translateY(-1px)',\n                    },\n                  }}\n                />\n              );\n            })}\n          </Stack>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n}\nWorkspaceCard.propTypes = {\n  workspace: PropTypes.object.isRequired,\n  metrics: PropTypes.array,\n  loading: PropTypes.bool,\n  onItemClick: PropTypes.func.isRequired,\n};\n\nexport default function DashboardPage() {\n  const navigate = useNavigate();\n  const theme = useTheme();\n  const settings = usePmSettings();\n  const perms = usePmPermissions();\n  const cur = currencySymbol(settings?.currencyCode);\n  // Same filter PmNav uses — only workspaces with at least one accessible\n  // (perm-granted, not-hidden-by-settings) item show as cards.\n  const visibleWorkspaces = getVisibleWorkspaces(perms, settings);\n  const showLedgerActivity = perms.has('view.manage.productManagement.ledger');\n  const [loading, setLoading] = useState(true);\n  const [data, setData] = useState({\n    categories: 0, brands: 0, products: 0,\n    batches: 0, openVials: 0, sales: 0, payments: 0,\n    txns: [],\n  });\n\n  async function load() {\n    setLoading(true);\n    try {\n      // Each fetch is gated by its own view perm. A user with only the\n      // ledger perm fires the transactions call alone — every other tile\n      // stays at zero and the page never touches the corresponding API.\n      // .catch returns [] so a backend 403 (e.g. perm just revoked) still\n      // renders the dashboard with zeroes rather than crashing.\n      const gate = (perm, fn) => perms.has(perm) ? fn().catch(() => []) : Promise.resolve([]);\n      const [cats, brands, products, batches, vials, sales, payments, txns] = await Promise.all([\n        gate('view.manage.productManagement.category',   () => getCategories()),\n        gate('view.manage.productManagement.brand',      () => getBrands()),\n        gate('view.manage.productManagement.product',    () => getProducts()),\n        gate('view.manage.productManagement.inventory',  () => listBatches()),\n        gate('view.manage.productManagement.vial',       () => listOpenVials()),\n        gate('view.manage.productManagement.sale',       () => listSales(0, 100)),\n        gate('view.manage.productManagement.payment',    () => listPayments(0, 100)),\n        gate('view.manage.productManagement.ledger',     () => listTransactions(0, 8)),\n      ]);\n      setData({\n        categories: cats.length,\n        brands: brands.length,\n        products: products.length,\n        batches: batches.length,\n        openVials: vials.length,\n        sales: sales.length,\n        payments: payments.length,\n        txns,\n      });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  // Root module perm gates the dashboard's entire fetch pass; each call\n  // inside `load()` does its own per-feature perm check on top.\n  usePermissionedEffect('view.manage.productManagement', () => {\n    void load();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const metricsByWorkspace = {\n    catalog:    [\n      { label: 'Categories', value: data.categories },\n      { label: 'Brands',     value: data.brands },\n      { label: 'Products',   value: data.products },\n    ],\n    operations: [\n      { label: 'Batches',    value: data.batches },\n      { label: 'Open vials', value: data.openVials },\n      { label: 'Sales',      value: data.sales },\n    ],\n    ledger:     [\n      { label: 'Recent',     value: data.txns.length },\n    ],\n  };\n\n  return (\n    <Box>\n      <PmNav />\n     <PmGuard perm={'view.manage.productManagement'}>\n      <PmPageShell\n        title=\"Product Management\"\n        subtitle=\"Choose where to start. Use Catalog to set up, Operations for daily work, and Ledger to review history.\"\n        chips={['Generic', 'Vaccine-aware', 'Ledger-driven']}\n      >\n        {loading ? <LinearProgress sx={{ mb: 2, borderRadius: 1 }} /> : null}\n\n        <Grid container spacing={2.5}>\n          {visibleWorkspaces.map((ws, idx) => (\n            <Grid item xs={12} md={4} key={ws.id}>\n              <Grow in timeout={420} style={{ transitionDelay: `${idx * 80}ms` }}>\n                <Box sx={{ height: '100%' }}>\n                  <WorkspaceCard\n                    workspace={ws}\n                    metrics={metricsByWorkspace[ws.id]}\n                    loading={loading}\n                    onItemClick={(it) => navigate(it.path)}\n                  />\n                </Box>\n              </Grow>\n            </Grid>\n          ))}\n        </Grid>\n\n        {/* Recent stock activity — last 8 ledger entries with semantic colour.\n            Hidden when the user can't access the ledger; the underlying\n            transactions API would 403 anyway. */}\n        {showLedgerActivity ? (\n        <Card sx={{ borderRadius: 1.5, mt: 3, boxShadow: `0 12px 32px ${alpha(theme.palette.common.black, 0.05)}` }}>\n          <CardContent>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" sx={{ mb: 1.5 }}>\n              <Box>\n                <Typography variant=\"overline\" sx={{ color: 'text.secondary', fontWeight: 800, letterSpacing: 1 }}>\n                  Stock Ledger\n                </Typography>\n                <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n                  Recent activity\n                </Typography>\n              </Box>\n              <Chip\n                clickable\n                icon={<ArrowForwardRoundedIcon sx={{ fontSize: '1rem !important' }} />}\n                label=\"View ledger\"\n                onClick={() => navigate('/ui/medplat/manage/pm/transactions')}\n                sx={{\n                  borderRadius: 2, fontWeight: 700,\n                  bgcolor: alpha(theme.palette.primary.main, 0.08),\n                  color: 'primary.dark',\n                  '&:hover': { bgcolor: alpha(theme.palette.primary.main, 0.16) },\n                }}\n              />\n            </Stack>\n\n            {data.txns.length === 0 && !loading ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">No activity yet — record a purchase or a sale to see entries here.</Typography>\n            ) : (\n              <Stack divider={<Box sx={{ borderTop: `1px dashed ${theme.palette.divider}` }} />} spacing={0}>\n                {(loading ? Array.from({ length: 4 }) : data.txns).map((t, i) => (\n                  <Box key={t?.id ?? i} sx={{\n                    display: 'flex', justifyContent: 'space-between', alignItems: 'center',\n                    py: 1.25, gap: 2,\n                  }}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1.5} sx={{ minWidth: 0 }}>\n                      {loading ? (\n                        <Skeleton variant=\"rounded\" width={92} height={22} />\n                      ) : (\n                        <Chip\n                          size=\"small\"\n                          label={t.transactionType}\n                          color={TXN_COLOR[t.transactionType] || 'default'}\n                          sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }}\n                        />\n                      )}\n                      <Box sx={{ minWidth: 0 }}>\n                        {loading ? (\n                          <Skeleton width={220} height={20} />\n                        ) : (\n                          <Typography variant=\"body2\" sx={{ fontWeight: 700, lineHeight: 1.2 }} noWrap>\n                            {t.productName || '—'}\n                            {t.lotNumber ? (\n                              <Typography component=\"span\" variant=\"body2\" color=\"text.secondary\" sx={{ fontFamily: 'monospace', ml: 1 }}>\n                                lot {t.lotNumber}\n                              </Typography>\n                            ) : null}\n                          </Typography>\n                        )}\n                        {loading ? (\n                          <Skeleton width={120} height={16} />\n                        ) : (\n                          <Typography variant=\"caption\" color=\"text.secondary\">\n                            {formatDateTime(t.transactionTime)}\n                          </Typography>\n                        )}\n                      </Box>\n                    </Stack>\n\n                    <Box sx={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n                      {loading ? (\n                        <Skeleton width={70} height={20} />\n                      ) : (\n                        <Typography variant=\"body2\" sx={{ fontWeight: 800, fontVariantNumeric: 'tabular-nums' }}>\n                          {t.quantity != null ? `qty ${t.quantity}` : ''}\n                          {t.volumeMl != null ? `${t.quantity != null ? ' · ' : ''}${formatNumber(t.volumeMl)} ml` : ''}\n                          {t.monetaryAmount != null ? `${(t.quantity != null || t.volumeMl != null) ? ' · ' : ''}${cur}${formatNumber(t.monetaryAmount)}` : ''}\n                        </Typography>\n                      )}\n                    </Box>\n                  </Box>\n                ))}\n              </Stack>\n            )}\n          </CardContent>\n        </Card>\n        ) : null}\n      </PmPageShell>\n     </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage-BASkXr00.js","names":[],"sources":["../src/views/DashboardPage.jsx"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Box,\n  Card,\n  CardContent,\n  Chip,\n  Grid,\n  Grow,\n  LinearProgress,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport ArrowForwardRoundedIcon from '@mui/icons-material/ArrowForwardRounded';\nimport {\n  getCategories,\n  getBrands,\n  getProducts,\n  listBatches,\n  listOpenVials,\n  listSales,\n  listPayments,\n  listTransactions,\n} from '@pm/services/pmApi';\nimport PmPageShell from '@pm/components/PmPageShell';\nimport PmNav from '@pm/components/PmNav';\nimport PmGuard from '@pm/components/PmGuard';\nimport { getVisibleWorkspaces } from '@pm/utils/workspaces';\nimport { usePermissionedEffect, usePmPermissions } from '@pm/utils/permissions';\nimport { formatDateTime, formatNumber } from '@pm/utils/format';\nimport { currencySymbol } from '@pm/utils/currency';\nimport { usePmSettings } from '@pm/utils/settingsStore';\n\n// Color hint per ledger transaction type — keeps the recent-activity feed\n// glanceable.\nconst TXN_COLOR = {\n  RECEIPT: 'success',\n  SALE: 'primary',\n  PAYMENT: 'info',\n  VIAL_OPENED: 'info',\n  ADMINISTRATION: 'info',\n  WASTAGE: 'warning',\n  EXPIRY: 'error',\n  QUARANTINE: 'error',\n  RECALL: 'error',\n  UNQUARANTINE: 'success',\n  TRANSFER_OUT: 'default',\n  TRANSFER_IN: 'default',\n};\n\nfunction MetricCell({ label, value, loading }) {\n  return (\n    <Box>\n      <Typography variant=\"caption\" color=\"text.secondary\" sx={{ fontWeight: 700, letterSpacing: 0.5 }}>\n        {label.toUpperCase()}\n      </Typography>\n      {loading ? (\n        <Skeleton width={48} height={32} />\n      ) : (\n        <Typography variant=\"h5\" sx={{ fontWeight: 800, fontVariantNumeric: 'tabular-nums', lineHeight: 1.1, mt: 0.25 }}>\n          {value}\n        </Typography>\n      )}\n    </Box>\n  );\n}\nMetricCell.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.node,\n  loading: PropTypes.bool,\n};\n\nfunction WorkspaceCard({ workspace, metrics, loading, onItemClick }) {\n  const theme = useTheme();\n  const Icon = workspace.icon;\n\n  return (\n    <Card\n      sx={{\n        borderRadius: 1.5,\n        height: '100%',\n        position: 'relative',\n        overflow: 'hidden',\n        border: `1px solid ${alpha(workspace.accent, 0.18)}`,\n        background: `linear-gradient(180deg, ${alpha(workspace.accent, 0.06)} 0%, ${alpha(theme.palette.background.paper, 1)} 35%)`,\n        boxShadow: `0 16px 36px ${alpha(workspace.accent, 0.08)}`,\n        transition: 'transform 240ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 240ms',\n        '&:hover': {\n          transform: 'translateY(-3px)',\n          boxShadow: `0 22px 50px ${alpha(workspace.accent, 0.18)}`,\n        },\n        // Accent strip across the very top.\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          right: 0,\n          top: 0,\n          height: 4,\n          background: `linear-gradient(90deg, ${workspace.accent} 0%, ${workspace.accentDark} 100%)`,\n        },\n      }}\n    >\n      <CardContent sx={{ pt: 3, display: 'flex', flexDirection: 'column', height: '100%' }}>\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1.5}>\n          <Box\n            sx={{\n              width: 44,\n              height: 44,\n              borderRadius: 1.5,\n              display: 'grid',\n              placeItems: 'center',\n              color: '#fff',\n              background: `linear-gradient(135deg, ${workspace.accent} 0%, ${workspace.accentDark} 100%)`,\n              boxShadow: `0 8px 18px ${alpha(workspace.accent, 0.3)}`,\n            }}\n          >\n            <Icon sx={{ fontSize: 24 }} />\n          </Box>\n          <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n            <Typography variant=\"overline\" sx={{ color: workspace.accentDark, fontWeight: 800, letterSpacing: 1.1, lineHeight: 1 }}>\n              Workspace\n            </Typography>\n            <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n              {workspace.label}\n            </Typography>\n          </Box>\n        </Stack>\n\n        <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1.5, mb: 2 }}>\n          {workspace.description}\n        </Typography>\n\n        {/* Quick stats */}\n        {metrics?.length ? (\n          <Stack direction=\"row\" spacing={3} sx={{ mb: 2.5 }}>\n            {metrics.map((m) => (\n              <MetricCell key={m.label} label={m.label} value={m.value} loading={loading} />\n            ))}\n          </Stack>\n        ) : null}\n\n        {/* Sub-item quick access — clickable chips */}\n        <Box sx={{ mt: 'auto' }}>\n          <Stack direction=\"row\" spacing={1} flexWrap=\"wrap\" useFlexGap>\n            {workspace.items.map((it) => {\n              const ItemIcon = it.icon;\n              return (\n                <Chip\n                  key={it.id}\n                  icon={ItemIcon ? <ItemIcon sx={{ fontSize: '1rem !important', color: `${workspace.accentDark} !important` }} /> : undefined}\n                  label={it.label}\n                  onClick={() => onItemClick(it)}\n                  sx={{\n                    borderRadius: 2,\n                    fontWeight: 700,\n                    backgroundColor: alpha(workspace.accent, 0.08),\n                    color: workspace.accentDark,\n                    border: `1px solid ${alpha(workspace.accent, 0.18)}`,\n                    transition: 'all 180ms ease',\n                    '&:hover': {\n                      backgroundColor: alpha(workspace.accent, 0.18),\n                      transform: 'translateY(-1px)',\n                    },\n                  }}\n                />\n              );\n            })}\n          </Stack>\n        </Box>\n      </CardContent>\n    </Card>\n  );\n}\nWorkspaceCard.propTypes = {\n  workspace: PropTypes.object.isRequired,\n  metrics: PropTypes.array,\n  loading: PropTypes.bool,\n  onItemClick: PropTypes.func.isRequired,\n};\n\nexport default function DashboardPage() {\n  const navigate = useNavigate();\n  const theme = useTheme();\n  const settings = usePmSettings();\n  const perms = usePmPermissions();\n  const cur = currencySymbol(settings?.currencyCode);\n  // Same filter PmNav uses — only workspaces with at least one accessible\n  // (perm-granted, not-hidden-by-settings) item show as cards.\n  const visibleWorkspaces = getVisibleWorkspaces(perms, settings);\n  const showLedgerActivity = perms.has('view.manage.productManagement.ledger');\n  const [loading, setLoading] = useState(true);\n  const [data, setData] = useState({\n    categories: 0, brands: 0, products: 0,\n    batches: 0, openVials: 0, sales: 0, payments: 0,\n    txns: [],\n  });\n\n  async function load() {\n    setLoading(true);\n    try {\n      // Each fetch is gated by its own view perm. A user with only the\n      // ledger perm fires the transactions call alone — every other tile\n      // stays at zero and the page never touches the corresponding API.\n      // .catch returns [] so a backend 403 (e.g. perm just revoked) still\n      // renders the dashboard with zeroes rather than crashing.\n      const gate = (perm, fn) => perms.has(perm) ? fn().catch(() => []) : Promise.resolve([]);\n      const [cats, brands, products, batches, vials, sales, payments, txns] = await Promise.all([\n        gate('view.manage.productManagement.category',   () => getCategories()),\n        gate('view.manage.productManagement.brand',      () => getBrands()),\n        gate('view.manage.productManagement.product',    () => getProducts()),\n        gate('view.manage.productManagement.inventory',  () => listBatches()),\n        gate('view.manage.productManagement.vial',       () => listOpenVials()),\n        gate('view.manage.productManagement.sale',       () => listSales(0, 100)),\n        gate('view.manage.productManagement.payment',    () => listPayments(0, 100)),\n        gate('view.manage.productManagement.ledger',     () => listTransactions(0, 8)),\n      ]);\n      setData({\n        categories: cats.length,\n        brands: brands.length,\n        products: products.length,\n        batches: batches.length,\n        openVials: vials.length,\n        sales: sales.length,\n        payments: payments.length,\n        txns,\n      });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  // Root module perm gates the dashboard's entire fetch pass; each call\n  // inside `load()` does its own per-feature perm check on top.\n  usePermissionedEffect('view.manage.productManagement', () => {\n    void load();\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const metricsByWorkspace = {\n    catalog:    [\n      { label: 'Categories', value: data.categories },\n      { label: 'Brands',     value: data.brands },\n      { label: 'Products',   value: data.products },\n    ],\n    operations: [\n      { label: 'Batches',    value: data.batches },\n      { label: 'Open vials', value: data.openVials },\n      { label: 'Sales',      value: data.sales },\n    ],\n    ledger:     [\n      { label: 'Recent',     value: data.txns.length },\n    ],\n  };\n\n  return (\n    <Box>\n      <PmNav />\n     <PmGuard perm={'view.manage.productManagement'}>\n      <PmPageShell\n        title=\"Product Management\"\n        subtitle=\"Choose where to start. Use Catalog to set up, Operations for daily work, and Ledger to review history.\"\n        chips={['Generic', 'Vaccine-aware', 'Ledger-driven']}\n      >\n        {loading ? <LinearProgress sx={{ mb: 2, borderRadius: 1 }} /> : null}\n\n        <Grid container spacing={2.5}>\n          {visibleWorkspaces.map((ws, idx) => (\n            <Grid item xs={12} md={4} key={ws.id}>\n              <Grow in timeout={420} style={{ transitionDelay: `${idx * 80}ms` }}>\n                <Box sx={{ height: '100%' }}>\n                  <WorkspaceCard\n                    workspace={ws}\n                    metrics={metricsByWorkspace[ws.id]}\n                    loading={loading}\n                    onItemClick={(it) => navigate(it.path)}\n                  />\n                </Box>\n              </Grow>\n            </Grid>\n          ))}\n        </Grid>\n\n        {/* Recent stock activity — last 8 ledger entries with semantic colour.\n            Hidden when the user can't access the ledger; the underlying\n            transactions API would 403 anyway. */}\n        {showLedgerActivity ? (\n        <Card sx={{ borderRadius: 1.5, mt: 3, boxShadow: `0 12px 32px ${alpha(theme.palette.common.black, 0.05)}` }}>\n          <CardContent>\n            <Stack direction=\"row\" justifyContent=\"space-between\" alignItems=\"center\" sx={{ mb: 1.5 }}>\n              <Box>\n                <Typography variant=\"overline\" sx={{ color: 'text.secondary', fontWeight: 800, letterSpacing: 1 }}>\n                  Stock Ledger\n                </Typography>\n                <Typography variant=\"h6\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>\n                  Recent activity\n                </Typography>\n              </Box>\n              <Chip\n                clickable\n                icon={<ArrowForwardRoundedIcon sx={{ fontSize: '1rem !important' }} />}\n                label=\"View ledger\"\n                onClick={() => navigate('/ui/medplat/manage/pm/transactions')}\n                sx={{\n                  borderRadius: 2, fontWeight: 700,\n                  bgcolor: alpha(theme.palette.primary.main, 0.08),\n                  color: 'primary.dark',\n                  '&:hover': { bgcolor: alpha(theme.palette.primary.main, 0.16) },\n                }}\n              />\n            </Stack>\n\n            {data.txns.length === 0 && !loading ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">No activity yet — record a purchase or a sale to see entries here.</Typography>\n            ) : (\n              <Stack divider={<Box sx={{ borderTop: `1px dashed ${theme.palette.divider}` }} />} spacing={0}>\n                {(loading ? Array.from({ length: 4 }) : data.txns).map((t, i) => (\n                  <Box key={t?.id ?? i} sx={{\n                    display: 'flex', justifyContent: 'space-between', alignItems: 'center',\n                    py: 1.25, gap: 2,\n                  }}>\n                    <Stack direction=\"row\" alignItems=\"center\" spacing={1.5} sx={{ minWidth: 0 }}>\n                      {loading ? (\n                        <Skeleton variant=\"rounded\" width={92} height={22} />\n                      ) : (\n                        <Chip\n                          size=\"small\"\n                          label={t.transactionType}\n                          color={TXN_COLOR[t.transactionType] || 'default'}\n                          sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }}\n                        />\n                      )}\n                      <Box sx={{ minWidth: 0 }}>\n                        {loading ? (\n                          <Skeleton width={220} height={20} />\n                        ) : (\n                          <Typography variant=\"body2\" sx={{ fontWeight: 700, lineHeight: 1.2 }} noWrap>\n                            {t.productName || '—'}\n                            {t.lotNumber ? (\n                              <Typography component=\"span\" variant=\"body2\" color=\"text.secondary\" sx={{ fontFamily: 'monospace', ml: 1 }}>\n                                lot {t.lotNumber}\n                              </Typography>\n                            ) : null}\n                          </Typography>\n                        )}\n                        {loading ? (\n                          <Skeleton width={120} height={16} />\n                        ) : (\n                          <Typography variant=\"caption\" color=\"text.secondary\">\n                            {formatDateTime(t.transactionTime)}\n                          </Typography>\n                        )}\n                      </Box>\n                    </Stack>\n\n                    <Box sx={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n                      {loading ? (\n                        <Skeleton width={70} height={20} />\n                      ) : (\n                        <Typography variant=\"body2\" sx={{ fontWeight: 800, fontVariantNumeric: 'tabular-nums' }}>\n                          {t.quantity != null ? `qty ${t.quantity}` : ''}\n                          {t.volumeMl != null ? `${t.quantity != null ? ' · ' : ''}${formatNumber(t.volumeMl)} ml` : ''}\n                          {t.monetaryAmount != null ? `${(t.quantity != null || t.volumeMl != null) ? ' · ' : ''}${cur}${formatNumber(t.monetaryAmount)}` : ''}\n                        </Typography>\n                      )}\n                    </Box>\n                  </Box>\n                ))}\n              </Stack>\n            )}\n          </CardContent>\n        </Card>\n        ) : null}\n      </PmPageShell>\n     </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/dist/{FacilityPicker-C2drWyqo.js → FacilityPicker-jV-qXp1k.js}

@@ -1,11 +1,11 @@
-import { O as e, h as t } from "./settingsStore-GLCtI-tv.js";
+import { P as e, v as t } from "./settingsStore-BlA2GIhl.js";
 import { useEffect as n, useMemo as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Autocomplete as c, CircularProgress as l, TextField as u } from "@mui/material";
 //#region src/components/FacilityPicker.jsx
 function d({ value: d, onChange: f, label: p = "Facility", required: m = !1, disabled: h = !1, error: g = !1, helperText: _ = "", onBlur: v, size: y = "small", fullWidth: b = !0 }) {
 	let [x, S] = i(!1), [C, w] = i([]), [T, E] = i(!1), [D, O] = i(!1), [k, A] = i(null);
-	return n(() => {
+	n(() => {
 		if (!d) {
 			A(null);
 			return;
@@ -40,7 +40,9 @@ function d({ value: d, onChange: f, label: p = "Facility", required: m = !1, dis
 		})(), () => {
 			t = !0;
 		};
-	}, [x, D]), /* @__PURE__ */ o(c, {
+	}, [x, D]);
+	let j = r(() => !k || C.some((e) => e.id === k.id) ? C : [k, ...C], [C, k]), M = T ? "Loading…" : D && C.length === 0 ? "No facilities assigned to your account" : "No matches";
+	return /* @__PURE__ */ o(c, {
 		size: y,
 		fullWidth: b,
 		disabled: h,
@@ -50,12 +52,12 @@ function d({ value: d, onChange: f, label: p = "Facility", required: m = !1, dis
 		value: k,
 		isOptionEqualToValue: (e, t) => e?.id === t?.id,
 		getOptionLabel: (e) => e?.name ?? "",
-		options: r(() => !k || C.some((e) => e.id === k.id) ? C : [k, ...C], [C, k]),
+		options: j,
 		loading: T,
 		onChange: (e, t) => {
 			A(t ?? null), f?.(t?.id ?? "");
 		},
-		noOptionsText: T ? "Loading…" : D && C.length === 0 ? "No facilities assigned to your account" : "No matches",
+		noOptionsText: M,
 		renderInput: (e) => /* @__PURE__ */ o(u, {
 			...e,
 			required: m,
@@ -76,4 +78,4 @@ function d({ value: d, onChange: f, label: p = "Facility", required: m = !1, dis
 //#endregion
 export { d as t };
 
-//# sourceMappingURL=FacilityPicker-C2drWyqo.js.map
+//# sourceMappingURL=FacilityPicker-jV-qXp1k.js.map