@argusoft/medplat-product-management 1.0.9 → 1.0.10

package/dist/{BrandsPage-DMw2vT0u.js → BrandsPage-CdcAvaml.js}

@@ -1,8 +1,8 @@
-import { g as e, it as t, r as n } from "./settingsStore-BHHOmcCP.js";
-import { c as ee, l as r, n as i, s as te, t as ne } from "./PmTable-CwKORZGg.js";
+import { ft as e, r as t, v as n } from "./settingsStore-Df_wGo55.js";
+import { c as ee, l as r, n as i, s as te, t as ne } from "./PmTable-COZEuDAr.js";
 import { i as re, m as a, t as o } from "./validation-BzlHnL-r.js";
 import { t as ie } from "./useFieldErrors-hDG8ox_x.js";
-import { a as ae, i as oe, n as s, r as c, t as l } from "./PmGuard-BZE-y4In.js";
+import { a as ae, i as oe, n as s, r as c, t as l } from "./PmGuard-BvUUbU80.js";
 import { useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Alert as se, Box as p, Button as m, Checkbox as ce, Chip as le, Dialog as ue, DialogActions as h, DialogContent as de, DialogTitle as g, FormControlLabel as _, InputAdornment as fe, Skeleton as v, Stack as y, TableBody as b, TableCell as x, TableHead as pe, TableRow as S, TextField as C, Typography as w } from "@mui/material";
