@argusoft/medplat-product-management 1.0.7 → 1.0.8

package/dist/{BrandsPage-CdqGFmGf.js → BrandsPage-DmRW5bhm.js}

@@ -1,19 +1,19 @@
-import { g as e, ot as t, r as n } from "./settingsStore-BlA2GIhl.js";
-import { c as ee, l as r, n as i, s as te, t as a } from "./PmTable-BSV_bMJZ.js";
-import { i as ne, m as o, t as re } from "./validation-B6Kl5Xf9.js";
-import { t as s } from "./useFieldErrors-hDG8ox_x.js";
-import { a as c, i as l, n as ie, r as ae, t as oe } from "./PmGuard-DrIl1sHL.js";
+import { g as e, ot as t, r as n } from "./settingsStore-BifOsjlB.js";
+import { c as ee, l as r, n as i, s as te, t as ne } from "./PmTable-_GbScaa4.js";
+import { i as re, m as a, t as o } from "./validation-BzlHnL-r.js";
+import { t as ie } from "./useFieldErrors-hDG8ox_x.js";
+import { a as ae, i as oe, n as s, r as c, t as l } from "./PmGuard-b10TGXEi.js";
 import { useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Alert as se, Box as p, Button as m, Checkbox as h, Chip as ce, Dialog as le, DialogActions as ue, DialogContent as de, DialogTitle as fe, FormControlLabel as g, InputAdornment as pe, Skeleton as _, Stack as v, TableBody as y, TableCell as b, TableHead as me, TableRow as x, TextField as S, Typography as C } from "@mui/material";
-import { findCountry as he, validatePhoneForCountry as ge } from "@/common/constants/countries";
-import { v4 as _e } from "uuid";
-import w from "@mui/icons-material/AddRounded";
-import T from "@mui/icons-material/RefreshRounded";
-import E from "@mui/icons-material/SellRounded";
-import D from "@/views/custom-components/CustomSwitch";
+import { Alert as se, Box as p, Button as m, Checkbox as ce, Chip as le, Dialog as ue, DialogActions as h, DialogContent as de, DialogTitle as g, FormControlLabel as _, InputAdornment as fe, Skeleton as v, Stack as y, TableBody as b, TableCell as x, TableHead as pe, TableRow as S, TextField as C, Typography as w } from "@mui/material";
+import { findCountry as me, validatePhoneForCountry as he } from "@/common/constants/countries";
+import { v4 as ge } from "uuid";
+import T from "@mui/icons-material/AddRounded";
+import E from "@mui/icons-material/RefreshRounded";
+import D from "@mui/icons-material/SellRounded";
+import O from "@/views/custom-components/CustomSwitch";
 //#region src/views/BrandsPage.jsx
