@argusoft/medplat-product-management 1.0.2 → 1.0.3

package/dist/SettingsPage-CEy922rW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage-CEy922rW.js","names":[],"sources":["../src/views/SettingsPage.jsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport CustomSwitch from '@/views/custom-components/CustomSwitch';\nimport CountrySelect from '@/views/custom-components/CountrySelect';\nimport { alpha } from '@mui/material/styles';\nimport SaveRoundedIcon from '@mui/icons-material/SaveRounded';\nimport RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';\nimport PaymentsRoundedIcon from '@mui/icons-material/PaymentsRounded';\nimport PhoneIphoneRoundedIcon from '@mui/icons-material/PhoneIphoneRounded';\nimport { showToast } from '@/common/toaster/toaster';\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 { PmFormSection } from '@pm/components/PmTable';\nimport {\n  getSettings,\n  listDateColumns,\n  listPublicTables,\n  listTextColumns,\n  listUuidColumns,\n  upsertSettings,\n} from '@pm/services/pmApi';\nimport { loadPmSettings, updateLocalPmSettings } from '@pm/utils/settingsStore';\nimport { findCountry } from '@/common/constants/countries';\n\nfunction emptyForm() {\n  return {\n    memberTableName: '',\n    memberIdColumn: '',\n    memberIdentifierColumn: '',\n    memberFamilyIdColumn: '',\n    memberNameColumn: '',\n    memberDobColumn: '',\n    countryCode: 'IN',\n    managePurchaseAmounts: true,\n    manageSales: true,\n    allowPersonalPurchase: true,\n    requirePurchaseConfirmation: false,\n  };\n}\n\nfunction applySettings(s) {\n  return {\n    memberTableName: s?.memberTableName ?? '',\n    memberIdColumn: s?.memberIdColumn ?? '',\n    memberIdentifierColumn: s?.memberIdentifierColumn ?? '',\n    memberFamilyIdColumn: s?.memberFamilyIdColumn ?? '',\n    memberNameColumn: s?.memberNameColumn ?? '',\n    memberDobColumn: s?.memberDobColumn ?? '',\n    countryCode: s?.countryCode ?? 'IN',\n    managePurchaseAmounts: s?.managePurchaseAmounts !== false,\n    manageSales: s?.manageSales !== false,\n    allowPersonalPurchase: s?.allowPersonalPurchase !== false,\n    requirePurchaseConfirmation: s?.requirePurchaseConfirmation === true,\n  };\n}\n\nexport default function SettingsPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.settings');\n  const [form, setForm] = useState(emptyForm());\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState('');\n  const [tables, setTables] = useState([]);\n  // Cache: tableName -> UUID column list. We fetch lazily when a subject's\n  // table is set and reuse on rerenders.\n  const [uuidColsByTable, setUuidColsByTable] = useState({});\n  // Cache: tableName -> text column list. Member uses it for the\n  // identifier / family-id / name columns. Cache is keyed by table name\n  // so each table fetches once.\n  const [textColsByTable, setTextColsByTable] = useState({});\n  // Cache: tableName -> date/timestamp column list. Today only the member\n  // table needs it (DOB picker). Same lazy-load pattern as the other caches.\n  const [dateColsByTable, setDateColsByTable] = useState({});\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const [s, t] = await Promise.all([getSettings(), listPublicTables().catch(() => [])]);\n      setForm(applySettings(s));\n      setTables(t);\n    } catch (err) {\n      setError(err?.response?.data?.message ?? err?.message ?? 'Failed to load settings');\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.settings', () => { void load(); }, []);\n\n  // Whenever a subject's table is set, lazy-load its UUID columns (idempotent).\n  useEffect(() => {\n    const needed = [form.memberTableName]\n      .filter(Boolean)\n      .filter((t) => uuidColsByTable[t] === undefined);\n    if (needed.length === 0) return;\n    let cancelled = false;\n    (async () => {\n      const updates = {};\n      await Promise.all(needed.map(async (t) => {\n        try {\n          updates[t] = await listUuidColumns(t);\n        } catch {\n          updates[t] = [];\n        }\n      }));\n      if (!cancelled) {\n        setUuidColsByTable((prev) => ({ ...prev, ...updates }));\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [form.memberTableName, uuidColsByTable]);\n\n  // Lazy-load text columns for tables that need a text-column picker. Today\n  // facility uses it for its display-name column and member uses it for its\n  // search column. Cache is keyed by table name so each table is fetched once.\n  useEffect(() => {\n    const needed = [form.memberTableName]\n      .filter(Boolean)\n      .filter((t) => textColsByTable[t] === undefined);\n    if (needed.length === 0) return;\n    let cancelled = false;\n    (async () => {\n      const updates = {};\n      await Promise.all(needed.map(async (t) => {\n        try {\n          updates[t] = await listTextColumns(t);\n        } catch {\n          updates[t] = [];\n        }\n      }));\n      if (!cancelled) {\n        setTextColsByTable((prev) => ({ ...prev, ...updates }));\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [form.memberTableName, textColsByTable]);\n\n  // Lazy-load date columns for the member table — drives the DOB picker.\n  useEffect(() => {\n    const needed = [form.memberTableName]\n      .filter(Boolean)\n      .filter((t) => dateColsByTable[t] === undefined);\n    if (needed.length === 0) return;\n    let cancelled = false;\n    (async () => {\n      const updates = {};\n      await Promise.all(needed.map(async (t) => {\n        try {\n          updates[t] = await listDateColumns(t);\n        } catch {\n          updates[t] = [];\n        }\n      }));\n      if (!cancelled) {\n        setDateColsByTable((prev) => ({ ...prev, ...updates }));\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [form.memberTableName, dateColsByTable]);\n\n  function patch(k, v) {\n    setForm((f) => ({ ...f, [k]: v }));\n  }\n\n  // When the table changes, clear every column previously mapped against the\n  // old table so the operator can't ship a stale (now-invalid) mapping.\n  function patchTable(tableKey, columnKeys, nextTable) {\n    const keys = Array.isArray(columnKeys) ? columnKeys : [columnKeys];\n    setForm((f) => {\n      const cleared = keys.reduce((acc, k) => ({ ...acc, [k]: '' }), {});\n      return { ...f, [tableKey]: nextTable, ...cleared };\n    });\n  }\n\n  const countryErr = !form.countryCode ? 'Country is required.' : '';\n  const formIsValid = !countryErr;\n  const previewCountry = findCountry(form.countryCode);\n\n  async function save() {\n    if (!formIsValid) return;\n    setSaving(true);\n    setError('');\n    try {\n      const saved = await upsertSettings({\n        memberTableName: form.memberTableName || null,\n        memberIdColumn: form.memberIdColumn || null,\n        memberIdentifierColumn: form.memberIdentifierColumn || null,\n        memberFamilyIdColumn: form.memberFamilyIdColumn || null,\n        memberNameColumn: form.memberNameColumn || null,\n        memberDobColumn: form.memberDobColumn || null,\n        countryCode: form.countryCode,\n        // Sales-on always implies purchase-amounts-on; enforce it at save time\n        // too so direct API callers can't ship an inconsistent pair.\n        managePurchaseAmounts: form.manageSales ? true : !!form.managePurchaseAmounts,\n        manageSales: !!form.manageSales,\n        allowPersonalPurchase: !!form.allowPersonalPurchase,\n        requirePurchaseConfirmation: !!form.requirePurchaseConfirmation,\n      });\n      setForm(applySettings(saved));\n      updateLocalPmSettings(saved);\n      void loadPmSettings(true).catch(() => {});\n      showToast({ message: 'Settings saved.', type: 'success' });\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save settings';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.settings'}>\n      <PmPageShell\n        title=\"Settings\"\n        subtitle=\"Set up the module for your deployment. Choose your country, link to your database, and enable the features you need.\"\n        chips={['Configuration']}\n        actions={\n          <Stack direction=\"row\" spacing={1}>\n            <Button variant=\"outlined\" startIcon={<RefreshRoundedIcon />} onClick={() => void load()}>Refresh</Button>\n            <Button variant=\"contained\" startIcon={<SaveRoundedIcon />} disabled={!formIsValid || saving || loading || !canWrite}\n              onClick={() => void save()}>\n              {saving ? 'Saving…' : 'Save'}\n            </Button>\n          </Stack>\n        }\n      >\n        {error ? <Alert severity=\"error\" sx={{ mb: 2 }}>{error}</Alert> : null}\n\n        {/* ---------- Country (drives currency + phone) ---------- */}\n        <Card sx={{\n          borderRadius: 1.5, mb: 2,\n          border: '1px solid', borderColor: 'divider',\n          boxShadow: '0 12px 32px rgba(15, 23, 42, 0.045)',\n        }}>\n          <CardContent sx={{ p: 2.5 }}>\n            <PmFormSection\n              eyebrow=\"Locale\"\n              title=\"Implementation country\"\n              hint=\"The country controls currency display and phone number formats.\"\n              sx={{ mb: 2 }}\n            />\n            <Grid container spacing={2}>\n              <Grid item xs={12} md={6}>\n                <CountrySelect\n                  required\n                  disableClearable\n                  value={form.countryCode}\n                  onChange={(code) => patch('countryCode', code)}\n                  error={!!countryErr}\n                  helperText={countryErr || 'Type to search by name, code, currency, or dial code.'}\n                />\n              </Grid>\n              <Grid item xs={12} md={6}>\n                <Stack direction=\"row\" spacing={1.5} sx={{ height: '100%' }}>\n                  <PreviewTile\n                    icon={<PaymentsRoundedIcon fontSize=\"small\" />}\n                    label=\"Currency\"\n                    primary={`${previewCountry?.currencySymbol ?? '—'} 1,234.50`}\n                    secondary={previewCountry?.currencyCode ?? '—'}\n                  />\n                  <PreviewTile\n                    icon={<PhoneIphoneRoundedIcon fontSize=\"small\" />}\n                    label=\"Phone\"\n                    primary={previewCountry?.phoneCode ?? '—'}\n                    secondary={previewCountry\n                      ? `${previewCountry.phoneMin}${previewCountry.phoneMin === previewCountry.phoneMax ? '' : `–${previewCountry.phoneMax}`} digits`\n                      : '—'}\n                  />\n                </Stack>\n              </Grid>\n            </Grid>\n          </CardContent>\n        </Card>\n\n        {/* ---------- Feature toggles ---------- */}\n        <Card sx={{\n          borderRadius: 1.5, mb: 2,\n          border: '1px solid', borderColor: 'divider',\n          boxShadow: '0 12px 32px rgba(15, 23, 42, 0.045)',\n        }}>\n          <CardContent sx={{ p: 2.5 }}>\n            <PmFormSection\n              eyebrow=\"Scope\"\n              title=\"Features\"\n              hint=\"Turn on only the features you need.\"\n              sx={{ mb: 2 }}\n            />\n            <Stack spacing={1.5}>\n              <ToggleRow\n                label=\"Manage sales and payments\"\n                hint=\"Turn off to hide sales and payment features.\"\n                value={form.manageSales}\n                onChange={(v) => patch('manageSales', v)}\n              />\n              <ToggleRow\n                label=\"Manage purchase amounts\"\n                hint=\"Turn off if you only track stock, not money.\"\n                value={form.manageSales ? true : form.managePurchaseAmounts}\n                onChange={(v) => patch('managePurchaseAmounts', v)}\n                disabled={form.manageSales}\n                lockNote=\"Required while sales and payments are on — sales need purchase costs to compute margins.\"\n              />\n              <ToggleRow\n                label=\"Allow personal purchases\"\n                hint=\"Turn off to hide the personal purchase option.\"\n                value={form.allowPersonalPurchase}\n                onChange={(v) => patch('allowPersonalPurchase', v)}\n              />\n              <ToggleRow\n                label=\"Require purchase confirmation\"\n                hint=\"Turn on to require a manager to approve purchases before stock is added.\"\n                value={form.requirePurchaseConfirmation}\n                onChange={(v) => patch('requirePurchaseConfirmation', v)}\n              />\n            </Stack>\n          </CardContent>\n        </Card>\n\n        {/* ---------- Subject mappings ---------- */}\n        <Card sx={{\n          borderRadius: 1.5,\n          border: '1px solid', borderColor: 'divider',\n          boxShadow: '0 12px 32px rgba(15, 23, 42, 0.045)',\n        }}>\n          <CardContent sx={{ p: 2.5 }}>\n            <PmFormSection\n              eyebrow=\"Identity mappings\"\n              title=\"Subjects\"\n              hint=\"Connect customer, user, and facility data from your system. This links real people to the app.\"\n              sx={{ mb: 2 }}\n            />\n\n            <Stack spacing={3}>\n              <MemberSubjectRow\n                tables={tables}\n                tableValue={form.memberTableName}\n                onTableChange={(v) => patchTable(\n                  'memberTableName',\n                  ['memberIdColumn', 'memberIdentifierColumn', 'memberFamilyIdColumn', 'memberNameColumn', 'memberDobColumn'],\n                  v,\n                )}\n                uuidColumns={uuidColsByTable[form.memberTableName]}\n                textColumns={textColsByTable[form.memberTableName]}\n                dateColumns={dateColsByTable[form.memberTableName]}\n                idColumnValue={form.memberIdColumn}\n                onIdColumnChange={(v) => patch('memberIdColumn', v)}\n                identifierColumnValue={form.memberIdentifierColumn}\n                onIdentifierColumnChange={(v) => patch('memberIdentifierColumn', v)}\n                familyIdColumnValue={form.memberFamilyIdColumn}\n                onFamilyIdColumnChange={(v) => patch('memberFamilyIdColumn', v)}\n                nameColumnValue={form.memberNameColumn}\n                onNameColumnChange={(v) => patch('memberNameColumn', v)}\n                dobColumnValue={form.memberDobColumn}\n                onDobColumnChange={(v) => patch('memberDobColumn', v)}\n              />\n            </Stack>\n          </CardContent>\n        </Card>\n      </PmPageShell>\n      </PmGuard>\n    </Box>\n  );\n}\n\nfunction ToggleRow({ label, hint, value, onChange, disabled = false, lockNote = '' }) {\n  const checked = !!value;\n  const interactive = !disabled;\n  return (\n    <Box\n      role=\"button\"\n      tabIndex={interactive ? 0 : -1}\n      aria-disabled={disabled || undefined}\n      onClick={interactive ? () => onChange(!checked) : undefined}\n      onKeyDown={interactive ? (e) => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          e.preventDefault();\n          onChange(!checked);\n        }\n      } : undefined}\n      sx={(theme) => ({\n        display: 'flex',\n        alignItems: 'center',\n        gap: 2,\n        p: 2,\n        borderRadius: 1.5,\n        cursor: interactive ? 'pointer' : 'not-allowed',\n        opacity: interactive ? 1 : 0.75,\n        border: '1px solid',\n        borderColor: checked ? alpha(theme.palette.primary.main, 0.35) : 'divider',\n        bgcolor: checked ? alpha(theme.palette.primary.main, 0.04) : 'transparent',\n        transition: 'all 180ms ease',\n        '&:hover': interactive ? {\n          borderColor: checked ? theme.palette.primary.main : alpha(theme.palette.primary.main, 0.35),\n          bgcolor: checked ? alpha(theme.palette.primary.main, 0.06) : alpha(theme.palette.primary.main, 0.02),\n        } : undefined,\n      })}\n    >\n      <Box sx={{ flexGrow: 1, minWidth: 0 }}>\n        <Stack direction=\"row\" alignItems=\"center\" spacing={1}>\n          <Typography variant=\"subtitle1\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>{label}</Typography>\n          <Box\n            sx={(theme) => ({\n              px: 0.9,\n              py: 0.15,\n              borderRadius: 999,\n              fontSize: '0.65rem',\n              fontWeight: 800,\n              letterSpacing: 0.6,\n              textTransform: 'uppercase',\n              color: checked ? theme.palette.success.dark : theme.palette.text.disabled,\n              bgcolor: checked ? alpha(theme.palette.success.main, 0.12) : alpha(theme.palette.text.disabled, 0.1),\n            })}\n          >\n            {checked ? 'Enabled' : 'Disabled'}\n          </Box>\n          {disabled && lockNote ? (\n            <Box\n              sx={(theme) => ({\n                px: 0.9,\n                py: 0.15,\n                borderRadius: 999,\n                fontSize: '0.65rem',\n                fontWeight: 800,\n                letterSpacing: 0.6,\n                textTransform: 'uppercase',\n                color: theme.palette.warning.dark,\n                bgcolor: alpha(theme.palette.warning.main, 0.14),\n              })}\n            >\n              Locked\n            </Box>\n          ) : null}\n        </Stack>\n        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mt: 0.5 }}>\n          {disabled && lockNote ? lockNote : hint}\n        </Typography>\n      </Box>\n      <CustomSwitch\n        checked={checked}\n        disabled={disabled}\n        onClick={(e) => e.stopPropagation()}\n        onChange={(e) => onChange(e.target.checked)}\n      />\n    </Box>\n  );\n}\n\nfunction PreviewTile({ icon, label, primary, secondary }) {\n  return (\n    <Box\n      sx={(theme) => ({\n        flex: 1,\n        minWidth: 0,\n        p: 1.25,\n        borderRadius: 1.5,\n        border: '1px solid',\n        borderColor: 'divider',\n        bgcolor: alpha(theme.palette.primary.main, 0.03),\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n      })}\n    >\n      <Stack direction=\"row\" alignItems=\"center\" spacing={0.75} sx={{ color: 'text.secondary', mb: 0.25 }}>\n        {icon}\n        <Typography variant=\"caption\" sx={{ fontWeight: 800, letterSpacing: 0.6, textTransform: 'uppercase' }}>\n          {label}\n        </Typography>\n      </Stack>\n      <Typography sx={{ fontWeight: 800, fontSize: '1.1rem', fontVariantNumeric: 'tabular-nums', lineHeight: 1.2 }} noWrap>\n        {primary}\n      </Typography>\n      <Typography variant=\"caption\" color=\"text.secondary\" noWrap>{secondary}</Typography>\n    </Box>\n  );\n}\n\n// Dedicated members row — five column mappings (uuid + identifier + family\n// id + name + dob), one of which is sourced from date-typed columns. Sales\n// and Payments build the member profile card off these.\nfunction MemberSubjectRow({\n  tables,\n  tableValue,\n  onTableChange,\n  uuidColumns,\n  textColumns,\n  dateColumns,\n  idColumnValue,\n  onIdColumnChange,\n  identifierColumnValue,\n  onIdentifierColumnChange,\n  familyIdColumnValue,\n  onFamilyIdColumnChange,\n  nameColumnValue,\n  onNameColumnChange,\n  dobColumnValue,\n  onDobColumnChange,\n}) {\n  const uuidLoaded = Array.isArray(uuidColumns);\n  const textLoaded = Array.isArray(textColumns);\n  const dateLoaded = Array.isArray(dateColumns);\n  const noUuid = uuidLoaded && uuidColumns.length === 0;\n  const noText = textLoaded && textColumns.length === 0;\n  const noDate = dateLoaded && dateColumns.length === 0;\n\n  const tableOptions = useMemo(() => {\n    const base = tables ?? [];\n    if (!tableValue || base.includes(tableValue)) return base;\n    return [tableValue, ...base];\n  }, [tableValue, tables]);\n\n  // Pin the currently-saved value into options even if the live list doesn't\n  // know about it, so a setting picked before a schema change still renders.\n  function withSavedValue(list, value) {\n    const arr = list ?? [];\n    if (!value || arr.includes(value)) return arr;\n    return [value, ...arr];\n  }\n\n  const uuidOptions = useMemo(\n    () => withSavedValue(uuidLoaded ? uuidColumns : [], idColumnValue),\n    [uuidColumns, uuidLoaded, idColumnValue],\n  );\n  const identifierOptions = useMemo(\n    () => withSavedValue(textLoaded ? textColumns : [], identifierColumnValue),\n    [textColumns, textLoaded, identifierColumnValue],\n  );\n  const familyIdOptions = useMemo(\n    () => withSavedValue(textLoaded ? textColumns : [], familyIdColumnValue),\n    [textColumns, textLoaded, familyIdColumnValue],\n  );\n  const nameOptions = useMemo(\n    () => withSavedValue(textLoaded ? textColumns : [], nameColumnValue),\n    [textColumns, textLoaded, nameColumnValue],\n  );\n  const dobOptions = useMemo(\n    () => withSavedValue(dateLoaded ? dateColumns : [], dobColumnValue),\n    [dateColumns, dateLoaded, dobColumnValue],\n  );\n\n  const uuidHelp = !tableValue\n    ? 'Pick a table first.'\n    : !uuidLoaded ? 'Loading columns…'\n      : noUuid ? 'No UUID columns found in this table.'\n        : 'Column that holds the member’s primary key.';\n\n  function textHelp(description) {\n    if (!tableValue) return 'Pick a table first.';\n    if (!textLoaded) return 'Loading columns…';\n    if (noText) return 'No text columns found in this table.';\n    return description;\n  }\n\n  const dobHelp = !tableValue\n    ? 'Pick a table first.'\n    : !dateLoaded ? 'Loading columns…'\n      : noDate ? 'No date/timestamp columns found in this table.'\n        : 'Age is derived from this column in the UI.';\n\n  return (\n    <Box>\n      <Typography variant=\"subtitle1\" sx={{ fontWeight: 800, lineHeight: 1.2 }}>Members</Typography>\n      <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 1.5 }}>\n        Patients / customers who can be sold to, charged dues, and administered vaccines. These columns build the member profile card on Sales and Payments.\n      </Typography>\n      <Grid container spacing={2}>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            options={tableOptions}\n            value={tableValue || null}\n            onChange={(_, next) => onTableChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"Table name\" placeholder=\"Type to search…\"\n                helperText=\"Public-schema table that holds members.\" />\n            )}\n          />\n        </Grid>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            disabled={!tableValue || !uuidLoaded || noUuid}\n            options={uuidOptions}\n            value={idColumnValue || null}\n            onChange={(_, next) => onIdColumnChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"UUID column\" placeholder=\"Type to search…\" helperText={uuidHelp} />\n            )}\n          />\n        </Grid>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            disabled={!tableValue || !textLoaded || noText}\n            options={identifierOptions}\n            value={identifierColumnValue || null}\n            onChange={(_, next) => onIdentifierColumnChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"Identifier column\" placeholder=\"Type to search…\"\n                helperText={textHelp('Unique identifier shown on the profile card (e.g. national id).')} />\n            )}\n          />\n        </Grid>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            disabled={!tableValue || !textLoaded || noText}\n            options={familyIdOptions}\n            value={familyIdColumnValue || null}\n            onChange={(_, next) => onFamilyIdColumnChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"Family ID column\" placeholder=\"Type to search…\"\n                helperText={textHelp('Groups members by household.')} />\n            )}\n          />\n        </Grid>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            disabled={!tableValue || !textLoaded || noText}\n            options={nameOptions}\n            value={nameColumnValue || null}\n            onChange={(_, next) => onNameColumnChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"Name column\" placeholder=\"Type to search…\"\n                helperText={textHelp('Display name. Also used by the recent-payments / sales tables.')} />\n            )}\n          />\n        </Grid>\n        <Grid item xs={12} md={6}>\n          <Autocomplete\n            size=\"small\"\n            disabled={!tableValue || !dateLoaded || noDate}\n            options={dobOptions}\n            value={dobColumnValue || null}\n            onChange={(_, next) => onDobColumnChange(next ?? '')}\n            renderInput={(params) => (\n              <TextField {...params} label=\"Date of birth column\" placeholder=\"Type to search…\"\n                helperText={dobHelp} />\n            )}\n          />\n        </Grid>\n      </Grid>\n    </Box>\n  );\n}\n"],"mappings":"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"}