@@ -36,7 +36,7 @@ function A({ phone: e, email: t }) {
 	return e?.trim() && (n.phone = e.trim()), t?.trim() && (n.email = t.trim()), Object.keys(n).length ? JSON.stringify(n) : null;
 }
 function j() {
-	let j = oe().has("update.manage.productManagement.brand"), M = me(n()?.countryCode), [N, P] = u([]), [F, I] = u(!1), [L, R] = u(""), [_e, z] = u(!1), [B, V] = u(null), [H, ve] = u(!1), [U, W] = u(K()), G = ie();
+	let j = oe().has("update.manage.productManagement.brand"), M = me(t()?.countryCode), [N, P] = u([]), [F, I] = u(!1), [L, R] = u(""), [_e, z] = u(!1), [B, V] = u(null), [H, ve] = u(!1), [U, W] = u(K()), G = ie();
 	function K() {
 		return {
 			id: "",
@@ -50,7 +50,7 @@ function j() {
 	async function q() {
 		I(!0), R("");
 		try {
-			P(await e(void 0, !0));
+			P(await n(void 0, !0));
 		} catch (e) {
 			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load brands";
 			R(t), r({
@@ -93,7 +93,7 @@ function j() {
 			return;
 		}
 		try {
-			await t({
+			await e({
 				id: U.id,
 				name: U.name.trim(),
 				manufacturerCode: U.manufacturerCode.trim().toUpperCase(),
@@ -383,4 +383,4 @@ function j() {
 //#endregion
 export { j as default };
 
-//# sourceMappingURL=BrandsPage-DMw2vT0u.js.map
+//# sourceMappingURL=BrandsPage-CdcAvaml.js.map

package/dist/{BrandsPage-DMw2vT0u.js.map → BrandsPage-CdcAvaml.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BrandsPage-DMw2vT0u.js","names":[],"sources":["../src/views/BrandsPage.jsx"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  Alert,\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 SellRoundedIcon from '@mui/icons-material/SellRounded';\nimport { showToast } from '@pm/utils/pmToast';\nimport CustomSwitch from '@/views/custom-components/CustomSwitch';\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 { getBrands, upsertBrand } from '@pm/services/pmApi';\nimport { isClean, validateEmail, validateRequired } from '@pm/utils/validation';\nimport { findCountry, validatePhoneForCountry } from '@/common/constants/countries';\nimport { usePmSettings } from '@pm/utils/settingsStore';\nimport { useFieldErrors } from '@pm/utils/useFieldErrors';\n\n// Backend stores contact_info as a JSON-encoded string. We keep the discrete\n// fields here so the UI is form-friendly, and only ever round-trip the JSON.\nfunction parseContactInfo(raw) {\n  if (!raw) return { phone: '', email: '' };\n  try {\n    const obj = JSON.parse(raw);\n    return {\n      phone: typeof obj?.phone === 'string' ? obj.phone : '',\n      email: typeof obj?.email === 'string' ? obj.email : '',\n    };\n  } catch {\n    return { phone: '', email: '' };\n  }\n}\n\nfunction serializeContactInfo({ phone, email }) {\n  const out = {};\n  if (phone?.trim()) out.phone = phone.trim();\n  if (email?.trim()) out.email = email.trim();\n  return Object.keys(out).length ? JSON.stringify(out) : null;\n}\n\nexport default function BrandsPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.brand');\n  const settings = usePmSettings();\n  const country = findCountry(settings?.countryCode);\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  // Default to active-only; the toggle above the table reveals inactive rows.\n  const [showInactive, setShowInactive] = useState(false);\n  const [form, setForm] = useState(emptyForm());\n  const fieldErrors = useFieldErrors();\n\n  function emptyForm() {\n    return {\n      id: '',\n      name: '',\n      manufacturerCode: '',\n      contactPhone: '',\n      contactEmail: '',\n      isActive: true,\n    };\n  }\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const data = await getBrands(undefined, true);\n      setItems(data);\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load brands';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.brand', () => {\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    const { phone, email } = parseContactInfo(item.contactInfo);\n    setEditing(item);\n    fieldErrors.reset();\n    setError('');\n    setForm({\n      id: item.id,\n      name: item.name ?? '',\n      manufacturerCode: item.manufacturerCode ?? '',\n      contactPhone: phone,\n      contactEmail: email,\n      isActive: item.isActive !== false,\n    });\n    setOpenDialog(true);\n  }\n\n  const mfrCodeBase = validateRequired(form.manufacturerCode, 'Manufacturer code');\n  const mfrNorm = form.manufacturerCode.trim().toUpperCase();\n  const mfrClash = !mfrCodeBase\n    && mfrNorm\n    && items.some((b) => b.id !== form.id && (b.manufacturerCode || '').toUpperCase() === mfrNorm);\n  const formErrors = {\n    name: validateRequired(form.name, 'Name'),\n    manufacturerCode: mfrCodeBase || (mfrClash ? 'Code is already in use — edit it manually to make it unique.' : ''),\n    contactPhone: validatePhoneForCountry(form.contactPhone, country),\n    contactEmail: validateEmail(form.contactEmail),\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 upsertBrand({\n        id: form.id,\n        name: form.name.trim(),\n        manufacturerCode: form.manufacturerCode.trim().toUpperCase(),\n        contactInfo: serializeContactInfo({\n          phone: form.contactPhone,\n          email: form.contactEmail,\n        }),\n        isActive: form.isActive,\n      });\n      showToast({ message: 'Brand saved.', type: 'success' });\n      setOpenDialog(false);\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save brand';\n      setError(message);\n      showToast({ message, type: 'error' });\n    }\n  }\n\n  const visible = showInactive ? items : items.filter((b) => b.isActive !== false);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.brand'}>\n        <PmPageShell\n          title=\"Brands\"\n          subtitle=\"The manufacturer or supplier of each product.\"\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 Brand</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=\"Brands\"\n            subtitle={loading ? 'Loading…' : `${visible.length} ${visible.length === 1 ? 'brand' : 'brands'}`}\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>Name</TableCell>\n                  <TableCell>Manufacturer Code</TableCell>\n                  <TableCell>Contact</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={SellRoundedIcon}\n                    title={items.length === 0 ? 'No brands yet' : 'No active brands'}\n                    hint={items.length === 0\n                      ? 'Add manufacturers so you can link them to your products.'\n                      : 'Turn on “Show inactive” to see deactivated brands.'}\n                    action={items.length === 0 && canWrite ? (\n                      <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                        Create first brand\n                      </Button>\n                    ) : null}\n                  />\n                ) : visible.map((b) => {\n                  const { phone, email } = parseContactInfo(b.contactInfo);\n                  return (\n                    <TableRow key={b.id} hover>\n                      <TableCell sx={{ maxWidth: 240 }}>\n                        <Typography variant=\"body2\" sx={{ fontWeight: 700, wordBreak: 'break-word' }}>{b.name}</Typography>\n                      </TableCell>\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,\n                          maxWidth: '100%', wordBreak: 'break-all',\n                        }}>\n                          {b.manufacturerCode}\n                        </Box>\n                      </TableCell>\n                      <TableCell>\n                        {phone || email ? (\n                          <Stack spacing={0.25}>\n                            {phone ? <Typography variant=\"caption\" sx={{ fontWeight: 600 }}>{phone}</Typography> : null}\n                            {email ? <Typography variant=\"caption\" color=\"text.secondary\">{email}</Typography> : null}\n                          </Stack>\n                        ) : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                      </TableCell>\n                      <TableCell>\n                        <Chip\n                          size=\"small\"\n                          label={b.isActive ? 'Active' : 'Inactive'}\n                          color={b.isActive ? 'success' : 'default'}\n                          variant={b.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(b)}>Edit</Button>\n                        ) : null}\n                      </TableCell>\n                    </TableRow>\n                  );\n                })}\n              </TableBody>\n            </PmTable>\n          </PmTableCard>\n        </PmPageShell>\n\n        <Dialog open={openDialog} onClose={() => setOpenDialog(false)} fullWidth maxWidth=\"sm\">\n          <DialogTitle>{editing ? 'Edit Brand' : 'New Brand'}</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) => {\n                  const nextName = e.target.value;\n                  // Auto-derive manufacturer code from initials of every word — but\n                  // only on create (when editing an existing brand we never overwrite\n                  // a code the user has already curated).\n                  const initialsFromName = nextName\n                    .split(/\\s+/)\n                    .filter(Boolean)\n                    .map((w) => w[0])\n                    .join('')\n                    .toUpperCase();\n                  setForm((f) => ({\n                    ...f,\n                    name: nextName,\n                    manufacturerCode: editing ? f.manufacturerCode : initialsFromName,\n                  }));\n                }}\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=\"Manufacturer code\" size=\"small\" fullWidth\n                value={form.manufacturerCode}\n                inputProps={{ maxLength: 100 }}\n                onChange={(e) => setForm({ ...form, manufacturerCode: e.target.value.toUpperCase() })}\n                onBlur={fieldErrors.onBlur('manufacturerCode')}\n                error={fieldErrors.show('manufacturerCode') && !!formErrors.manufacturerCode}\n                FormHelperTextProps={{ component: 'div' }}\n                helperText={\n                  <PmFieldHelp\n                    message={fieldErrors.show('manufacturerCode') && formErrors.manufacturerCode\n                      ? formErrors.manufacturerCode\n                      : 'Auto-generated from the name as initials. Edit if needed to make it unique.'}\n                    value={form.manufacturerCode}\n                    max={100}\n                  />\n                }\n              />\n              <TextField\n                label=\"Contact Number\"\n                size=\"small\"\n                fullWidth\n                type=\"tel\"\n                placeholder={country\n                  ? (country.phoneMin === country.phoneMax\n                    ? `${country.phoneMin}-digit local number`\n                    : `${country.phoneMin}–${country.phoneMax} digit local number`)\n                  : 'Local number'}\n                value={form.contactPhone}\n                // Keep only digits and spaces — the dial code lives in the\n                // adornment, not in the value.\n                onChange={(e) => setForm({ ...form, contactPhone: e.target.value.replace(/[^\\d\\s]/g, '') })}\n                onBlur={fieldErrors.onBlur('contactPhone')}\n                error={fieldErrors.show('contactPhone') && !!formErrors.contactPhone}\n                helperText={\n                  fieldErrors.show('contactPhone') && formErrors.contactPhone\n                    ? formErrors.contactPhone\n                    : country\n                      ? `Format for ${country.name}: ${country.phoneCode} followed by ${country.phoneMin}${country.phoneMin === country.phoneMax ? '' : `–${country.phoneMax}`} digits.`\n                      : 'Local number, digits only.'\n                }\n                InputProps={country ? {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <Box component=\"span\" sx={{ fontWeight: 700, color: 'text.secondary' }}>{country.phoneCode}</Box>\n                    </InputAdornment>\n                  ),\n                } : undefined}\n              />\n              <TextField\n                label=\"Email\"\n                size=\"small\"\n                fullWidth\n                type=\"email\"\n                placeholder=\"e.g. contact@manufacturer.example\"\n                value={form.contactEmail}\n                onChange={(e) => setForm({ ...form, contactEmail: e.target.value })}\n                onBlur={fieldErrors.onBlur('contactEmail')}\n                error={fieldErrors.show('contactEmail') && !!formErrors.contactEmail}\n                helperText={fieldErrors.show('contactEmail') ? formErrors.contactEmail : ''}\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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"}
+{"version":3,"file":"BrandsPage-CdcAvaml.js","names":[],"sources":["../src/views/BrandsPage.jsx"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  Alert,\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 SellRoundedIcon from '@mui/icons-material/SellRounded';\nimport { showToast } from '@pm/utils/pmToast';\nimport CustomSwitch from '@/views/custom-components/CustomSwitch';\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 { getBrands, upsertBrand } from '@pm/services/pmApi';\nimport { isClean, validateEmail, validateRequired } from '@pm/utils/validation';\nimport { findCountry, validatePhoneForCountry } from '@/common/constants/countries';\nimport { usePmSettings } from '@pm/utils/settingsStore';\nimport { useFieldErrors } from '@pm/utils/useFieldErrors';\n\n// Backend stores contact_info as a JSON-encoded string. We keep the discrete\n// fields here so the UI is form-friendly, and only ever round-trip the JSON.\nfunction parseContactInfo(raw) {\n  if (!raw) return { phone: '', email: '' };\n  try {\n    const obj = JSON.parse(raw);\n    return {\n      phone: typeof obj?.phone === 'string' ? obj.phone : '',\n      email: typeof obj?.email === 'string' ? obj.email : '',\n    };\n  } catch {\n    return { phone: '', email: '' };\n  }\n}\n\nfunction serializeContactInfo({ phone, email }) {\n  const out = {};\n  if (phone?.trim()) out.phone = phone.trim();\n  if (email?.trim()) out.email = email.trim();\n  return Object.keys(out).length ? JSON.stringify(out) : null;\n}\n\nexport default function BrandsPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.brand');\n  const settings = usePmSettings();\n  const country = findCountry(settings?.countryCode);\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  // Default to active-only; the toggle above the table reveals inactive rows.\n  const [showInactive, setShowInactive] = useState(false);\n  const [form, setForm] = useState(emptyForm());\n  const fieldErrors = useFieldErrors();\n\n  function emptyForm() {\n    return {\n      id: '',\n      name: '',\n      manufacturerCode: '',\n      contactPhone: '',\n      contactEmail: '',\n      isActive: true,\n    };\n  }\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const data = await getBrands(undefined, true);\n      setItems(data);\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load brands';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.brand', () => {\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    const { phone, email } = parseContactInfo(item.contactInfo);\n    setEditing(item);\n    fieldErrors.reset();\n    setError('');\n    setForm({\n      id: item.id,\n      name: item.name ?? '',\n      manufacturerCode: item.manufacturerCode ?? '',\n      contactPhone: phone,\n      contactEmail: email,\n      isActive: item.isActive !== false,\n    });\n    setOpenDialog(true);\n  }\n\n  const mfrCodeBase = validateRequired(form.manufacturerCode, 'Manufacturer code');\n  const mfrNorm = form.manufacturerCode.trim().toUpperCase();\n  const mfrClash = !mfrCodeBase\n    && mfrNorm\n    && items.some((b) => b.id !== form.id && (b.manufacturerCode || '').toUpperCase() === mfrNorm);\n  const formErrors = {\n    name: validateRequired(form.name, 'Name'),\n    manufacturerCode: mfrCodeBase || (mfrClash ? 'Code is already in use — edit it manually to make it unique.' : ''),\n    contactPhone: validatePhoneForCountry(form.contactPhone, country),\n    contactEmail: validateEmail(form.contactEmail),\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 upsertBrand({\n        id: form.id,\n        name: form.name.trim(),\n        manufacturerCode: form.manufacturerCode.trim().toUpperCase(),\n        contactInfo: serializeContactInfo({\n          phone: form.contactPhone,\n          email: form.contactEmail,\n        }),\n        isActive: form.isActive,\n      });\n      showToast({ message: 'Brand saved.', type: 'success' });\n      setOpenDialog(false);\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save brand';\n      setError(message);\n      showToast({ message, type: 'error' });\n    }\n  }\n\n  const visible = showInactive ? items : items.filter((b) => b.isActive !== false);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.brand'}>\n        <PmPageShell\n          title=\"Brands\"\n          subtitle=\"The manufacturer or supplier of each product.\"\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 Brand</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=\"Brands\"\n            subtitle={loading ? 'Loading…' : `${visible.length} ${visible.length === 1 ? 'brand' : 'brands'}`}\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>Name</TableCell>\n                  <TableCell>Manufacturer Code</TableCell>\n                  <TableCell>Contact</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={SellRoundedIcon}\n                    title={items.length === 0 ? 'No brands yet' : 'No active brands'}\n                    hint={items.length === 0\n                      ? 'Add manufacturers so you can link them to your products.'\n                      : 'Turn on “Show inactive” to see deactivated brands.'}\n                    action={items.length === 0 && canWrite ? (\n                      <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                        Create first brand\n                      </Button>\n                    ) : null}\n                  />\n                ) : visible.map((b) => {\n                  const { phone, email } = parseContactInfo(b.contactInfo);\n                  return (\n                    <TableRow key={b.id} hover>\n                      <TableCell sx={{ maxWidth: 240 }}>\n                        <Typography variant=\"body2\" sx={{ fontWeight: 700, wordBreak: 'break-word' }}>{b.name}</Typography>\n                      </TableCell>\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,\n                          maxWidth: '100%', wordBreak: 'break-all',\n                        }}>\n                          {b.manufacturerCode}\n                        </Box>\n                      </TableCell>\n                      <TableCell>\n                        {phone || email ? (\n                          <Stack spacing={0.25}>\n                            {phone ? <Typography variant=\"caption\" sx={{ fontWeight: 600 }}>{phone}</Typography> : null}\n                            {email ? <Typography variant=\"caption\" color=\"text.secondary\">{email}</Typography> : null}\n                          </Stack>\n                        ) : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                      </TableCell>\n                      <TableCell>\n                        <Chip\n                          size=\"small\"\n                          label={b.isActive ? 'Active' : 'Inactive'}\n                          color={b.isActive ? 'success' : 'default'}\n                          variant={b.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(b)}>Edit</Button>\n                        ) : null}\n                      </TableCell>\n                    </TableRow>\n                  );\n                })}\n              </TableBody>\n            </PmTable>\n          </PmTableCard>\n        </PmPageShell>\n\n        <Dialog open={openDialog} onClose={() => setOpenDialog(false)} fullWidth maxWidth=\"sm\">\n          <DialogTitle>{editing ? 'Edit Brand' : 'New Brand'}</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) => {\n                  const nextName = e.target.value;\n                  // Auto-derive manufacturer code from initials of every word — but\n                  // only on create (when editing an existing brand we never overwrite\n                  // a code the user has already curated).\n                  const initialsFromName = nextName\n                    .split(/\\s+/)\n                    .filter(Boolean)\n                    .map((w) => w[0])\n                    .join('')\n                    .toUpperCase();\n                  setForm((f) => ({\n                    ...f,\n                    name: nextName,\n                    manufacturerCode: editing ? f.manufacturerCode : initialsFromName,\n                  }));\n                }}\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=\"Manufacturer code\" size=\"small\" fullWidth\n                value={form.manufacturerCode}\n                inputProps={{ maxLength: 100 }}\n                onChange={(e) => setForm({ ...form, manufacturerCode: e.target.value.toUpperCase() })}\n                onBlur={fieldErrors.onBlur('manufacturerCode')}\n                error={fieldErrors.show('manufacturerCode') && !!formErrors.manufacturerCode}\n                FormHelperTextProps={{ component: 'div' }}\n                helperText={\n                  <PmFieldHelp\n                    message={fieldErrors.show('manufacturerCode') && formErrors.manufacturerCode\n                      ? formErrors.manufacturerCode\n                      : 'Auto-generated from the name as initials. Edit if needed to make it unique.'}\n                    value={form.manufacturerCode}\n                    max={100}\n                  />\n                }\n              />\n              <TextField\n                label=\"Contact Number\"\n                size=\"small\"\n                fullWidth\n                type=\"tel\"\n                placeholder={country\n                  ? (country.phoneMin === country.phoneMax\n                    ? `${country.phoneMin}-digit local number`\n                    : `${country.phoneMin}–${country.phoneMax} digit local number`)\n                  : 'Local number'}\n                value={form.contactPhone}\n                // Keep only digits and spaces — the dial code lives in the\n                // adornment, not in the value.\n                onChange={(e) => setForm({ ...form, contactPhone: e.target.value.replace(/[^\\d\\s]/g, '') })}\n                onBlur={fieldErrors.onBlur('contactPhone')}\n                error={fieldErrors.show('contactPhone') && !!formErrors.contactPhone}\n                helperText={\n                  fieldErrors.show('contactPhone') && formErrors.contactPhone\n                    ? formErrors.contactPhone\n                    : country\n                      ? `Format for ${country.name}: ${country.phoneCode} followed by ${country.phoneMin}${country.phoneMin === country.phoneMax ? '' : `–${country.phoneMax}`} digits.`\n                      : 'Local number, digits only.'\n                }\n                InputProps={country ? {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <Box component=\"span\" sx={{ fontWeight: 700, color: 'text.secondary' }}>{country.phoneCode}</Box>\n                    </InputAdornment>\n                  ),\n                } : undefined}\n              />\n              <TextField\n                label=\"Email\"\n                size=\"small\"\n                fullWidth\n                type=\"email\"\n                placeholder=\"e.g. contact@manufacturer.example\"\n                value={form.contactEmail}\n                onChange={(e) => setForm({ ...form, contactEmail: e.target.value })}\n                onBlur={fieldErrors.onBlur('contactEmail')}\n                error={fieldErrors.show('contactEmail') && !!formErrors.contactEmail}\n                helperText={fieldErrors.show('contactEmail') ? formErrors.contactEmail : ''}\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/{CategoriesPage-D3ihx9Gi.js → CategoriesPage-BprQEYJw.js}

@@ -1,9 +1,9 @@
-import { _ as e, at as t } from "./settingsStore-BHHOmcCP.js";
-import { c as ee, l as n, n as r, s as i, t as te } from "./PmTable-CwKORZGg.js";
-import { E as a, b as ne, r as re } from "./constants-DpXnLsAB.js";
+import { pt as e, y as t } from "./settingsStore-Df_wGo55.js";
+import { c as ee, l as n, n as r, s as i, t as te } from "./PmTable-COZEuDAr.js";
+import { F as a, O as ne, i as re } from "./constants-BTpJFQe_.js";
 import { m as ie, r as o, t as s } from "./validation-BzlHnL-r.js";
 import { t as c } from "./useFieldErrors-hDG8ox_x.js";
-import { a as ae, i as oe, n as se, r as ce, t as le } from "./PmGuard-BZE-y4In.js";
+import { a as ae, i as oe, n as se, r as ce, t as le } from "./PmGuard-BvUUbU80.js";
 import { useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Alert as ue, Autocomplete as de, Box as f, Button as p, Checkbox as fe, Chip as m, Dialog as h, DialogActions as g, DialogContent as _, DialogTitle as v, FormControlLabel as y, InputAdornment as pe, Skeleton as me, Stack as b, TableBody as he, TableCell as x, TableHead as ge, TableRow as S, TextField as C, Typography as w } from "@mui/material";
@@ -29,7 +29,7 @@ function j() {
 	async function K() {
 		F(!0), L("");
 		try {
-			N(await e(void 0, !0));
+			N(await t(void 0, !0));
 		} catch (e) {
 			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load categories";
 			L(t), n({
@@ -69,7 +69,7 @@ function j() {
 			return;
 		}
 		try {
-			await t({
+			await e({
 				id: V.id,
 				name: V.name.trim(),
 				code: V.code.trim().toUpperCase(),
@@ -395,4 +395,4 @@ function j() {
 //#endregion
 export { j as default };
 
-//# sourceMappingURL=CategoriesPage-D3ihx9Gi.js.map
+//# sourceMappingURL=CategoriesPage-BprQEYJw.js.map

package/dist/{CategoriesPage-D3ihx9Gi.js.map → CategoriesPage-BprQEYJw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPage-D3ihx9Gi.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, VACCINES_CATEGORY_CODE, 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  // Every vaccine product is found by this code, so the row that owns it cannot\n  // be renamed or retired. Keyed on the SAVED code, not the one in the form, so\n  // the lock survives a stray edit. The backend enforces the same rule.\n  const isVaccinesCategory = (editing?.code || '').toUpperCase() === VACCINES_CATEGORY_CODE;\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  // The protected row is excluded from the reserved-code check, otherwise\n  // editing its own name would trip on its own code.\n  const codeReserved = !codeBase && !isVaccinesCategory && codeNorm === VACCINES_CATEGORY_CODE;\n  const formErrors = {\n    name: validateRequired(form.name, 'Name'),\n    code: codeBase\n      || (codeReserved ? 'This code is reserved for the Vaccines category.' : '')\n      || (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              disabled={isVaccinesCategory}\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={isVaccinesCategory\n                ? 'This code is fixed. Vaccine products are found by it.'\n                : <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            <Box>\n              <FormControlLabel\n                control={<Checkbox checked={form.isActive}\n                  disabled={isVaccinesCategory}\n                  onChange={(e) => setForm({ ...form, isActive: e.target.checked })} />}\n                label=\"Active\" />\n              {isVaccinesCategory ? (\n                <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block' }}>\n                  The Vaccines category is always available.\n                </Typography>\n              ) : null}\n            </Box>\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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"}
+{"version":3,"file":"CategoriesPage-BprQEYJw.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, VACCINES_CATEGORY_CODE, 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  // Every vaccine product is found by this code, so the row that owns it cannot\n  // be renamed or retired. Keyed on the SAVED code, not the one in the form, so\n  // the lock survives a stray edit. The backend enforces the same rule.\n  const isVaccinesCategory = (editing?.code || '').toUpperCase() === VACCINES_CATEGORY_CODE;\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  // The protected row is excluded from the reserved-code check, otherwise\n  // editing its own name would trip on its own code.\n  const codeReserved = !codeBase && !isVaccinesCategory && codeNorm === VACCINES_CATEGORY_CODE;\n  const formErrors = {\n    name: validateRequired(form.name, 'Name'),\n    code: codeBase\n      || (codeReserved ? 'This code is reserved for the Vaccines category.' : '')\n      || (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              disabled={isVaccinesCategory}\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={isVaccinesCategory\n                ? 'This code is fixed. Vaccine products are found by it.'\n                : <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            <Box>\n              <FormControlLabel\n                control={<Checkbox checked={form.isActive}\n                  disabled={isVaccinesCategory}\n                  onChange={(e) => setForm({ ...form, isActive: e.target.checked })} />}\n                label=\"Active\" />\n              {isVaccinesCategory ? (\n                <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block' }}>\n                  The Vaccines category is always available.\n                </Typography>\n              ) : null}\n            </Box>\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-asr2XDRu.js → DashboardPage-CTiGSx71.js}

@@ -1,6 +1,6 @@
-import { E as e, H as t, L as n, M as r, R as i, U as a, _ as o, g as s, i as c, r as l } from "./settingsStore-BHHOmcCP.js";
+import { B as e, F as t, G as n, K as r, V as i, i as a, k as o, r as s, v as c, y as l } from "./settingsStore-Df_wGo55.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-BZE-y4In.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./PmGuard-BvUUbU80.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 = l(), B = p(), V = c(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 = s(), B = p(), V = a(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 c = (e, t) => B.has(e) ? t().catch(() => []) : Promise.resolve([]), [l, u, d, f, p, m, h, g] = await Promise.all([
-				c("view.manage.productManagement.category", () => o()),
-				c("view.manage.productManagement.brand", () => s()),
-				c("view.manage.productManagement.product", () => e()),
-				c("view.manage.productManagement.inventory", () => r()),
-				c("view.manage.productManagement.vial", () => n()),
-				c("view.manage.productManagement.sale", () => t(0, 100)),
-				c("view.manage.productManagement.payment", () => i(0, 100)),
-				c("view.manage.productManagement.ledger", () => a(0, 8))
+			let a = (e, t) => B.has(e) ? t().catch(() => []) : Promise.resolve([]), [s, u, d, f, p, m, h, g] = await Promise.all([
+				a("view.manage.productManagement.category", () => l()),
+				a("view.manage.productManagement.brand", () => c()),
+				a("view.manage.productManagement.product", () => o()),
+				a("view.manage.productManagement.inventory", () => t()),
+				a("view.manage.productManagement.vial", () => e()),
+				a("view.manage.productManagement.sale", () => n(0, 100)),
+				a("view.manage.productManagement.payment", () => i(0, 100)),
+				a("view.manage.productManagement.ledger", () => r(0, 8))
 			]);
 			q({
-				categories: l.length,
+				categories: s.length,
 				brands: u.length,
 				products: d.length,
 				batches: f.length,
@@ -433,4 +433,4 @@ function z() {
 //#endregion
 export { z as default };
 
-//# sourceMappingURL=DashboardPage-asr2XDRu.js.map
+//# sourceMappingURL=DashboardPage-CTiGSx71.js.map

package/dist/{DashboardPage-asr2XDRu.js.map → DashboardPage-CTiGSx71.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage-asr2XDRu.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-CTiGSx71.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-BXa2VF7i.js

@@ -0,0 +1,112 @@
+import { L as e, at as t, b as n } from "./settingsStore-Df_wGo55.js";
+import { useEffect as r, useMemo as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Autocomplete as l, CircularProgress as u, TextField as d } from "@mui/material";
+//#region src/components/FacilityPicker.jsx
+function f({ value: f, onChange: p, label: m = "Facility", scope: h = "assigned", required: g = !1, disabled: _ = !1, error: v = !1, helperText: y = "", onBlur: b, size: x = "small", fullWidth: S = !0 }) {
+	let C = h === "all", [w, T] = a(!1), [E, D] = a([]), [O, k] = a(!1), [A, j] = a(!1), [M, N] = a(null), [P, F] = a("");
+	r(() => {
+		if (!f) {
+			N(null);
+			return;
+		}
+		if (M?.id === f) return;
+		let e = E.find((e) => e.id === f);
+		if (e) {
+			N(e);
+			return;
+		}
+		let t = !1;
+		return (async () => {
+			try {
+				let e = await n([f]);
+				!t && e[0] && N(e[0]);
+			} catch {}
+		})(), () => {
+			t = !0;
+		};
+	}, [f]), r(() => {
+		if (C || !w || A) return;
+		let t = !1;
+		return k(!0), (async () => {
+			try {
+				let n = await e();
+				t || D(n);
+			} catch {
+				t || D([]);
+			} finally {
+				t || (k(!1), j(!0));
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [
+		C,
+		w,
+		A
+	]), r(() => {
+		if (!C || !w) return;
+		let e = !1;
+		k(!0);
+		let n = setTimeout(() => {
+			(async () => {
+				try {
+					let n = await t(P);
+					e || D(n);
+				} catch {
+					e || D([]);
+				} finally {
+					e || (k(!1), j(!0));
+				}
+			})();
+		}, 300);
+		return () => {
+			e = !0, clearTimeout(n);
+		};
+	}, [
+		C,
+		w,
+		P
+	]);
+	let I = i(() => !M || E.some((e) => e.id === M.id) ? E : [M, ...E], [E, M]), L = O ? "Loading…" : A && E.length === 0 ? C ? "No active facilities match" : "No facilities assigned to your account" : "No matches", R = C ? "Any active facility can be chosen. Type to search." : "Only facilities assigned to your account are shown. Type to filter.";
+	return /* @__PURE__ */ s(l, {
+		size: x,
+		fullWidth: S,
+		disabled: _,
+		open: w,
+		onOpen: () => T(!0),
+		onClose: () => T(!1),
+		value: M,
+		isOptionEqualToValue: (e, t) => e?.id === t?.id,
+		getOptionLabel: (e) => e?.name ?? "",
+		options: I,
+		loading: O,
+		filterOptions: C ? (e) => e : void 0,
+		onInputChange: C ? (e, t, n) => {
+			n === "input" && F(t);
+		} : void 0,
+		onChange: (e, t) => {
+			N(t ?? null), p?.(t?.id ?? "");
+		},
+		noOptionsText: L,
+		renderInput: (e) => /* @__PURE__ */ s(d, {
+			...e,
+			required: g,
+			label: m,
+			error: v,
+			helperText: y || R,
+			onBlur: b,
+			InputProps: {
+				...e.InputProps,
+				endAdornment: /* @__PURE__ */ c(o, { children: [O ? /* @__PURE__ */ s(u, {
+					color: "inherit",
+					size: 16
+				}) : null, e.InputProps.endAdornment] })
+			}
+		})
+	});
+}
+//#endregion
+export { f as t };
+
+//# sourceMappingURL=FacilityPicker-BXa2VF7i.js.map