-function O(e) {
+function k(e) {
 	if (!e) return {
 		phone: "",
 		email: ""
@@ -31,12 +31,12 @@ function O(e) {
 		};
 	}
 }
-function k({ phone: e, email: t }) {
+function A({ phone: e, email: t }) {
 	let n = {};
 	return e?.trim() && (n.phone = e.trim()), t?.trim() && (n.email = t.trim()), Object.keys(n).length ? JSON.stringify(n) : null;
 }
-function A() {
-	let A = l().has("update.manage.productManagement.brand"), j = n(), M = he(j?.countryCode), [N, P] = u([]), [F, I] = u(!1), [L, R] = u(""), [ve, z] = u(!1), [B, V] = u(null), [H, ye] = u(!1), [U, W] = u(K()), G = s();
+function j() {
+	let j = oe().has("update.manage.productManagement.brand"), M = me(n()?.countryCode), [N, P] = u([]), [F, I] = u(!1), [L, R] = u(""), [_e, z] = u(!1), [B, V] = u(null), [H, ve] = u(!1), [U, W] = u(K()), G = ie();
 	function K() {
 		return {
 			id: "",
@@ -50,8 +50,7 @@ function A() {
 	async function q() {
 		I(!0), R("");
 		try {
-			let t = await e(void 0, !0);
-			P(t);
+			P(await e(void 0, !0));
 		} catch (e) {
 			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load brands";
 			R(t), r({
@@ -62,17 +61,17 @@ function A() {
 			I(!1);
 		}
 	}
-	ae("view.manage.productManagement.brand", () => {
+	c("view.manage.productManagement.brand", () => {
 		q();
 	}, []);
 	function J() {
 		V(null), W({
 			...K(),
-			id: _e()
+			id: ge()
 		}), G.reset(), R(""), z(!0);
 	}
-	function be(e) {
-		let { phone: t, email: n } = O(e.contactInfo);
+	function ye(e) {
+		let { phone: t, email: n } = k(e.contactInfo);
 		V(e), G.reset(), R(""), W({
 			id: e.id,
 			name: e.name ?? "",
@@ -82,13 +81,13 @@ function A() {
 			isActive: e.isActive !== !1
 		}), z(!0);
 	}
-	let Y = o(U.manufacturerCode, "Manufacturer code"), X = U.manufacturerCode.trim().toUpperCase(), xe = !Y && X && N.some((e) => e.id !== U.id && (e.manufacturerCode || "").toUpperCase() === X), Z = {
-		name: o(U.name, "Name"),
-		manufacturerCode: Y || (xe ? "Code is already in use — edit it manually to make it unique." : ""),
-		contactPhone: ge(U.contactPhone, M),
-		contactEmail: ne(U.contactEmail)
-	}, Q = re(Z);
-	async function Se() {
+	let Y = a(U.manufacturerCode, "Manufacturer code"), X = U.manufacturerCode.trim().toUpperCase(), be = !Y && X && N.some((e) => e.id !== U.id && (e.manufacturerCode || "").toUpperCase() === X), Z = {
+		name: a(U.name, "Name"),
+		manufacturerCode: Y || (be ? "Code is already in use — edit it manually to make it unique." : ""),
+		contactPhone: he(U.contactPhone, M),
+		contactEmail: re(U.contactEmail)
+	}, Q = o(Z);
+	async function xe() {
 		if (!Q) {
 			G.markAllTouched(), R("Please fix the highlighted fields.");
 			return;
@@ -98,7 +97,7 @@ function A() {
 				id: U.id,
 				name: U.name.trim(),
 				manufacturerCode: U.manufacturerCode.trim().toUpperCase(),
-				contactInfo: k({
+				contactInfo: A({
 					phone: U.contactPhone,
 					email: U.contactEmail
 				}),
@@ -116,23 +115,23 @@ function A() {
 		}
 	}
 	let $ = H ? N : N.filter((e) => e.isActive !== !1);
-	return /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(ie, {}), /* @__PURE__ */ f(oe, {
+	return /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(s, {}), /* @__PURE__ */ f(l, {
 		perm: "view.manage.productManagement.brand",
-		children: [/* @__PURE__ */ f(c, {
+		children: [/* @__PURE__ */ f(ae, {
 			title: "Brands",
 			subtitle: "The manufacturer or supplier of each product.",
 			chips: ["Catalog"],
-			actions: /* @__PURE__ */ f(v, {
+			actions: /* @__PURE__ */ f(y, {
 				direction: "row",
 				spacing: 1,
 				children: [/* @__PURE__ */ d(m, {
 					variant: "outlined",
-					startIcon: /* @__PURE__ */ d(T, {}),
+					startIcon: /* @__PURE__ */ d(E, {}),
 					onClick: () => void q(),
 					children: "Refresh"
-				}), A ? /* @__PURE__ */ d(m, {
+				}), j ? /* @__PURE__ */ d(m, {
 					variant: "contained",
-					startIcon: /* @__PURE__ */ d(w, {}),
+					startIcon: /* @__PURE__ */ d(T, {}),
 					onClick: J,
 					children: "New Brand"
 				}) : null]
@@ -145,12 +144,12 @@ function A() {
 				eyebrow: "Master data",
 				title: "Brands",
 				subtitle: F ? "Loading…" : `${$.length} ${$.length === 1 ? "brand" : "brands"}`,
-				actions: /* @__PURE__ */ d(g, {
-					control: /* @__PURE__ */ d(D, {
+				actions: /* @__PURE__ */ d(_, {
+					control: /* @__PURE__ */ d(O, {
 						checked: H,
-						onChange: (e) => ye(e.target.checked)
+						onChange: (e) => ve(e.target.checked)
 					}),
-					label: /* @__PURE__ */ d(C, {
+					label: /* @__PURE__ */ d(w, {
 						variant: "body2",
 						sx: { fontWeight: 600 },
 						children: "Show inactive"
@@ -161,35 +160,35 @@ function A() {
 						ml: 0
 					}
 				}),
-				children: /* @__PURE__ */ f(te, { children: [/* @__PURE__ */ d(me, { children: /* @__PURE__ */ f(x, { children: [
-					/* @__PURE__ */ d(b, { children: "Name" }),
-					/* @__PURE__ */ d(b, { children: "Manufacturer Code" }),
-					/* @__PURE__ */ d(b, { children: "Contact" }),
-					/* @__PURE__ */ d(b, { children: "Status" }),
-					/* @__PURE__ */ d(b, {
+				children: /* @__PURE__ */ f(te, { children: [/* @__PURE__ */ d(pe, { children: /* @__PURE__ */ f(S, { children: [
+					/* @__PURE__ */ d(x, { children: "Name" }),
+					/* @__PURE__ */ d(x, { children: "Manufacturer Code" }),
+					/* @__PURE__ */ d(x, { children: "Contact" }),
+					/* @__PURE__ */ d(x, { children: "Status" }),
+					/* @__PURE__ */ d(x, {
 						align: "right",
 						children: "Action"
 					})
-				] }) }), /* @__PURE__ */ d(y, { children: F ? Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ d(x, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ d(b, { children: /* @__PURE__ */ d(_, { height: 22 }) }, t)) }, t)) : $.length === 0 ? /* @__PURE__ */ d(a, {
+				] }) }), /* @__PURE__ */ d(b, { children: F ? Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ d(S, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ d(x, { children: /* @__PURE__ */ d(v, { height: 22 }) }, t)) }, t)) : $.length === 0 ? /* @__PURE__ */ d(ne, {
 					colSpan: 5,
-					icon: E,
+					icon: D,
 					title: N.length === 0 ? "No brands yet" : "No active brands",
 					hint: N.length === 0 ? "Add manufacturers so you can link them to your products." : "Turn on “Show inactive” to see deactivated brands.",
-					action: N.length === 0 && A ? /* @__PURE__ */ d(m, {
+					action: N.length === 0 && j ? /* @__PURE__ */ d(m, {
 						variant: "contained",
 						size: "small",
-						startIcon: /* @__PURE__ */ d(w, {}),
+						startIcon: /* @__PURE__ */ d(T, {}),
 						onClick: J,
 						children: "Create first brand"
 					}) : null
 				}) : $.map((e) => {
-					let { phone: t, email: n } = O(e.contactInfo);
-					return /* @__PURE__ */ f(x, {
+					let { phone: t, email: n } = k(e.contactInfo);
+					return /* @__PURE__ */ f(S, {
 						hover: !0,
 						children: [
-							/* @__PURE__ */ d(b, {
+							/* @__PURE__ */ d(x, {
 								sx: { maxWidth: 240 },
-								children: /* @__PURE__ */ d(C, {
+								children: /* @__PURE__ */ d(w, {
 									variant: "body2",
 									sx: {
 										fontWeight: 700,
@@ -198,7 +197,7 @@ function A() {
 									children: e.name
 								})
 							}),
-							/* @__PURE__ */ d(b, {
+							/* @__PURE__ */ d(x, {
 								sx: { maxWidth: 160 },
 								children: /* @__PURE__ */ d(p, {
 									component: "span",
@@ -217,23 +216,23 @@ function A() {
 									children: e.manufacturerCode
 								})
 							}),
-							/* @__PURE__ */ d(b, { children: t || n ? /* @__PURE__ */ f(v, {
+							/* @__PURE__ */ d(x, { children: t || n ? /* @__PURE__ */ f(y, {
 								spacing: .25,
-								children: [t ? /* @__PURE__ */ d(C, {
+								children: [t ? /* @__PURE__ */ d(w, {
 									variant: "caption",
 									sx: { fontWeight: 600 },
 									children: t
-								}) : null, n ? /* @__PURE__ */ d(C, {
+								}) : null, n ? /* @__PURE__ */ d(w, {
 									variant: "caption",
 									color: "text.secondary",
 									children: n
 								}) : null]
-							}) : /* @__PURE__ */ d(C, {
+							}) : /* @__PURE__ */ d(w, {
 								variant: "caption",
 								color: "text.disabled",
 								children: "—"
 							}) }),
-							/* @__PURE__ */ d(b, { children: /* @__PURE__ */ d(ce, {
+							/* @__PURE__ */ d(x, { children: /* @__PURE__ */ d(le, {
 								size: "small",
 								label: e.isActive ? "Active" : "Inactive",
 								color: e.isActive ? "success" : "default",
@@ -244,12 +243,12 @@ function A() {
 									height: 22
 								}
 							}) }),
-							/* @__PURE__ */ d(b, {
+							/* @__PURE__ */ d(x, {
 								align: "right",
-								children: A ? /* @__PURE__ */ d(m, {
+								children: j ? /* @__PURE__ */ d(m, {
 									size: "small",
 									variant: "outlined",
-									onClick: () => be(e),
+									onClick: () => ye(e),
 									children: "Edit"
 								}) : null
 							})
@@ -257,20 +256,20 @@ function A() {
 					}, e.id);
 				}) })] })
 			})]
-		}), /* @__PURE__ */ f(le, {
-			open: ve,
+		}), /* @__PURE__ */ f(ue, {
+			open: _e,
 			onClose: () => z(!1),
 			fullWidth: !0,
 			maxWidth: "sm",
 			children: [
-				/* @__PURE__ */ d(fe, { children: B ? "Edit Brand" : "New Brand" }),
+				/* @__PURE__ */ d(g, { children: B ? "Edit Brand" : "New Brand" }),
 				/* @__PURE__ */ d(de, {
 					dividers: !0,
-					children: /* @__PURE__ */ f(v, {
+					children: /* @__PURE__ */ f(y, {
 						spacing: 2,
 						sx: { pt: 1 },
 						children: [
-							/* @__PURE__ */ d(S, {
+							/* @__PURE__ */ d(C, {
 								required: !0,
 								label: "Name",
 								size: "small",
@@ -294,7 +293,7 @@ function A() {
 									max: 255
 								})
 							}),
-							/* @__PURE__ */ d(S, {
+							/* @__PURE__ */ d(C, {
 								required: !0,
 								label: "Manufacturer code",
 								size: "small",
@@ -314,7 +313,7 @@ function A() {
 									max: 100
 								})
 							}),
-							/* @__PURE__ */ d(S, {
+							/* @__PURE__ */ d(C, {
 								label: "Contact Number",
 								size: "small",
 								fullWidth: !0,
@@ -328,7 +327,7 @@ function A() {
 								onBlur: G.onBlur("contactPhone"),
 								error: G.show("contactPhone") && !!Z.contactPhone,
 								helperText: G.show("contactPhone") && Z.contactPhone ? Z.contactPhone : M ? `Format for ${M.name}: ${M.phoneCode} followed by ${M.phoneMin}${M.phoneMin === M.phoneMax ? "" : `–${M.phoneMax}`} digits.` : "Local number, digits only.",
-								InputProps: M ? { startAdornment: /* @__PURE__ */ d(pe, {
+								InputProps: M ? { startAdornment: /* @__PURE__ */ d(fe, {
 									position: "start",
 									children: /* @__PURE__ */ d(p, {
 										component: "span",
@@ -340,7 +339,7 @@ function A() {
 									})
 								}) } : void 0
 							}),
-							/* @__PURE__ */ d(S, {
+							/* @__PURE__ */ d(C, {
 								label: "Email",
 								size: "small",
 								fullWidth: !0,
@@ -355,8 +354,8 @@ function A() {
 								error: G.show("contactEmail") && !!Z.contactEmail,
 								helperText: G.show("contactEmail") ? Z.contactEmail : ""
 							}),
-							/* @__PURE__ */ d(g, {
-								control: /* @__PURE__ */ d(h, {
+							/* @__PURE__ */ d(_, {
+								control: /* @__PURE__ */ d(ce, {
 									checked: U.isActive,
 									onChange: (e) => W({
 										...U,
@@ -368,13 +367,13 @@ function A() {
 						]
 					})
 				}),
-				/* @__PURE__ */ f(ue, { children: [/* @__PURE__ */ d(m, {
+				/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(m, {
 					onClick: () => z(!1),
 					children: "Cancel"
 				}), /* @__PURE__ */ d(m, {
 					variant: "contained",
 					disabled: !Q,
-					onClick: () => void Se(),
+					onClick: () => void xe(),
 					children: "Save"
 				})] })
 			]
@@ -382,6 +381,6 @@ function A() {
 	})] });
 }
 //#endregion
-export { A as default };
+export { j as default };
 
-//# sourceMappingURL=BrandsPage-CdqGFmGf.js.map
+//# sourceMappingURL=BrandsPage-DmRW5bhm.js.map

package/dist/{BrandsPage-CdqGFmGf.js.map → BrandsPage-DmRW5bhm.js.map}

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

package/dist/{CategoriesPage-DJM0Nalw.js → CategoriesPage-BsS5IQh3.js}

@@ -1,9 +1,9 @@
-import { _ as e, st as t } from "./settingsStore-BlA2GIhl.js";
-import { c as ee, l as n, n as r, s as i, t as te } from "./PmTable-BSV_bMJZ.js";
+import { _ as e, st as t } from "./settingsStore-BifOsjlB.js";
+import { c as ee, l as n, n as r, s as i, t as te } from "./PmTable-_GbScaa4.js";
 import { r as ne, x as a } from "./constants-ClZJY2x1.js";
-import { m as re, r as o, t as s } from "./validation-B6Kl5Xf9.js";
+import { m as re, r as o, t as s } from "./validation-BzlHnL-r.js";
 import { t as c } from "./useFieldErrors-hDG8ox_x.js";
-import { a as l, i as ie, n as ae, r as oe, t as se } from "./PmGuard-DrIl1sHL.js";
+import { a as l, i as ie, n as ae, r as oe, t as se } from "./PmGuard-b10TGXEi.js";
 import { useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Alert as ce, Autocomplete as le, Box as p, Button as m, Checkbox as ue, Chip as h, Dialog as g, DialogActions as _, DialogContent as v, DialogTitle as y, FormControlLabel as b, InputAdornment as de, Skeleton as fe, Stack as x, TableBody as pe, TableCell as S, TableHead as me, TableRow as C, TextField as w, Typography as T } from "@mui/material";
@@ -29,8 +29,7 @@ function M() {
 	async function q() {
 		I(!0), R("");
 		try {
-			let t = await e(void 0, !0);
-			P(t);
+			P(await e(void 0, !0));
 		} catch (e) {
 			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load categories";
 			R(t), n({
@@ -389,4 +388,4 @@ function M() {
 //#endregion
 export { M as default };
 
-//# sourceMappingURL=CategoriesPage-DJM0Nalw.js.map
+//# sourceMappingURL=CategoriesPage-BsS5IQh3.js.map

package/dist/{CategoriesPage-DJM0Nalw.js.map → CategoriesPage-BsS5IQh3.js.map}

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