package/dist/{StorageUnitsPage-B9Hr_RkW.js → StorageUnitsPage-DfLT6xC_.js}

@@ -1,9 +1,9 @@
-import { P as e, a as t, i as n, n as ee, o as te, r as ne, ut as r, w as i } from "./currency-ClRLIEg2.js";
-import { c as a, o, s as re, t as ie } from "./PmTable-B9970kPY.js";
+import { a as e, i as t, j as n, n as ee, o as te, r as ne, st as r, x as i } from "./currency-bVQ7aEk2.js";
+import { c as a, o, s as re, t as ie } from "./PmTable-CCpaJEA_.js";
 import { h as ae, m as s, n as oe, t as se } from "./validation-Ba7puFIO.js";
 import { t as ce } from "./useFieldErrors-hDG8ox_x.js";
 import { o as c, p as le } from "./constants-5ZCZo-Zm.js";
-import { t as l } from "./FacilityPicker-Dv_H95WW.js";
+import { t as l } from "./FacilityPicker-Chh-ZaR0.js";
 import { useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { v4 as p } from "uuid";
@@ -19,7 +19,7 @@ var O = [{
 	label: "Facility"
 }];
 function k() {
-	let k = t().has("update.manage.productManagement.storageUnit"), [A, j] = u([]), [M, N] = u({}), [P, F] = u(!1), [I, L] = u(""), [be, R] = u(!1), [z, B] = u(null), [V, H] = u(G()), [U, xe] = u(!1), W = ce();
+	let k = e().has("update.manage.productManagement.storageUnit"), [A, j] = u([]), [M, N] = u({}), [P, F] = u(!1), [I, L] = u(""), [be, R] = u(!1), [z, B] = u(null), [V, H] = u(G()), [U, xe] = u(!1), W = ce();
 	function G() {
 		return {
 			id: "",
@@ -39,15 +39,15 @@ function k() {
 	async function K() {
 		F(!0), L("");
 		try {
-			let t = await e({ activeOnly: !1 });
-			j(t);
-			let n = Array.from(new Set(t.map((e) => e.ownerId).filter(Boolean)));
-			if (n.length === 0) N({});
+			let e = await n({ activeOnly: !1 });
+			j(e);
+			let t = Array.from(new Set(e.map((e) => e.ownerId).filter(Boolean)));
+			if (t.length === 0) N({});
 			else try {
-				let e = await i(n), t = {};
+				let e = await i(t), n = {};
 				e.forEach((e) => {
-					t[e.id] = e.name;
-				}), N(t);
+					n[e.id] = e.name;
+				}), N(n);
 			} catch {
 				N({});
 			}
@@ -61,7 +61,7 @@ function k() {
 			F(!1);
 		}
 	}
-	n("view.manage.productManagement.storageUnit", () => {
+	t("view.manage.productManagement.storageUnit", () => {
 		K();
 	}, []);
 	function Se(e) {
@@ -467,4 +467,4 @@ function k() {
 //#endregion
 export { k as default };
 
-//# sourceMappingURL=StorageUnitsPage-B9Hr_RkW.js.map
+//# sourceMappingURL=StorageUnitsPage-DfLT6xC_.js.map

package/dist/{StorageUnitsPage-B9Hr_RkW.js.map → StorageUnitsPage-DfLT6xC_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StorageUnitsPage-B9Hr_RkW.js","names":[],"sources":["../src/views/StorageUnitsPage.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  Divider,\n  FormControlLabel,\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 WarehouseRoundedIcon from '@mui/icons-material/WarehouseRounded';\nimport { showToast } from '@/common/toaster/toaster';\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, PmSelect, PmTable, PmTableCard } from '@pm/components/PmTable';\nimport { STORAGE_UNIT_TYPES, labelOf } from '@pm/utils/constants';\nimport {\n  getFacilitiesByIds,\n  getStorageUnits,\n  upsertStorageUnit,\n} from '@pm/services/pmApi';\nimport FacilityPicker from '@pm/components/FacilityPicker';\nimport {\n  isClean,\n  validateCode,\n  validateRequired,\n  validateTempRange,\n} from '@pm/utils/validation';\nimport { useFieldErrors } from '@pm/utils/useFieldErrors';\n\n// Today only FACILITY-owned storage units exist. The dropdown is kept so the\n// UI is ready for future owner kinds (REGIONAL_DEPOT, etc.) without a redesign.\nconst OWNER_TYPES = [{ value: 'FACILITY', label: 'Facility' }];\n\nexport default function StorageUnitsPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.storageUnit');\n  const [items, setItems] = useState([]);\n  // Map of facility id → name, hydrated for the ownerIds present on the\n  // loaded storage units. Avoids loading the entire facility table just to\n  // render the \"Facility\" column.\n  const [facilityNames, setFacilityNames] = 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 {\n      id: '',\n      ownerType: 'FACILITY',\n      ownerId: '',\n      unitName: '',\n      unitCode: '',\n      unitType: 'REFRIGERATOR',\n      make: '',\n      model: '',\n      comments: '',\n      operatingTempMinCelsius: '',\n      operatingTempMaxCelsius: '',\n      isActive: true,\n    };\n  }\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const units = await getStorageUnits({ activeOnly: false });\n      setItems(units);\n      // Hydrate display names only for the facilities actually referenced\n      // by the loaded units. Storage units are short — even the largest\n      // deployment is a few hundred — so this is one cheap call.\n      const ids = Array.from(new Set(units.map((u) => u.ownerId).filter(Boolean)));\n      if (ids.length === 0) {\n        setFacilityNames({});\n      } else {\n        try {\n          const refs = await getFacilitiesByIds(ids);\n          const map = {};\n          refs.forEach((r) => { map[r.id] = r.name; });\n          setFacilityNames(map);\n        } catch {\n          setFacilityNames({});\n        }\n      }\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load storage units';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.storageUnit', () => {\n    void load();\n  }, []);\n\n  function facilityNameFor(id) {\n    return facilityNames[id] ?? id;\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      ownerType: item.ownerType ?? 'FACILITY',\n      ownerId: item.ownerId ?? '',\n      unitName: item.unitName ?? '',\n      unitCode: item.unitCode ?? '',\n      unitType: item.unitType ?? 'REFRIGERATOR',\n      make: item.make ?? '',\n      model: item.model ?? '',\n      comments: item.comments ?? '',\n      operatingTempMinCelsius: item.operatingTempMinCelsius ?? '',\n      operatingTempMaxCelsius: item.operatingTempMaxCelsius ?? '',\n      isActive: item.isActive !== false,\n    });\n    setOpenDialog(true);\n  }\n\n  const tempErrors = validateTempRange(form.operatingTempMinCelsius, form.operatingTempMaxCelsius);\n  // Code uniqueness is enforced per facility in the DB. Mirror that scope here so\n  // the operator gets the duplicate warning inline instead of as a 500 after save.\n  const codeBase = validateCode(form.unitCode, { required: true });\n  const codeNorm = (form.unitCode || '').trim().toUpperCase();\n  const codeClash = !codeBase\n    && codeNorm\n    && form.ownerId\n    && items.some((u) => u.id !== form.id\n      && u.ownerId === form.ownerId\n      && (u.unitCode || '').toUpperCase() === codeNorm);\n  const formErrors = {\n    ownerType: validateRequired(form.ownerType, 'Owner type'),\n    ownerId: validateRequired(form.ownerId, 'Facility'),\n    unitName: validateRequired(form.unitName, 'Name'),\n    unitCode: codeBase || (codeClash ? 'Code is already in use for this facility.' : ''),\n    unitType: validateRequired(form.unitType, 'Type'),\n    operatingTempMinCelsius: tempErrors.min,\n    operatingTempMaxCelsius: tempErrors.max,\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 upsertStorageUnit({\n        id: form.id,\n        ownerId: form.ownerId,\n        unitName: form.unitName.trim(),\n        unitCode: form.unitCode.trim().toUpperCase(),\n        unitType: form.unitType,\n        make: form.make?.trim() || null,\n        model: form.model?.trim() || null,\n        comments: form.comments?.trim() || null,\n        operatingTempMinCelsius: form.operatingTempMinCelsius === '' ? null : Number(form.operatingTempMinCelsius),\n        operatingTempMaxCelsius: form.operatingTempMaxCelsius === '' ? null : Number(form.operatingTempMaxCelsius),\n        isActive: form.isActive,\n      });\n      showToast({ message: 'Storage unit saved.', type: 'success' });\n      setOpenDialog(false);\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save storage unit';\n      setError(message);\n      showToast({ message, type: 'error' });\n    }\n  }\n\n  const visible = showInactive ? items : items.filter((u) => u.isActive !== false);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.storageUnit'}>\n      <PmPageShell\n        title=\"Storage Units\"\n        subtitle=\"Cold-chain equipment for storing vaccine and product batches. Currently managed per facility.\"\n        chips={['Catalog', 'Facility-owned']}\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 Storage Unit</Button>\n            ) : null}\n          </Stack>\n        }\n      >\n        {error ? <Alert severity=\"error\" sx={{ mb: 2 }}>{error}</Alert> : null}\n\n        <PmTableCard\n          eyebrow=\"Cold-chain network\"\n          title=\"Storage units\"\n          subtitle={loading ? 'Loading…' : `${visible.length} ${visible.length === 1 ? 'unit' : 'units'}`}\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>Facility</TableCell>\n                <TableCell>Type</TableCell>\n                <TableCell>Operating range</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: 7 }).map((__, j) => (\n                      <TableCell key={j}><Skeleton height={22} /></TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : visible.length === 0 ? (\n                <PmEmptyRow\n                  colSpan={7}\n                  icon={WarehouseRoundedIcon}\n                  title={items.length === 0 ? 'No storage units yet' : 'No active storage units'}\n                  hint={items.length === 0\n                    ? 'You need storage equipment to keep vaccine batches safe.'\n                    : 'Turn on “Show inactive” to see deactivated storage units.'}\n                  action={items.length === 0 && canWrite ? (\n                    <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                      Create first unit\n                    </Button>\n                  ) : null}\n                />\n              ) : visible.map((u) => (\n                <TableRow key={u.id} hover>\n                  <TableCell>\n                    <Box component=\"span\" sx={{\n                      display: 'inline-flex', px: 0.85, py: 0.25, borderRadius: 1,\n                      bgcolor: 'grey.100', fontFamily: 'monospace', fontSize: '0.72rem', fontWeight: 800,\n                    }}>\n                      {u.unitCode}\n                    </Box>\n                  </TableCell>\n                  <TableCell><Typography variant=\"body2\" sx={{ fontWeight: 700 }}>{u.unitName}</Typography></TableCell>\n                  <TableCell><Typography variant=\"caption\" color=\"text.secondary\">{facilityNameFor(u.ownerId)}</Typography></TableCell>\n                  <TableCell>\n                    <Chip size=\"small\" label={labelOf(STORAGE_UNIT_TYPES, u.unitType)} variant=\"outlined\"\n                      sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }} />\n                  </TableCell>\n                  <TableCell>\n                    {u.operatingTempMinCelsius != null && u.operatingTempMaxCelsius != null ? (\n                      <Typography variant=\"caption\" sx={{ fontWeight: 700, fontVariantNumeric: 'tabular-nums' }}>\n                        {u.operatingTempMinCelsius}°C → {u.operatingTempMaxCelsius}°C\n                      </Typography>\n                    ) : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                  <TableCell>\n                    <Chip size=\"small\"\n                      label={u.isActive ? 'Active' : 'Inactive'}\n                      color={u.isActive ? 'success' : 'default'}\n                      variant={u.isActive ? 'filled' : 'outlined'}\n                      sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }} />\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    {canWrite ? (\n                      <Button size=\"small\" variant=\"outlined\" onClick={() => openEdit(u)}>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 Storage Unit' : 'New Storage Unit'}</DialogTitle>\n        <DialogContent dividers>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n\n            {/* ------- Ownership: who this storage unit belongs to ------- */}\n            <PmSelect\n              label=\"Owner Type\"\n              required\n              disabled={!!editing}\n              value={form.ownerType}\n              onChange={(v) => setForm({ ...form, ownerType: v, ownerId: '' })}\n              onBlur={fieldErrors.onBlur('ownerType')}\n              error={fieldErrors.show('ownerType') && !!formErrors.ownerType}\n              helperText={fieldErrors.show('ownerType') && formErrors.ownerType\n                ? formErrors.ownerType\n                : 'Only Facility is available currently.'}\n              options={OWNER_TYPES}\n            />\n\n            <FacilityPicker\n              required\n              disabled={!!editing || form.ownerType !== 'FACILITY'}\n              value={form.ownerId}\n              onChange={(id) => setForm({ ...form, ownerId: id })}\n              onBlur={fieldErrors.onBlur('ownerId')}\n              error={fieldErrors.show('ownerId') && !!formErrors.ownerId}\n              helperText={\n                fieldErrors.show('ownerId') && formErrors.ownerId\n                  ? formErrors.ownerId\n                  : 'Search by name. The owner cannot be changed once created.'\n              }\n            />\n\n            <Divider />\n\n            {/* ------- Unit details ------- */}\n            <TextField\n              required\n              label=\"Unit name\" size=\"small\" fullWidth\n              value={form.unitName}\n              onChange={(e) => {\n                const nextName = e.target.value;\n                // Derive a default code from the name on create — initials, A-Z/0-9\n                // only. We never overwrite a code on edit (it's already curated and\n                // ownerCode-scoped uniqueness depends on it).\n                const auto = nextName\n                  .split(/\\s+/)\n                  .filter(Boolean)\n                  .map((w) => w[0])\n                  .join('')\n                  .toUpperCase()\n                  .replace(/[^A-Z0-9_]/g, '');\n                setForm((f) => ({\n                  ...f,\n                  unitName: nextName,\n                  unitCode: editing ? f.unitCode : auto,\n                }));\n              }}\n              onBlur={fieldErrors.onBlur('unitName')}\n              error={fieldErrors.show('unitName') && !!formErrors.unitName}\n              helperText={fieldErrors.show('unitName') ? formErrors.unitName : ''}\n            />\n            <TextField\n              required\n              label=\"Unit code (unique within facility)\" size=\"small\" fullWidth\n              value={form.unitCode}\n              onChange={(e) => setForm({ ...form, unitCode: e.target.value.toUpperCase() })}\n              onBlur={fieldErrors.onBlur('unitCode')}\n              error={fieldErrors.show('unitCode') && !!formErrors.unitCode}\n              helperText={\n                fieldErrors.show('unitCode') && formErrors.unitCode\n                  ? formErrors.unitCode\n                  : 'Auto-generated from the name. Edit if needed to make it unique within this facility.'\n              }\n            />\n            <PmSelect\n              label=\"Type\"\n              required\n              value={form.unitType}\n              onChange={(v) => setForm({ ...form, unitType: v })}\n              onBlur={fieldErrors.onBlur('unitType')}\n              error={fieldErrors.show('unitType') && !!formErrors.unitType}\n              options={STORAGE_UNIT_TYPES}\n            />\n\n            <Stack direction=\"row\" spacing={2}>\n              <TextField label=\"Make\" size=\"small\" fullWidth\n                value={form.make}\n                onChange={(e) => setForm({ ...form, make: e.target.value })}\n                helperText=\"Example: Godrej, Vestfrost\" />\n              <TextField label=\"Model\" size=\"small\" fullWidth\n                value={form.model}\n                onChange={(e) => setForm({ ...form, model: e.target.value })}\n                helperText=\"Example: GVR-100\" />\n            </Stack>\n            <Stack direction=\"row\" spacing={2}>\n              <TextField\n                label=\"Min °C\" size=\"small\" type=\"number\" fullWidth\n                inputProps={{ step: '0.1', min: -90, max: 30 }}\n                value={form.operatingTempMinCelsius}\n                onChange={(e) => setForm({ ...form, operatingTempMinCelsius: e.target.value })}\n                onBlur={fieldErrors.onBlur('operatingTempMinCelsius')}\n                error={fieldErrors.show('operatingTempMinCelsius') && !!formErrors.operatingTempMinCelsius}\n                helperText={\n                  fieldErrors.show('operatingTempMinCelsius') && formErrors.operatingTempMinCelsius\n                    ? formErrors.operatingTempMinCelsius\n                    : 'Allowed range: −90°C to +30°C'\n                }\n              />\n              <TextField\n                label=\"Max °C\" size=\"small\" type=\"number\" fullWidth\n                inputProps={{ step: '0.1', min: -90, max: 30 }}\n                value={form.operatingTempMaxCelsius}\n                onChange={(e) => setForm({ ...form, operatingTempMaxCelsius: e.target.value })}\n                onBlur={fieldErrors.onBlur('operatingTempMaxCelsius')}\n                error={fieldErrors.show('operatingTempMaxCelsius') && !!formErrors.operatingTempMaxCelsius}\n                helperText={\n                  fieldErrors.show('operatingTempMaxCelsius') && formErrors.operatingTempMaxCelsius\n                    ? formErrors.operatingTempMaxCelsius\n                    : 'Allowed range: −90°C to +30°C'\n                }\n              />\n            </Stack>\n            <TextField label=\"Comments\" size=\"small\" multiline minRows={2} fullWidth\n              value={form.comments}\n              onChange={(e) => setForm({ ...form, comments: e.target.value })}\n              helperText=\"Notes about placement, maintenance schedule, or other details.\" />\n            <FormControlLabel control={<Checkbox checked={form.isActive}\n              onChange={(e) => setForm({ ...form, isActive: e.target.checked })} />} 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":"StorageUnitsPage-DfLT6xC_.js","names":[],"sources":["../src/views/StorageUnitsPage.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  Divider,\n  FormControlLabel,\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 WarehouseRoundedIcon from '@mui/icons-material/WarehouseRounded';\nimport { showToast } from '@/common/toaster/toaster';\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, PmSelect, PmTable, PmTableCard } from '@pm/components/PmTable';\nimport { STORAGE_UNIT_TYPES, labelOf } from '@pm/utils/constants';\nimport {\n  getFacilitiesByIds,\n  getStorageUnits,\n  upsertStorageUnit,\n} from '@pm/services/pmApi';\nimport FacilityPicker from '@pm/components/FacilityPicker';\nimport {\n  isClean,\n  validateCode,\n  validateRequired,\n  validateTempRange,\n} from '@pm/utils/validation';\nimport { useFieldErrors } from '@pm/utils/useFieldErrors';\n\n// Today only FACILITY-owned storage units exist. The dropdown is kept so the\n// UI is ready for future owner kinds (REGIONAL_DEPOT, etc.) without a redesign.\nconst OWNER_TYPES = [{ value: 'FACILITY', label: 'Facility' }];\n\nexport default function StorageUnitsPage() {\n  const perms = usePmPermissions();\n  const canWrite = perms.has('update.manage.productManagement.storageUnit');\n  const [items, setItems] = useState([]);\n  // Map of facility id → name, hydrated for the ownerIds present on the\n  // loaded storage units. Avoids loading the entire facility table just to\n  // render the \"Facility\" column.\n  const [facilityNames, setFacilityNames] = 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 {\n      id: '',\n      ownerType: 'FACILITY',\n      ownerId: '',\n      unitName: '',\n      unitCode: '',\n      unitType: 'REFRIGERATOR',\n      make: '',\n      model: '',\n      comments: '',\n      operatingTempMinCelsius: '',\n      operatingTempMaxCelsius: '',\n      isActive: true,\n    };\n  }\n\n  async function load() {\n    setLoading(true);\n    setError('');\n    try {\n      const units = await getStorageUnits({ activeOnly: false });\n      setItems(units);\n      // Hydrate display names only for the facilities actually referenced\n      // by the loaded units. Storage units are short — even the largest\n      // deployment is a few hundred — so this is one cheap call.\n      const ids = Array.from(new Set(units.map((u) => u.ownerId).filter(Boolean)));\n      if (ids.length === 0) {\n        setFacilityNames({});\n      } else {\n        try {\n          const refs = await getFacilitiesByIds(ids);\n          const map = {};\n          refs.forEach((r) => { map[r.id] = r.name; });\n          setFacilityNames(map);\n        } catch {\n          setFacilityNames({});\n        }\n      }\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load storage units';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.storageUnit', () => {\n    void load();\n  }, []);\n\n  function facilityNameFor(id) {\n    return facilityNames[id] ?? id;\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      ownerType: item.ownerType ?? 'FACILITY',\n      ownerId: item.ownerId ?? '',\n      unitName: item.unitName ?? '',\n      unitCode: item.unitCode ?? '',\n      unitType: item.unitType ?? 'REFRIGERATOR',\n      make: item.make ?? '',\n      model: item.model ?? '',\n      comments: item.comments ?? '',\n      operatingTempMinCelsius: item.operatingTempMinCelsius ?? '',\n      operatingTempMaxCelsius: item.operatingTempMaxCelsius ?? '',\n      isActive: item.isActive !== false,\n    });\n    setOpenDialog(true);\n  }\n\n  const tempErrors = validateTempRange(form.operatingTempMinCelsius, form.operatingTempMaxCelsius);\n  // Code uniqueness is enforced per facility in the DB. Mirror that scope here so\n  // the operator gets the duplicate warning inline instead of as a 500 after save.\n  const codeBase = validateCode(form.unitCode, { required: true });\n  const codeNorm = (form.unitCode || '').trim().toUpperCase();\n  const codeClash = !codeBase\n    && codeNorm\n    && form.ownerId\n    && items.some((u) => u.id !== form.id\n      && u.ownerId === form.ownerId\n      && (u.unitCode || '').toUpperCase() === codeNorm);\n  const formErrors = {\n    ownerType: validateRequired(form.ownerType, 'Owner type'),\n    ownerId: validateRequired(form.ownerId, 'Facility'),\n    unitName: validateRequired(form.unitName, 'Name'),\n    unitCode: codeBase || (codeClash ? 'Code is already in use for this facility.' : ''),\n    unitType: validateRequired(form.unitType, 'Type'),\n    operatingTempMinCelsius: tempErrors.min,\n    operatingTempMaxCelsius: tempErrors.max,\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 upsertStorageUnit({\n        id: form.id,\n        ownerId: form.ownerId,\n        unitName: form.unitName.trim(),\n        unitCode: form.unitCode.trim().toUpperCase(),\n        unitType: form.unitType,\n        make: form.make?.trim() || null,\n        model: form.model?.trim() || null,\n        comments: form.comments?.trim() || null,\n        operatingTempMinCelsius: form.operatingTempMinCelsius === '' ? null : Number(form.operatingTempMinCelsius),\n        operatingTempMaxCelsius: form.operatingTempMaxCelsius === '' ? null : Number(form.operatingTempMaxCelsius),\n        isActive: form.isActive,\n      });\n      showToast({ message: 'Storage unit saved.', type: 'success' });\n      setOpenDialog(false);\n      await load();\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to save storage unit';\n      setError(message);\n      showToast({ message, type: 'error' });\n    }\n  }\n\n  const visible = showInactive ? items : items.filter((u) => u.isActive !== false);\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.storageUnit'}>\n      <PmPageShell\n        title=\"Storage Units\"\n        subtitle=\"Cold-chain equipment for storing vaccine and product batches. Currently managed per facility.\"\n        chips={['Catalog', 'Facility-owned']}\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 Storage Unit</Button>\n            ) : null}\n          </Stack>\n        }\n      >\n        {error ? <Alert severity=\"error\" sx={{ mb: 2 }}>{error}</Alert> : null}\n\n        <PmTableCard\n          eyebrow=\"Cold-chain network\"\n          title=\"Storage units\"\n          subtitle={loading ? 'Loading…' : `${visible.length} ${visible.length === 1 ? 'unit' : 'units'}`}\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>Facility</TableCell>\n                <TableCell>Type</TableCell>\n                <TableCell>Operating range</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: 7 }).map((__, j) => (\n                      <TableCell key={j}><Skeleton height={22} /></TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : visible.length === 0 ? (\n                <PmEmptyRow\n                  colSpan={7}\n                  icon={WarehouseRoundedIcon}\n                  title={items.length === 0 ? 'No storage units yet' : 'No active storage units'}\n                  hint={items.length === 0\n                    ? 'You need storage equipment to keep vaccine batches safe.'\n                    : 'Turn on “Show inactive” to see deactivated storage units.'}\n                  action={items.length === 0 && canWrite ? (\n                    <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                      Create first unit\n                    </Button>\n                  ) : null}\n                />\n              ) : visible.map((u) => (\n                <TableRow key={u.id} hover>\n                  <TableCell>\n                    <Box component=\"span\" sx={{\n                      display: 'inline-flex', px: 0.85, py: 0.25, borderRadius: 1,\n                      bgcolor: 'grey.100', fontFamily: 'monospace', fontSize: '0.72rem', fontWeight: 800,\n                    }}>\n                      {u.unitCode}\n                    </Box>\n                  </TableCell>\n                  <TableCell><Typography variant=\"body2\" sx={{ fontWeight: 700 }}>{u.unitName}</Typography></TableCell>\n                  <TableCell><Typography variant=\"caption\" color=\"text.secondary\">{facilityNameFor(u.ownerId)}</Typography></TableCell>\n                  <TableCell>\n                    <Chip size=\"small\" label={labelOf(STORAGE_UNIT_TYPES, u.unitType)} variant=\"outlined\"\n                      sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }} />\n                  </TableCell>\n                  <TableCell>\n                    {u.operatingTempMinCelsius != null && u.operatingTempMaxCelsius != null ? (\n                      <Typography variant=\"caption\" sx={{ fontWeight: 700, fontVariantNumeric: 'tabular-nums' }}>\n                        {u.operatingTempMinCelsius}°C → {u.operatingTempMaxCelsius}°C\n                      </Typography>\n                    ) : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                  <TableCell>\n                    <Chip size=\"small\"\n                      label={u.isActive ? 'Active' : 'Inactive'}\n                      color={u.isActive ? 'success' : 'default'}\n                      variant={u.isActive ? 'filled' : 'outlined'}\n                      sx={{ fontWeight: 700, borderRadius: 1.5, height: 22 }} />\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    {canWrite ? (\n                      <Button size=\"small\" variant=\"outlined\" onClick={() => openEdit(u)}>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 Storage Unit' : 'New Storage Unit'}</DialogTitle>\n        <DialogContent dividers>\n          <Stack spacing={2} sx={{ pt: 1 }}>\n\n            {/* ------- Ownership: who this storage unit belongs to ------- */}\n            <PmSelect\n              label=\"Owner Type\"\n              required\n              disabled={!!editing}\n              value={form.ownerType}\n              onChange={(v) => setForm({ ...form, ownerType: v, ownerId: '' })}\n              onBlur={fieldErrors.onBlur('ownerType')}\n              error={fieldErrors.show('ownerType') && !!formErrors.ownerType}\n              helperText={fieldErrors.show('ownerType') && formErrors.ownerType\n                ? formErrors.ownerType\n                : 'Only Facility is available currently.'}\n              options={OWNER_TYPES}\n            />\n\n            <FacilityPicker\n              required\n              disabled={!!editing || form.ownerType !== 'FACILITY'}\n              value={form.ownerId}\n              onChange={(id) => setForm({ ...form, ownerId: id })}\n              onBlur={fieldErrors.onBlur('ownerId')}\n              error={fieldErrors.show('ownerId') && !!formErrors.ownerId}\n              helperText={\n                fieldErrors.show('ownerId') && formErrors.ownerId\n                  ? formErrors.ownerId\n                  : 'Search by name. The owner cannot be changed once created.'\n              }\n            />\n\n            <Divider />\n\n            {/* ------- Unit details ------- */}\n            <TextField\n              required\n              label=\"Unit name\" size=\"small\" fullWidth\n              value={form.unitName}\n              onChange={(e) => {\n                const nextName = e.target.value;\n                // Derive a default code from the name on create — initials, A-Z/0-9\n                // only. We never overwrite a code on edit (it's already curated and\n                // ownerCode-scoped uniqueness depends on it).\n                const auto = nextName\n                  .split(/\\s+/)\n                  .filter(Boolean)\n                  .map((w) => w[0])\n                  .join('')\n                  .toUpperCase()\n                  .replace(/[^A-Z0-9_]/g, '');\n                setForm((f) => ({\n                  ...f,\n                  unitName: nextName,\n                  unitCode: editing ? f.unitCode : auto,\n                }));\n              }}\n              onBlur={fieldErrors.onBlur('unitName')}\n              error={fieldErrors.show('unitName') && !!formErrors.unitName}\n              helperText={fieldErrors.show('unitName') ? formErrors.unitName : ''}\n            />\n            <TextField\n              required\n              label=\"Unit code (unique within facility)\" size=\"small\" fullWidth\n              value={form.unitCode}\n              onChange={(e) => setForm({ ...form, unitCode: e.target.value.toUpperCase() })}\n              onBlur={fieldErrors.onBlur('unitCode')}\n              error={fieldErrors.show('unitCode') && !!formErrors.unitCode}\n              helperText={\n                fieldErrors.show('unitCode') && formErrors.unitCode\n                  ? formErrors.unitCode\n                  : 'Auto-generated from the name. Edit if needed to make it unique within this facility.'\n              }\n            />\n            <PmSelect\n              label=\"Type\"\n              required\n              value={form.unitType}\n              onChange={(v) => setForm({ ...form, unitType: v })}\n              onBlur={fieldErrors.onBlur('unitType')}\n              error={fieldErrors.show('unitType') && !!formErrors.unitType}\n              options={STORAGE_UNIT_TYPES}\n            />\n\n            <Stack direction=\"row\" spacing={2}>\n              <TextField label=\"Make\" size=\"small\" fullWidth\n                value={form.make}\n                onChange={(e) => setForm({ ...form, make: e.target.value })}\n                helperText=\"Example: Godrej, Vestfrost\" />\n              <TextField label=\"Model\" size=\"small\" fullWidth\n                value={form.model}\n                onChange={(e) => setForm({ ...form, model: e.target.value })}\n                helperText=\"Example: GVR-100\" />\n            </Stack>\n            <Stack direction=\"row\" spacing={2}>\n              <TextField\n                label=\"Min °C\" size=\"small\" type=\"number\" fullWidth\n                inputProps={{ step: '0.1', min: -90, max: 30 }}\n                value={form.operatingTempMinCelsius}\n                onChange={(e) => setForm({ ...form, operatingTempMinCelsius: e.target.value })}\n                onBlur={fieldErrors.onBlur('operatingTempMinCelsius')}\n                error={fieldErrors.show('operatingTempMinCelsius') && !!formErrors.operatingTempMinCelsius}\n                helperText={\n                  fieldErrors.show('operatingTempMinCelsius') && formErrors.operatingTempMinCelsius\n                    ? formErrors.operatingTempMinCelsius\n                    : 'Allowed range: −90°C to +30°C'\n                }\n              />\n              <TextField\n                label=\"Max °C\" size=\"small\" type=\"number\" fullWidth\n                inputProps={{ step: '0.1', min: -90, max: 30 }}\n                value={form.operatingTempMaxCelsius}\n                onChange={(e) => setForm({ ...form, operatingTempMaxCelsius: e.target.value })}\n                onBlur={fieldErrors.onBlur('operatingTempMaxCelsius')}\n                error={fieldErrors.show('operatingTempMaxCelsius') && !!formErrors.operatingTempMaxCelsius}\n                helperText={\n                  fieldErrors.show('operatingTempMaxCelsius') && formErrors.operatingTempMaxCelsius\n                    ? formErrors.operatingTempMaxCelsius\n                    : 'Allowed range: −90°C to +30°C'\n                }\n              />\n            </Stack>\n            <TextField label=\"Comments\" size=\"small\" multiline minRows={2} fullWidth\n              value={form.comments}\n              onChange={(e) => setForm({ ...form, comments: e.target.value })}\n              helperText=\"Notes about placement, maintenance schedule, or other details.\" />\n            <FormControlLabel control={<Checkbox checked={form.isActive}\n              onChange={(e) => setForm({ ...form, isActive: e.target.checked })} />} 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/{TransactionsPage-HKIGwEZN.js → TransactionsPage-KFUJ4O5g.js}

@@ -1,5 +1,5 @@
-import { $ as e, i as t, n, o as r, r as i } from "./currency-ClRLIEg2.js";
-import { c as ee, i as te, s as ne, t as re } from "./PmTable-B9970kPY.js";
+import { X as e, i as t, n, o as r, r as i } from "./currency-bVQ7aEk2.js";
+import { c as ee, i as te, s as ne, t as re } from "./PmTable-CCpaJEA_.js";
 import { n as a, r as o } from "./format-UOyOu75i.js";
 import { p as s, s as c } from "./constants-5ZCZo-Zm.js";
 import { useMemo as ie, useState as l } from "react";
@@ -350,7 +350,7 @@ function G() {
 					sx: {
 						mb: 2,
 						p: 2,
-						borderRadius: 3,
+						borderRadius: 1.5,
 						border: "1px solid",
 						borderColor: "divider"
 					},
@@ -715,4 +715,4 @@ function G() {
 //#endregion
 export { G as default };
 
-//# sourceMappingURL=TransactionsPage-HKIGwEZN.js.map
+//# sourceMappingURL=TransactionsPage-KFUJ4O5g.js.map

package/dist/TransactionsPage-KFUJ4O5g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsPage-KFUJ4O5g.js","names":[],"sources":["../src/views/TransactionsPage.jsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Button,\n  Chip,\n  FormControl,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Select,\n  Skeleton,\n  Stack,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport RefreshRoundedIcon from '@mui/icons-material/RefreshRounded';\nimport ReceiptLongRoundedIcon from '@mui/icons-material/ReceiptLongRounded';\nimport ChevronLeftRoundedIcon from '@mui/icons-material/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@mui/icons-material/ChevronRightRounded';\nimport CallMadeRoundedIcon from '@mui/icons-material/CallMadeRounded';\nimport CallReceivedRoundedIcon from '@mui/icons-material/CallReceivedRounded';\nimport SwapHorizRoundedIcon from '@mui/icons-material/SwapHorizRounded';\nimport VaccinesRoundedIcon from '@mui/icons-material/VaccinesRounded';\nimport ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded';\nimport PointOfSaleRoundedIcon from '@mui/icons-material/PointOfSaleRounded';\nimport PaymentsRoundedIcon from '@mui/icons-material/PaymentsRounded';\nimport ReportRoundedIcon from '@mui/icons-material/ReportRounded';\nimport BlockRoundedIcon from '@mui/icons-material/BlockRounded';\nimport LockOpenRoundedIcon from '@mui/icons-material/LockOpenRounded';\nimport MoveDownRoundedIcon from '@mui/icons-material/MoveDownRounded';\nimport FactCheckRoundedIcon from '@mui/icons-material/FactCheckRounded';\nimport CancelRoundedIcon from '@mui/icons-material/CancelRounded';\nimport CheckCircleRoundedIcon from '@mui/icons-material/CheckCircleRounded';\nimport HourglassEmptyRoundedIcon from '@mui/icons-material/HourglassEmptyRounded';\nimport SearchRoundedIcon from '@mui/icons-material/SearchRounded';\nimport PictureAsPdfRoundedIcon from '@mui/icons-material/PictureAsPdfRounded';\nimport InsertDriveFileRoundedIcon from '@mui/icons-material/InsertDriveFileRounded';\nimport { showToast } from '@/common/toaster/toaster';\nimport useDownloadPdf from '@/hooks/useDownloadPdf';\nimport { useDownloadXlsx } from '@/hooks/useDownloadXlsx';\nimport PmPageShell from '@pm/components/PmPageShell';\nimport PmNav from '@pm/components/PmNav';\nimport PmGuard from '@pm/components/PmGuard';\nimport { usePermissionedEffect } from '@pm/utils/permissions';\nimport {\n  PmEmptyRow,\n  PmMoney,\n  PmTable,\n  PmTableCard,\n} from '@pm/components/PmTable';\nimport { queryTransactions } from '@pm/services/pmApi';\nimport { formatDateTime, formatNumber } from '@pm/utils/format';\nimport { SYNC_STATUSES, labelOf } from '@pm/utils/constants';\n\n// Per-type visual: chip colour + icon. The icon turns the type column from a\n// flat text label into something the operator can scan with peripheral vision.\nconst TYPE_META = {\n  RECEIPT:         { color: 'success', icon: CallReceivedRoundedIcon,    label: 'Receipt' },\n  VIAL_OPENED:     { color: 'info',    icon: VaccinesRoundedIcon,        label: 'Vial opened' },\n  ADMINISTRATION:  { color: 'primary', icon: VaccinesRoundedIcon,        label: 'Administration' },\n  WASTAGE:         { color: 'warning', icon: ReportRoundedIcon,          label: 'Wastage' },\n  EXPIRY:          { color: 'warning', icon: ReportRoundedIcon,          label: 'Expiry' },\n  SALE:            { color: 'success', icon: PointOfSaleRoundedIcon,     label: 'Sale' },\n  PAYMENT:         { color: 'success', icon: PaymentsRoundedIcon,        label: 'Payment' },\n  QUARANTINE:      { color: 'error',   icon: BlockRoundedIcon,           label: 'Quarantine' },\n  RECALL:          { color: 'error',   icon: BlockRoundedIcon,           label: 'Recall' },\n  UNQUARANTINE:    { color: 'info',    icon: LockOpenRoundedIcon,        label: 'Unquarantine' },\n  TRANSFER_OUT:    { color: 'default', icon: CallMadeRoundedIcon,        label: 'Transfer out' },\n  TRANSFER_IN:     { color: 'default', icon: SwapHorizRoundedIcon,       label: 'Transfer in' },\n  PICKUP_OUT:      { color: 'default', icon: MoveDownRoundedIcon,        label: 'Pickup — out' },\n  PICKUP_IN:       { color: 'default', icon: MoveDownRoundedIcon,        label: 'Pickup — in' },\n  TOPUP_OUT:       { color: 'default', icon: MoveDownRoundedIcon,        label: 'Top-up — out' },\n  TOPUP_IN:        { color: 'default', icon: MoveDownRoundedIcon,        label: 'Top-up — in' },\n  RETURN_OUT:      { color: 'default', icon: MoveDownRoundedIcon,        label: 'Return — out' },\n  RETURN_IN:       { color: 'default', icon: MoveDownRoundedIcon,        label: 'Return — in' },\n  PURCHASE_REQUEST_SUBMITTED: { color: 'info',    icon: HourglassEmptyRoundedIcon, label: 'Request submitted' },\n  PURCHASE_REQUEST_APPROVED:  { color: 'success', icon: CheckCircleRoundedIcon,    label: 'Request approved' },\n  PURCHASE_REQUEST_PARTIAL:   { color: 'warning', icon: FactCheckRoundedIcon,      label: 'Request partial' },\n  PURCHASE_REQUEST_REJECTED:  { color: 'error',   icon: CancelRoundedIcon,         label: 'Request rejected' },\n  PURCHASE_REQUEST_CANCELLED: { color: 'default', icon: CancelRoundedIcon,         label: 'Request cancelled' },\n};\n\nfunction TypeChip({ type }) {\n  const meta = TYPE_META[type] || { color: 'default', icon: ShoppingCartRoundedIcon, label: type };\n  const Icon = meta.icon;\n  return (\n    <Chip\n      size=\"small\"\n      color={meta.color}\n      icon={<Icon sx={{ fontSize: '1rem !important' }} />}\n      label={meta.label}\n      sx={{\n        fontWeight: 700,\n        height: 24,\n        borderRadius: 1.5,\n        '& .MuiChip-icon': { ml: 0.75, mr: -0.25 },\n      }}\n    />\n  );\n}\n\nfunction SyncChip({ status }) {\n  const color = status === 'COMPLETED' ? 'success' : status === 'FAILED' ? 'error' : 'warning';\n  return (\n    <Chip\n      size=\"small\"\n      label={labelOf(SYNC_STATUSES, status)}\n      color={color}\n      variant=\"outlined\"\n      sx={{ fontWeight: 700, height: 22, borderRadius: 1.5, fontSize: '0.7rem' }}\n    />\n  );\n}\n\n// Type options for the filter Autocomplete — pulled from TYPE_META so any\n// new types automatically show up in the dropdown without extra wiring.\nconst TYPE_OPTIONS = Object.keys(TYPE_META).map((value) => ({\n  value,\n  label: TYPE_META[value].label,\n}));\n\nexport default function TransactionsPage() {\n  const theme = useTheme();\n  const downloadPdf = useDownloadPdf();\n  const downloadXlsx = useDownloadXlsx();\n  const [items, setItems] = useState([]);\n  const [totalElements, setTotalElements] = useState(0);\n  const [page, setPage] = useState(0);\n  const [pageSize, setPageSize] = useState(50);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  // Filter state — fed into the query on every load. The \"applied\" snapshot\n  // is what was last submitted; the \"draft\" version is the in-progress\n  // values bound to the inputs so typing doesn't fire a request per\n  // keystroke.\n  const [filters, setFilters] = useState({\n    dateFrom: '', dateTo: '', types: [], search: '', ownerType: '',\n  });\n\n  async function load(p = page, size = pageSize, f = filters) {\n    setLoading(true);\n    setError('');\n    try {\n      const data = await queryTransactions({\n        page: p,\n        size,\n        dateFrom: f.dateFrom ? new Date(f.dateFrom).toISOString() : undefined,\n        // Inclusive end-of-day: send the end timestamp at 23:59:59 so the\n        // user's \"today\" filter captures everything that happened today.\n        dateTo: f.dateTo ? new Date(`${f.dateTo}T23:59:59`).toISOString() : undefined,\n        types: f.types.length > 0 ? f.types : undefined,\n        ownerType: f.ownerType || undefined,\n        search: f.search?.trim() || undefined,\n      });\n      setItems(data.content ?? []);\n      setTotalElements(data.totalElements ?? 0);\n      setPage(data.page ?? 0);\n      setPageSize(data.size ?? size);\n    } catch (err) {\n      const message = err?.response?.data?.message ?? err?.message ?? 'Failed to load ledger';\n      setError(message);\n      showToast({ message, type: 'error' });\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  usePermissionedEffect('view.manage.productManagement.ledger', () => {\n    void load(0, pageSize, filters);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const startIdx = totalElements === 0 ? 0 : page * pageSize + 1;\n  const endIdx = page * pageSize + items.length;\n  const totalPages = pageSize > 0 ? Math.ceil(totalElements / pageSize) : 0;\n\n  // ISO yyyy-mm-dd strings compare lexicographically, so a plain string compare\n  // is enough to catch a To date that lands before the From date.\n  const dateRangeError = filters.dateFrom && filters.dateTo && filters.dateTo < filters.dateFrom\n    ? 'To date cannot be before From date.'\n    : '';\n\n  function applyFilters(next) {\n    if (next.dateFrom && next.dateTo && next.dateTo < next.dateFrom) return;\n    setFilters(next);\n    void load(0, pageSize, next);\n  }\n\n  function resetFilters() {\n    const blank = { dateFrom: '', dateTo: '', types: [], search: '', ownerType: '' };\n    setFilters(blank);\n    void load(0, pageSize, blank);\n  }\n\n  // Flatten the current page into a column-mapped shape the download\n  // hooks can consume. Strings only — both hooks call toString() on values\n  // for cell rendering, so we pre-format here so the file matches the UI.\n  const exportColumns = ['Time', 'Type', 'Owner', 'Product', 'Vaccine', 'Lot', 'Qty', 'Volume', 'Money', 'Notes'];\n  const exportKeys = ['time', 'type', 'owner', 'product', 'vaccine', 'lot', 'qty', 'volume', 'money', 'notes'];\n  const exportData = useMemo(() => items.map((t) => ({\n    time: t.transactionTime ? formatDateTime(t.transactionTime) : '',\n    type: TYPE_META[t.transactionType]?.label ?? t.transactionType ?? '',\n    owner: `${t.ownerName ?? (t.ownerType === 'USER' ? 'Personal' : 'Facility')} (${t.ownerType ?? '—'})`,\n    product: t.productName ?? '',\n    vaccine: t.vaccineCode ?? '',\n    lot: t.lotNumber ?? '',\n    qty: t.quantity ?? '',\n    volume: t.volumeMl != null ? `${formatNumber(t.volumeMl)} ml` : '',\n    money: t.monetaryAmount != null ? formatNumber(t.monetaryAmount) : '',\n    notes: t.notes ?? '',\n  })), [items]);\n\n  function buildFileName(extension) {\n    const stamp = new Date().toISOString().replace(/[:T]/g, '-').slice(0, 16);\n    return `pm-ledger-${stamp}.${extension}`;\n  }\n\n  function doDownloadPdf() {\n    if (exportData.length === 0) {\n      showToast({ message: 'Nothing to export on this page.', type: 'info' });\n      return;\n    }\n    downloadPdf({\n      title: 'PM Stock Ledger',\n      columns: exportColumns,\n      keys: exportKeys,\n      data: exportData,\n      fileName: buildFileName('pdf'),\n      headerText: 'Product Management — Stock Ledger',\n      footerText: 'Generated by MEDplat PM',\n      orientation: 'landscape',\n    });\n  }\n\n  function doDownloadXlsx() {\n    if (exportData.length === 0) {\n      showToast({ message: 'Nothing to export on this page.', type: 'info' });\n      return;\n    }\n    void downloadXlsx({\n      columns: exportColumns,\n      keys: exportKeys,\n      data: exportData,\n      filename: buildFileName('xlsx'),\n    });\n  }\n\n  return (\n    <Box>\n      <PmNav />\n      <PmGuard perm={'view.manage.productManagement.ledger'}>\n      <PmPageShell\n        title=\"Stock Ledger\"\n        subtitle=\"Complete record of all stock and money movements. Balances always match this ledger.\"\n        actions={\n          <Stack direction=\"row\" spacing={1}>\n            <Button variant=\"outlined\" startIcon={<PictureAsPdfRoundedIcon />} onClick={doDownloadPdf} disabled={loading || items.length === 0}>PDF</Button>\n            <Button variant=\"outlined\" startIcon={<InsertDriveFileRoundedIcon />} onClick={doDownloadXlsx} disabled={loading || items.length === 0}>Excel</Button>\n            <Button variant=\"outlined\" startIcon={<RefreshRoundedIcon />} onClick={() => void load(0, pageSize, filters)}>Refresh</Button>\n          </Stack>\n        }\n      >\n        {error ? <Alert severity=\"error\" sx={{ mb: 2 }}>{error}</Alert> : null}\n\n        {/* ---------- Filter panel ---------- */}\n        <Box sx={{ mb: 2, p: 2, borderRadius: 1.5, border: '1px solid', borderColor: 'divider' }}>\n          <Stack direction={{ xs: 'column', md: 'row' }} spacing={1.5} alignItems={{ md: 'center' }}>\n            <TextField\n              size=\"small\" type=\"date\" label=\"From\"\n              InputLabelProps={{ shrink: true }}\n              value={filters.dateFrom}\n              onChange={(e) => setFilters((f) => ({ ...f, dateFrom: e.target.value }))}\n              inputProps={{ max: filters.dateTo || undefined }}\n              sx={{ minWidth: 160 }}\n            />\n            <TextField\n              size=\"small\" type=\"date\" label=\"To\"\n              InputLabelProps={{ shrink: true }}\n              value={filters.dateTo}\n              onChange={(e) => setFilters((f) => ({ ...f, dateTo: e.target.value }))}\n              inputProps={{ min: filters.dateFrom || undefined }}\n              error={!!dateRangeError}\n              helperText={dateRangeError || undefined}\n              sx={{ minWidth: 160 }}\n            />\n            <Autocomplete\n              size=\"small\" multiple disableCloseOnSelect\n              options={TYPE_OPTIONS}\n              getOptionLabel={(o) => o.label}\n              isOptionEqualToValue={(a, b) => a.value === b.value}\n              value={TYPE_OPTIONS.filter((o) => filters.types.includes(o.value))}\n              onChange={(_, next) => setFilters((f) => ({ ...f, types: next.map((o) => o.value) }))}\n              renderInput={(params) => <TextField {...params} label=\"Types\" placeholder=\"Any\" />}\n              sx={{ minWidth: 240, flexGrow: 1 }}\n            />\n            <FormControl size=\"small\" sx={{ minWidth: 140 }}>\n              <InputLabel>Owner</InputLabel>\n              <Select label=\"Owner\" value={filters.ownerType}\n                onChange={(e) => setFilters((f) => ({ ...f, ownerType: e.target.value }))}>\n                <MenuItem value=\"\">Any</MenuItem>\n                <MenuItem value=\"FACILITY\">Facility</MenuItem>\n                <MenuItem value=\"USER\">Personal</MenuItem>\n              </Select>\n            </FormControl>\n            <TextField\n              size=\"small\" label=\"Search\"\n              placeholder=\"Lot, vaccine code, notes…\"\n              value={filters.search}\n              onChange={(e) => setFilters((f) => ({ ...f, search: e.target.value }))}\n              onKeyDown={(e) => { if (e.key === 'Enter') applyFilters(filters); }}\n              sx={{ minWidth: 220, flexGrow: 1 }}\n              InputProps={{ startAdornment: <SearchRoundedIcon fontSize=\"small\" sx={{ color: 'text.secondary', mr: 1 }} /> }}\n            />\n            <Button variant=\"contained\" onClick={() => applyFilters(filters)} disabled={loading || !!dateRangeError}>Apply</Button>\n            <Button variant=\"text\" onClick={resetFilters} disabled={loading}>Clear</Button>\n          </Stack>\n        </Box>\n\n        <PmTableCard\n          eyebrow=\"Audit feed\"\n          title=\"Transactions\"\n          subtitle={loading\n            ? 'Loading…'\n            : totalElements === 0\n              ? 'No transactions in this window'\n              : `Showing ${startIdx}–${endIdx} of ${totalElements} · page ${page + 1} of ${totalPages}`}\n          actions={\n            <Stack direction=\"row\" spacing={0.5} alignItems=\"center\">\n              <FormControl size=\"small\" variant=\"outlined\" sx={{ minWidth: 88, mr: 1 }}>\n                <InputLabel>Size</InputLabel>\n                <Select label=\"Size\" value={pageSize}\n                  onChange={(e) => { const v = Number(e.target.value); setPageSize(v); void load(0, v, filters); }}>\n                  {[25, 50, 100, 200].map((s) => <MenuItem key={s} value={s}>{s}</MenuItem>)}\n                </Select>\n              </FormControl>\n              <Tooltip title=\"Previous page\">\n                <span>\n                  <IconButton\n                    size=\"small\"\n                    disabled={page === 0 || loading}\n                    onClick={() => void load(page - 1, pageSize, filters)}\n                    sx={{ border: '1px solid', borderColor: 'divider' }}\n                  >\n                    <ChevronLeftRoundedIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n              <Box sx={{ px: 1, minWidth: 64, textAlign: 'center' }}>\n                <Typography variant=\"caption\" sx={{ fontWeight: 800, color: 'text.secondary', fontVariantNumeric: 'tabular-nums' }}>\n                  {totalElements === 0 ? '—' : `${startIdx}–${endIdx}`}\n                </Typography>\n              </Box>\n              <Tooltip title=\"Next page\">\n                <span>\n                  <IconButton\n                    size=\"small\"\n                    disabled={page + 1 >= totalPages || loading}\n                    onClick={() => void load(page + 1, pageSize, filters)}\n                    sx={{ border: '1px solid', borderColor: 'divider' }}\n                  >\n                    <ChevronRightRoundedIcon fontSize=\"small\" />\n                  </IconButton>\n                </span>\n              </Tooltip>\n            </Stack>\n          }\n        >\n          <PmTable dense>\n            <TableHead>\n              <TableRow>\n                <TableCell>Time</TableCell>\n                <TableCell>Type</TableCell>\n                <TableCell>Owner</TableCell>\n                <TableCell>Product · Lot</TableCell>\n                <TableCell align=\"right\">Qty</TableCell>\n                <TableCell align=\"right\">Volume</TableCell>\n                <TableCell align=\"right\">Money</TableCell>\n                <TableCell>Sync</TableCell>\n                <TableCell>Notes</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {loading ? (\n                Array.from({ length: 6 }).map((_, i) => (\n                  <TableRow key={i}>\n                    {Array.from({ length: 9 }).map((__, j) => (\n                      <TableCell key={j}><Skeleton height={22} /></TableCell>\n                    ))}\n                  </TableRow>\n                ))\n              ) : items.length === 0 ? (\n                <PmEmptyRow\n                  colSpan={9}\n                  icon={ReceiptLongRoundedIcon}\n                  title=\"No transactions in this window\"\n                  hint=\"Record a purchase, sale, vial open, or payment. Every stock and money movement lands here.\"\n                />\n              ) : items.map((t) => (\n                <TableRow key={t.id} hover>\n                  <TableCell>\n                    <Typography variant=\"body2\" sx={{ fontWeight: 700, lineHeight: 1.2 }}>\n                      {formatDateTime(t.transactionTime)}\n                    </Typography>\n                  </TableCell>\n                  <TableCell><TypeChip type={t.transactionType} /></TableCell>\n                  <TableCell>\n                    <Typography variant=\"body2\" sx={{ fontWeight: 700 }}>\n                      {t.ownerName || (t.ownerType === 'USER' ? 'Personal' : 'Facility')}\n                    </Typography>\n                    <Typography variant=\"caption\" color=\"text.secondary\">\n                      {t.ownerType}\n                    </Typography>\n                  </TableCell>\n                  <TableCell>\n                    <Stack direction=\"row\" alignItems=\"baseline\" spacing={1} sx={{ minWidth: 0 }}>\n                      <Typography variant=\"body2\" sx={{ fontWeight: 700, lineHeight: 1.2 }} noWrap>\n                        {t.productName || '—'}\n                      </Typography>\n                      {t.vaccineCode ? (\n                        <Box\n                          component=\"span\"\n                          sx={{\n                            px: 0.6,\n                            py: 0.05,\n                            borderRadius: 1,\n                            bgcolor: alpha(theme.palette.info.main, 0.1),\n                            color: 'info.dark',\n                            fontFamily: 'monospace',\n                            fontSize: '0.65rem',\n                            fontWeight: 700,\n                          }}\n                        >\n                          {t.vaccineCode}\n                        </Box>\n                      ) : null}\n                      {t.lotNumber ? (\n                        <Box\n                          component=\"span\"\n                          sx={{\n                            display: 'inline-flex',\n                            px: 0.7,\n                            py: 0.1,\n                            borderRadius: 1,\n                            bgcolor: alpha(theme.palette.primary.main, 0.06),\n                            color: 'primary.dark',\n                            fontFamily: 'monospace',\n                            fontSize: '0.7rem',\n                            fontWeight: 700,\n                          }}\n                        >\n                          {t.lotNumber}\n                        </Box>\n                      ) : null}\n                    </Stack>\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    {t.quantity != null\n                      ? <Typography variant=\"body2\" sx={{ fontWeight: 700, fontVariantNumeric: 'tabular-nums' }}>{t.quantity}</Typography>\n                      : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    {t.volumeMl != null\n                      ? <Typography variant=\"body2\" sx={{ fontWeight: 700, fontVariantNumeric: 'tabular-nums' }}>{formatNumber(t.volumeMl)} ml</Typography>\n                      : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                  <TableCell align=\"right\">\n                    <PmMoney value={t.monetaryAmount} />\n                  </TableCell>\n                  <TableCell><SyncChip status={t.syncStatus} /></TableCell>\n                  <TableCell sx={{ maxWidth: 240 }}>\n                    {t.notes ? (\n                      <Tooltip title={t.notes}>\n                        <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                          {t.notes}\n                        </Typography>\n                      </Tooltip>\n                    ) : <Typography variant=\"caption\" color=\"text.disabled\">—</Typography>}\n                  </TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </PmTable>\n        </PmTableCard>\n      </PmPageShell>\n      </PmGuard>\n    </Box>\n  );\n}\n"],"mappings":"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"}