@argusoft/medplat-product-management 1.0.0

package/dist/BrandsPage-DCMCVvDY.js

@@ -0,0 +1,334 @@
+import { a as e, at as t, c as n, d as r, i, n as a, r as o, t as s, u as c, x as ee } from "./PmGuard-CjJBisaN.js";
+import { a as te, o as ne, t as re } from "./PmTable-BuXZQZCU.js";
+import { i as ie, m as l, t as u } from "./validation-Ba7puFIO.js";
+import { t as d } from "./useFieldErrors-hDG8ox_x.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { v4 as h } from "uuid";
+import { Alert as g, Box as _, Button as v, Chip as y, Dialog as b, DialogActions as ae, DialogContent as oe, DialogTitle as se, InputAdornment as ce, Skeleton as le, Stack as x, TableBody as ue, TableCell as S, TableHead as de, TableRow as C, TextField as w, Typography as T } from "@mui/material";
+import E from "@mui/icons-material/AddRounded";
+import D from "@mui/icons-material/RefreshRounded";
+import O from "@mui/icons-material/SellRounded";
+import { showToast as k } from "@/common/toaster/toaster";
+//#region src/views/BrandsPage.jsx
+function A(e) {
+	if (!e) return {
+		phone: "",
+		email: ""
+	};
+	try {
+		let t = JSON.parse(e);
+		return {
+			phone: typeof t?.phone == "string" ? t.phone : "",
+			email: typeof t?.email == "string" ? t.email : ""
+		};
+	} catch {
+		return {
+			phone: "",
+			email: ""
+		};
+	}
+}
+function j({ 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 M() {
+	let M = i().has("update.manage.productManagement.brand"), N = c(n()?.countryCode), [P, F] = f([]), [I, L] = f(!1), [R, z] = f(""), [B, V] = f(!1), [H, U] = f(null), [W, G] = f(q()), K = d();
+	function q() {
+		return {
+			id: "",
+			name: "",
+			manufacturerCode: "",
+			contactPhone: "",
+			contactEmail: "",
+			isActive: !0
+		};
+	}
+	async function J() {
+		L(!0), z("");
+		try {
+			F(await ee());
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load brands";
+			z(t), k({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			L(!1);
+		}
+	}
+	o("view.manage.productManagement.brand", () => {
+		J();
+	}, []);
+	function Y() {
+		U(null), G({
+			...q(),
+			id: h()
+		}), K.reset(), z(""), V(!0);
+	}
+	function fe(e) {
+		let { phone: t, email: n } = A(e.contactInfo);
+		U(e), K.reset(), z(""), G({
+			id: e.id,
+			name: e.name ?? "",
+			manufacturerCode: e.manufacturerCode ?? "",
+			contactPhone: t,
+			contactEmail: n,
+			isActive: e.isActive !== !1
+		}), V(!0);
+	}
+	let X = l(W.manufacturerCode, "Manufacturer code"), Z = W.manufacturerCode.trim().toUpperCase(), pe = !X && Z && P.some((e) => e.id !== W.id && (e.manufacturerCode || "").toUpperCase() === Z), Q = {
+		name: l(W.name, "Name"),
+		manufacturerCode: X || (pe ? "Code is already in use — edit it manually to make it unique." : ""),
+		contactPhone: r(W.contactPhone, N),
+		contactEmail: ie(W.contactEmail)
+	}, $ = u(Q);
+	async function me() {
+		if (!$) {
+			K.markAllTouched(), z("Please fix the highlighted fields.");
+			return;
+		}
+		try {
+			await t({
+				id: W.id,
+				name: W.name.trim(),
+				manufacturerCode: W.manufacturerCode.trim().toUpperCase(),
+				contactInfo: j({
+					phone: W.contactPhone,
+					email: W.contactEmail
+				}),
+				isActive: W.isActive
+			}), k({
+				message: "Brand saved.",
+				type: "success"
+			}), V(!1), await J();
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to save brand";
+			z(t), k({
+				message: t,
+				type: "error"
+			});
+		}
+	}
+	return /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(a, {}), /* @__PURE__ */ m(s, {
+		perm: "view.manage.productManagement.brand",
+		children: [/* @__PURE__ */ m(e, {
+			title: "Brands",
+			subtitle: "The manufacturer or supplier of each product.",
+			chips: ["Catalog"],
+			actions: /* @__PURE__ */ m(x, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ p(v, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ p(D, {}),
+					onClick: () => void J(),
+					children: "Refresh"
+				}), M ? /* @__PURE__ */ p(v, {
+					variant: "contained",
+					startIcon: /* @__PURE__ */ p(E, {}),
+					onClick: Y,
+					children: "New Brand"
+				}) : null]
+			}),
+			children: [R ? /* @__PURE__ */ p(g, {
+				severity: "error",
+				sx: { mb: 2 },
+				children: R
+			}) : null, /* @__PURE__ */ p(ne, {
+				eyebrow: "Master data",
+				title: "Brands",
+				subtitle: I ? "Loading…" : `${P.length} ${P.length === 1 ? "brand" : "brands"}`,
+				children: /* @__PURE__ */ m(te, { children: [/* @__PURE__ */ p(de, { children: /* @__PURE__ */ m(C, { children: [
+					/* @__PURE__ */ p(S, { children: "Name" }),
+					/* @__PURE__ */ p(S, { children: "Manufacturer Code" }),
+					/* @__PURE__ */ p(S, { children: "Contact" }),
+					/* @__PURE__ */ p(S, { children: "Status" }),
+					/* @__PURE__ */ p(S, {
+						align: "right",
+						children: "Action"
+					})
+				] }) }), /* @__PURE__ */ p(ue, { children: I ? Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ p(C, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ p(S, { children: /* @__PURE__ */ p(le, { height: 22 }) }, t)) }, t)) : P.length === 0 ? /* @__PURE__ */ p(re, {
+					colSpan: 5,
+					icon: O,
+					title: "No brands yet",
+					hint: "Add manufacturers so you can link them to your products.",
+					action: M ? /* @__PURE__ */ p(v, {
+						variant: "contained",
+						size: "small",
+						startIcon: /* @__PURE__ */ p(E, {}),
+						onClick: Y,
+						children: "Create first brand"
+					}) : null
+				}) : P.map((e) => {
+					let { phone: t, email: n } = A(e.contactInfo);
+					return /* @__PURE__ */ m(C, {
+						hover: !0,
+						children: [
+							/* @__PURE__ */ p(S, { children: /* @__PURE__ */ p(T, {
+								variant: "body2",
+								sx: { fontWeight: 700 },
+								children: e.name
+							}) }),
+							/* @__PURE__ */ p(S, { children: /* @__PURE__ */ p(_, {
+								component: "span",
+								sx: {
+									display: "inline-flex",
+									px: .85,
+									py: .25,
+									borderRadius: 1,
+									bgcolor: "grey.100",
+									fontFamily: "monospace",
+									fontSize: "0.72rem",
+									fontWeight: 800
+								},
+								children: e.manufacturerCode
+							}) }),
+							/* @__PURE__ */ p(S, { children: t || n ? /* @__PURE__ */ m(x, {
+								spacing: .25,
+								children: [t ? /* @__PURE__ */ p(T, {
+									variant: "caption",
+									sx: { fontWeight: 600 },
+									children: t
+								}) : null, n ? /* @__PURE__ */ p(T, {
+									variant: "caption",
+									color: "text.secondary",
+									children: n
+								}) : null]
+							}) : /* @__PURE__ */ p(T, {
+								variant: "caption",
+								color: "text.disabled",
+								children: "—"
+							}) }),
+							/* @__PURE__ */ p(S, { children: /* @__PURE__ */ p(y, {
+								size: "small",
+								label: e.isActive ? "Active" : "Inactive",
+								color: e.isActive ? "success" : "default",
+								variant: e.isActive ? "filled" : "outlined",
+								sx: {
+									fontWeight: 700,
+									borderRadius: 1.5,
+									height: 22
+								}
+							}) }),
+							/* @__PURE__ */ p(S, {
+								align: "right",
+								children: M ? /* @__PURE__ */ p(v, {
+									size: "small",
+									variant: "outlined",
+									onClick: () => fe(e),
+									children: "Edit"
+								}) : null
+							})
+						]
+					}, e.id);
+				}) })] })
+			})]
+		}), /* @__PURE__ */ m(b, {
+			open: B,
+			onClose: () => V(!1),
+			fullWidth: !0,
+			maxWidth: "sm",
+			children: [
+				/* @__PURE__ */ p(se, { children: H ? "Edit Brand" : "New Brand" }),
+				/* @__PURE__ */ p(oe, {
+					dividers: !0,
+					children: /* @__PURE__ */ m(x, {
+						spacing: 2,
+						sx: { pt: 1 },
+						children: [
+							/* @__PURE__ */ p(w, {
+								required: !0,
+								label: "Name",
+								size: "small",
+								fullWidth: !0,
+								value: W.name,
+								onChange: (e) => {
+									let t = e.target.value, n = t.split(/\s+/).filter(Boolean).map((e) => e[0]).join("").toUpperCase();
+									G((e) => ({
+										...e,
+										name: t,
+										manufacturerCode: H ? e.manufacturerCode : n
+									}));
+								},
+								onBlur: K.onBlur("name"),
+								error: K.show("name") && !!Q.name,
+								helperText: K.show("name") ? Q.name : ""
+							}),
+							/* @__PURE__ */ p(w, {
+								required: !0,
+								label: "Manufacturer code",
+								size: "small",
+								fullWidth: !0,
+								value: W.manufacturerCode,
+								onChange: (e) => G({
+									...W,
+									manufacturerCode: e.target.value.toUpperCase()
+								}),
+								onBlur: K.onBlur("manufacturerCode"),
+								error: K.show("manufacturerCode") && !!Q.manufacturerCode,
+								helperText: K.show("manufacturerCode") && Q.manufacturerCode ? Q.manufacturerCode : "Auto-generated from the name as initials. Edit if needed to make it unique."
+							}),
+							/* @__PURE__ */ p(w, {
+								label: "Contact Number",
+								size: "small",
+								fullWidth: !0,
+								type: "tel",
+								placeholder: N ? N.phoneMin === N.phoneMax ? `${N.phoneMin}-digit local number` : `${N.phoneMin}–${N.phoneMax} digit local number` : "Local number",
+								value: W.contactPhone,
+								onChange: (e) => G({
+									...W,
+									contactPhone: e.target.value.replace(/[^\d\s]/g, "")
+								}),
+								onBlur: K.onBlur("contactPhone"),
+								error: K.show("contactPhone") && !!Q.contactPhone,
+								helperText: K.show("contactPhone") && Q.contactPhone ? Q.contactPhone : N ? `Format for ${N.name}: ${N.phoneCode} followed by ${N.phoneMin}${N.phoneMin === N.phoneMax ? "" : `–${N.phoneMax}`} digits.` : "Local number, digits only.",
+								InputProps: N ? { startAdornment: /* @__PURE__ */ p(ce, {
+									position: "start",
+									children: /* @__PURE__ */ p(_, {
+										component: "span",
+										sx: {
+											fontWeight: 700,
+											color: "text.secondary"
+										},
+										children: N.phoneCode
+									})
+								}) } : void 0
+							}),
+							/* @__PURE__ */ p(w, {
+								label: "Email",
+								size: "small",
+								fullWidth: !0,
+								type: "email",
+								placeholder: "e.g. contact@manufacturer.example",
+								value: W.contactEmail,
+								onChange: (e) => G({
+									...W,
+									contactEmail: e.target.value
+								}),
+								onBlur: K.onBlur("contactEmail"),
+								error: K.show("contactEmail") && !!Q.contactEmail,
+								helperText: K.show("contactEmail") ? Q.contactEmail : ""
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ m(ae, { children: [/* @__PURE__ */ p(v, {
+					onClick: () => V(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ p(v, {
+					variant: "contained",
+					disabled: !$,
+					onClick: () => void me(),
+					children: "Save"
+				})] })
+			]
+		})]
+	})] });
+}
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=BrandsPage-DCMCVvDY.js.map

package/dist/BrandsPage-DCMCVvDY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandsPage-DCMCVvDY.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  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\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 '@/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 { PmEmptyRow, 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 '@pm/utils/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  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();\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  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…' : `${items.length} ${items.length === 1 ? 'brand' : 'brands'}`}\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              ) : items.length === 0 ? (\n                <PmEmptyRow\n                  colSpan={5}\n                  icon={SellRoundedIcon}\n                  title=\"No brands yet\"\n                  hint=\"Add manufacturers so you can link them to your products.\"\n                  action={canWrite ? (\n                    <Button variant=\"contained\" size=\"small\" startIcon={<AddRoundedIcon />} onClick={openCreate}>\n                      Create first brand\n                    </Button>\n                  ) : null}\n                />\n              ) : items.map((b) => {\n                const { phone, email } = parseContactInfo(b.contactInfo);\n                return (\n                  <TableRow key={b.id} hover>\n                    <TableCell><Typography variant=\"body2\" sx={{ fontWeight: 700 }}>{b.name}</Typography></TableCell>\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                        {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              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              helperText={fieldErrors.show('name') ? formErrors.name : ''}\n            />\n            <TextField\n              required\n              label=\"Manufacturer code\" size=\"small\" fullWidth\n              value={form.manufacturerCode}\n              onChange={(e) => setForm({ ...form, manufacturerCode: e.target.value.toUpperCase() })}\n              onBlur={fieldErrors.onBlur('manufacturerCode')}\n              error={fieldErrors.show('manufacturerCode') && !!formErrors.manufacturerCode}\n              helperText={\n                fieldErrors.show('manufacturerCode') && formErrors.manufacturerCode\n                  ? formErrors.manufacturerCode\n                  : 'Auto-generated from the name as initials. Edit if needed to make it unique.'\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          </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":";;;;;;;;;;;;;AAsCA,SAAS,EAAiB,GAAK;CAC7B,IAAI,CAAC,GAAK,OAAO;EAAE,OAAO;EAAI,OAAO;CAAG;CACxC,IAAI;EACF,IAAM,IAAM,KAAK,MAAM,CAAG;EAC1B,OAAO;GACL,OAAO,OAAO,GAAK,SAAU,WAAW,EAAI,QAAQ;GACpD,OAAO,OAAO,GAAK,SAAU,WAAW,EAAI,QAAQ;EACtD;CACF,QAAQ;EACN,OAAO;GAAE,OAAO;GAAI,OAAO;EAAG;CAChC;AACF;AAEA,SAAS,EAAqB,EAAE,UAAO,YAAS;CAC9C,IAAM,IAAM,CAAC;CAGb,OAFI,GAAO,KAAK,MAAG,EAAI,QAAQ,EAAM,KAAK,IACtC,GAAO,KAAK,MAAG,EAAI,QAAQ,EAAM,KAAK,IACnC,OAAO,KAAK,CAAG,EAAE,SAAS,KAAK,UAAU,CAAG,IAAI;AACzD;AAEA,SAAwB,IAAa;CAEnC,IAAM,IADQ,EACG,EAAM,IAAI,uCAAuC,GAE5D,IAAU,EADC,EACW,GAAU,WAAW,GAC3C,CAAC,GAAO,KAAY,EAAS,CAAC,CAAC,GAC/B,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAAS,KAAc,EAAS,IAAI,GACrC,CAAC,GAAM,KAAW,EAAS,EAAU,CAAC,GACtC,IAAc,EAAe;CAEnC,SAAS,IAAY;EACnB,OAAO;GACL,IAAI;GACJ,MAAM;GACN,kBAAkB;GAClB,cAAc;GACd,cAAc;GACd,UAAU;EACZ;CACF;CAEA,eAAe,IAAO;EAEpB,AADA,EAAW,EAAI,GACf,EAAS,EAAE;EACX,IAAI;GAEF,EAAS,MADU,GAAU,CAChB;EACf,SAAS,GAAK;GACZ,IAAM,IAAU,GAAK,UAAU,MAAM,WAAW,GAAK,WAAW;GAEhE,AADA,EAAS,CAAO,GAChB,EAAU;IAAE;IAAS,MAAM;GAAQ,CAAC;EACtC,UAAU;GACR,EAAW,EAAK;EAClB;CACF;CAEA,EAAsB,6CAA6C;EACjE,EAAU;CACZ,GAAG,CAAC,CAAC;CAEL,SAAS,IAAa;EAKpB,AAJA,EAAW,IAAI,GACf,EAAQ;GAAE,GAAG,EAAU;GAAG,IAAI,EAAO;EAAE,CAAC,GACxC,EAAY,MAAM,GAClB,EAAS,EAAE,GACX,EAAc,EAAI;CACpB;CAEA,SAAS,GAAS,GAAM;EACtB,IAAM,EAAE,UAAO,aAAU,EAAiB,EAAK,WAAW;EAY1D,AAXA,EAAW,CAAI,GACf,EAAY,MAAM,GAClB,EAAS,EAAE,GACX,EAAQ;GACN,IAAI,EAAK;GACT,MAAM,EAAK,QAAQ;GACnB,kBAAkB,EAAK,oBAAoB;GAC3C,cAAc;GACd,cAAc;GACd,UAAU,EAAK,aAAa;EAC9B,CAAC,GACD,EAAc,EAAI;CACpB;CAEA,IAAM,IAAc,EAAiB,EAAK,kBAAkB,mBAAmB,GACzE,IAAU,EAAK,iBAAiB,KAAK,EAAE,YAAY,GACnD,KAAW,CAAC,KACb,KACA,EAAM,MAAM,MAAM,EAAE,OAAO,EAAK,OAAO,EAAE,oBAAoB,IAAI,YAAY,MAAM,CAAO,GACzF,IAAa;EACjB,MAAM,EAAiB,EAAK,MAAM,MAAM;EACxC,kBAAkB,MAAgB,KAAW,iEAAiE;EAC9G,cAAc,EAAwB,EAAK,cAAc,CAAO;EAChE,cAAc,GAAc,EAAK,YAAY;CAC/C,GACM,IAAc,EAAQ,CAAU;CAEtC,eAAe,KAAO;EACpB,IAAI,CAAC,GAAa;GAEhB,AADA,EAAY,eAAe,GAC3B,EAAS,oCAAoC;GAC7C;EACF;EACA,IAAI;GAaF,AAZA,MAAM,EAAY;IAChB,IAAI,EAAK;IACT,MAAM,EAAK,KAAK,KAAK;IACrB,kBAAkB,EAAK,iBAAiB,KAAK,EAAE,YAAY;IAC3D,aAAa,EAAqB;KAChC,OAAO,EAAK;KACZ,OAAO,EAAK;IACd,CAAC;IACD,UAAU,EAAK;GACjB,CAAC,GACD,EAAU;IAAE,SAAS;IAAgB,MAAM;GAAU,CAAC,GACtD,EAAc,EAAK,GACnB,MAAM,EAAK;EACb,SAAS,GAAK;GACZ,IAAM,IAAU,GAAK,UAAU,MAAM,WAAW,GAAK,WAAW;GAEhE,AADA,EAAS,CAAO,GAChB,EAAU;IAAE;IAAS,MAAM;GAAQ,CAAC;EACtC;CACF;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAQ,CAAA,GACR,kBAAC,GAAD;EAAS,MAAM;YAAf,CACA,kBAAC,GAAD;GACE,OAAM;GACN,UAAS;GACT,OAAO,CAAC,SAAS;GACjB,SACE,kBAAC,GAAD;IAAO,WAAU;IAAM,SAAS;cAAhC,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAW,WAAW,kBAAC,GAAD,CAAqB,CAAA;KAAG,eAAe,KAAK,EAAK;eAAG;IAAe,CAAA,GACxG,IACC,kBAAC,GAAD;KAAQ,SAAQ;KAAY,WAAW,kBAAC,GAAD,CAAiB,CAAA;KAAG,SAAS;eAAY;IAAiB,CAAA,IAC/F,IACC;;aAVX,CAaG,IAAQ,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,EAAE;cAAI;GAAa,CAAA,IAAI,MAElE,kBAAC,IAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,IAAU,aAAa,GAAG,EAAM,OAAO,GAAG,EAAM,WAAW,IAAI,UAAU;cAEnF,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;KACE,kBAAC,GAAD,EAAA,UAAW,OAAe,CAAA;KAC1B,kBAAC,GAAD,EAAA,UAAW,oBAA4B,CAAA;KACvC,kBAAC,GAAD,EAAA,UAAW,UAAkB,CAAA;KAC7B,kBAAC,GAAD,EAAA,UAAW,SAAiB,CAAA;KAC5B,kBAAC,GAAD;MAAW,OAAM;gBAAQ;KAAiB,CAAA;IAClC,EAAA,CAAA,EACD,CAAA,GACX,kBAAC,IAAD,EAAA,UACG,IACC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,GAAG,MAChC,kBAAC,GAAD,EAAA,UACG,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,GAAI,MAClC,kBAAC,GAAD,EAAA,UAAmB,kBAAC,IAAD,EAAU,QAAQ,GAAK,CAAA,EAAY,GAAtC,CAAsC,CACvD,EACO,GAJK,CAIL,CACX,IACC,EAAM,WAAW,IACnB,kBAAC,IAAD;KACE,SAAS;KACT,MAAM;KACN,OAAM;KACN,MAAK;KACL,QAAQ,IACN,kBAAC,GAAD;MAAQ,SAAQ;MAAY,MAAK;MAAQ,WAAW,kBAAC,GAAD,CAAiB,CAAA;MAAG,SAAS;gBAAY;KAErF,CAAA,IACN;IACL,CAAA,IACC,EAAM,KAAK,MAAM;KACnB,IAAM,EAAE,UAAO,aAAU,EAAiB,EAAE,WAAW;KACvD,OACE,kBAAC,GAAD;MAAqB,OAAA;gBAArB;OACE,kBAAC,GAAD,EAAA,UAAW,kBAAC,GAAD;QAAY,SAAQ;QAAQ,IAAI,EAAE,YAAY,IAAI;kBAAI,EAAE;OAAiB,CAAA,EAAY,CAAA;OAChG,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QAAK,WAAU;QAAO,IAAI;SACxB,SAAS;SAAe,IAAI;SAAM,IAAI;SAAM,cAAc;SAC1D,SAAS;SAAY,YAAY;SAAa,UAAU;SAAW,YAAY;QACjF;kBACG,EAAE;OACA,CAAA,EACI,CAAA;OACX,kBAAC,GAAD,EAAA,UACG,KAAS,IACR,kBAAC,GAAD;QAAO,SAAS;kBAAhB,CACG,IAAQ,kBAAC,GAAD;SAAY,SAAQ;SAAU,IAAI,EAAE,YAAY,IAAI;mBAAI;QAAkB,CAAA,IAAI,MACtF,IAAQ,kBAAC,GAAD;SAAY,SAAQ;SAAU,OAAM;mBAAkB;QAAkB,CAAA,IAAI,IAChF;YACL,kBAAC,GAAD;QAAY,SAAQ;QAAU,OAAM;kBAAgB;OAAa,CAAA,EAC5D,CAAA;OACX,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;QACE,MAAK;QACL,OAAO,EAAE,WAAW,WAAW;QAC/B,OAAO,EAAE,WAAW,YAAY;QAChC,SAAS,EAAE,WAAW,WAAW;QACjC,IAAI;SAAE,YAAY;SAAK,cAAc;SAAK,QAAQ;QAAG;OACtD,CAAA,EACQ,CAAA;OACX,kBAAC,GAAD;QAAW,OAAM;kBACd,IACC,kBAAC,GAAD;SAAQ,MAAK;SAAQ,SAAQ;SAAW,eAAe,GAAS,CAAC;mBAAG;QAAY,CAAA,IAC9E;OACK,CAAA;MACH;QAhCK,EAAE,EAgCP;IAEd,CAAC,EACQ,CAAA,CACJ,EAAA,CAAA;GACE,CAAA,CACF;MAEb,kBAAC,GAAD;GAAQ,MAAM;GAAY,eAAe,EAAc,EAAK;GAAG,WAAA;GAAU,UAAS;aAAlF;IACE,kBAAC,IAAD,EAAA,UAAc,IAAU,eAAe,YAAyB,CAAA;IAChE,kBAAC,IAAD;KAAe,UAAA;eACb,kBAAC,GAAD;MAAO,SAAS;MAAG,IAAI,EAAE,IAAI,EAAE;gBAA/B;OACE,kBAAC,GAAD;QACE,UAAA;QACA,OAAM;QAAO,MAAK;QAAQ,WAAA;QAC1B,OAAO,EAAK;QACZ,WAAW,MAAM;SACf,IAAM,IAAW,EAAE,OAAO,OAIpB,IAAmB,EACtB,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,MAAM,EAAE,EAAE,EACf,KAAK,EAAE,EACP,YAAY;SACf,GAAS,OAAO;UACd,GAAG;UACH,MAAM;UACN,kBAAkB,IAAU,EAAE,mBAAmB;SACnD,EAAE;QACJ;QACA,QAAQ,EAAY,OAAO,MAAM;QACjC,OAAO,EAAY,KAAK,MAAM,KAAK,CAAC,CAAC,EAAW;QAChD,YAAY,EAAY,KAAK,MAAM,IAAI,EAAW,OAAO;OAC1D,CAAA;OACD,kBAAC,GAAD;QACE,UAAA;QACA,OAAM;QAAoB,MAAK;QAAQ,WAAA;QACvC,OAAO,EAAK;QACZ,WAAW,MAAM,EAAQ;SAAE,GAAG;SAAM,kBAAkB,EAAE,OAAO,MAAM,YAAY;QAAE,CAAC;QACpF,QAAQ,EAAY,OAAO,kBAAkB;QAC7C,OAAO,EAAY,KAAK,kBAAkB,KAAK,CAAC,CAAC,EAAW;QAC5D,YACE,EAAY,KAAK,kBAAkB,KAAK,EAAW,mBAC/C,EAAW,mBACX;OAEP,CAAA;OACD,kBAAC,GAAD;QACE,OAAM;QACN,MAAK;QACL,WAAA;QACA,MAAK;QACL,aAAa,IACR,EAAQ,aAAa,EAAQ,WAC1B,GAAG,EAAQ,SAAS,uBACpB,GAAG,EAAQ,SAAS,GAAG,EAAQ,SAAS,uBAC5C;QACJ,OAAO,EAAK;QAGZ,WAAW,MAAM,EAAQ;SAAE,GAAG;SAAM,cAAc,EAAE,OAAO,MAAM,QAAQ,YAAY,EAAE;QAAE,CAAC;QAC1F,QAAQ,EAAY,OAAO,cAAc;QACzC,OAAO,EAAY,KAAK,cAAc,KAAK,CAAC,CAAC,EAAW;QACxD,YACE,EAAY,KAAK,cAAc,KAAK,EAAW,eAC3C,EAAW,eACX,IACE,cAAc,EAAQ,KAAK,IAAI,EAAQ,UAAU,eAAe,EAAQ,WAAW,EAAQ,aAAa,EAAQ,WAAW,KAAK,IAAI,EAAQ,WAAW,YACvJ;QAER,YAAY,IAAU,EACpB,gBACE,kBAAC,IAAD;SAAgB,UAAS;mBACvB,kBAAC,GAAD;UAAK,WAAU;UAAO,IAAI;WAAE,YAAY;WAAK,OAAO;UAAiB;oBAAI,EAAQ;SAAe,CAAA;QAClF,CAAA,EAEpB,IAAI,KAAA;OACL,CAAA;OACD,kBAAC,GAAD;QACE,OAAM;QACN,MAAK;QACL,WAAA;QACA,MAAK;QACL,aAAY;QACZ,OAAO,EAAK;QACZ,WAAW,MAAM,EAAQ;SAAE,GAAG;SAAM,cAAc,EAAE,OAAO;QAAM,CAAC;QAClE,QAAQ,EAAY,OAAO,cAAc;QACzC,OAAO,EAAY,KAAK,cAAc,KAAK,CAAC,CAAC,EAAW;QACxD,YAAY,EAAY,KAAK,cAAc,IAAI,EAAW,eAAe;OAC1E,CAAA;MACI;;IACM,CAAA;IACf,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAc,EAAK;eAAG;IAAc,CAAA,GAC3D,kBAAC,GAAD;KAAQ,SAAQ;KAAY,UAAU,CAAC;KAAa,eAAe,KAAK,GAAK;eAAG;IAAY,CAAA,CAC/E,EAAA,CAAA;GACT;IACC;GACN,EAAA,CAAA;AAET"}

package/dist/CategoriesPage-BpRhwfrc.js

@@ -0,0 +1,284 @@
+import { S as e, a as t, i as n, n as r, ot as i, r as a, t as o } from "./PmGuard-CjJBisaN.js";
+import { a as s, o as c, t as ee } from "./PmTable-BuXZQZCU.js";
+import { m as te, n as l, t as u } from "./validation-Ba7puFIO.js";
+import { t as d } from "./useFieldErrors-hDG8ox_x.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { v4 as ne } from "uuid";
+import { Alert as h, Box as g, Button as _, Chip as re, Dialog as v, DialogActions as y, DialogContent as b, DialogTitle as x, Skeleton as S, Stack as C, TableBody as w, TableCell as T, TableHead as ie, TableRow as E, TextField as D, Typography as O } from "@mui/material";
+import k from "@mui/icons-material/AddRounded";
+import A from "@mui/icons-material/RefreshRounded";
+import { showToast as j } from "@/common/toaster/toaster";
+import M from "@mui/icons-material/CategoryRounded";
+//#region src/views/CategoriesPage.jsx
+function N() {
+	let N = n().has("update.manage.productManagement.category"), [P, F] = f([]), [I, L] = f(!1), [R, z] = f(""), [B, V] = f(!1), [H, U] = f(null), [W, G] = f(q()), K = d();
+	function q() {
+		return {
+			id: "",
+			name: "",
+			code: "",
+			description: "",
+			icon: "",
+			isActive: !0
+		};
+	}
+	async function J() {
+		L(!0), z("");
+		try {
+			F(await e());
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to load categories";
+			z(t), j({
+				message: t,
+				type: "error"
+			});
+		} finally {
+			L(!1);
+		}
+	}
+	a("view.manage.productManagement.category", () => {
+		J();
+	}, []);
+	function Y() {
+		U(null), G({
+			...q(),
+			id: ne()
+		}), K.reset(), z(""), V(!0);
+	}
+	function ae(e) {
+		U(e), K.reset(), z(""), G({
+			id: e.id,
+			name: e.name ?? "",
+			code: e.code ?? "",
+			description: e.description ?? "",
+			icon: e.icon ?? "",
+			isActive: e.isActive !== !1
+		}), V(!0);
+	}
+	let X = l(W.code, { required: !0 }), Z = W.code.trim().toUpperCase(), oe = !X && Z && P.some((e) => e.id !== W.id && (e.code || "").toUpperCase() === Z), Q = {
+		name: te(W.name, "Name"),
+		code: X || (oe ? "Code is already in use — pick a different one." : "")
+	}, $ = u(Q);
+	async function se() {
+		if (!$) {
+			K.markAllTouched(), z("Please fix the highlighted fields.");
+			return;
+		}
+		try {
+			await i({
+				id: W.id,
+				name: W.name.trim(),
+				code: W.code.trim().toUpperCase(),
+				description: W.description || null,
+				icon: W.icon || null,
+				isActive: W.isActive
+			}), j({
+				message: "Category saved.",
+				type: "success"
+			}), V(!1), await J();
+		} catch (e) {
+			let t = e?.response?.data?.message ?? e?.message ?? "Failed to save category";
+			z(t), j({
+				message: t,
+				type: "error"
+			});
+		}
+	}
+	return /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(r, {}), /* @__PURE__ */ m(o, {
+		perm: "view.manage.productManagement.category",
+		children: [/* @__PURE__ */ m(t, {
+			title: "Product Categories",
+			subtitle: "Groups of products with similar handling requirements.",
+			chips: ["Catalog"],
+			actions: /* @__PURE__ */ m(C, {
+				direction: "row",
+				spacing: 1,
+				children: [/* @__PURE__ */ p(_, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ p(A, {}),
+					onClick: () => void J(),
+					children: "Refresh"
+				}), N ? /* @__PURE__ */ p(_, {
+					variant: "contained",
+					startIcon: /* @__PURE__ */ p(k, {}),
+					onClick: Y,
+					children: "New Category"
+				}) : null]
+			}),
+			children: [R ? /* @__PURE__ */ p(h, {
+				severity: "error",
+				sx: { mb: 2 },
+				children: R
+			}) : null, /* @__PURE__ */ p(c, {
+				eyebrow: "Master data",
+				title: "Product categories",
+				subtitle: I ? "Loading…" : `${P.length} ${P.length === 1 ? "category" : "categories"}`,
+				children: /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(ie, { children: /* @__PURE__ */ m(E, { children: [
+					/* @__PURE__ */ p(T, { children: "Code" }),
+					/* @__PURE__ */ p(T, { children: "Name" }),
+					/* @__PURE__ */ p(T, { children: "Description" }),
+					/* @__PURE__ */ p(T, { children: "Status" }),
+					/* @__PURE__ */ p(T, {
+						align: "right",
+						children: "Action"
+					})
+				] }) }), /* @__PURE__ */ p(w, { children: I ? Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ p(E, { children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(S, { height: 22 }) }, t)) }, t)) : P.length === 0 ? /* @__PURE__ */ p(ee, {
+					colSpan: 5,
+					icon: M,
+					title: "No categories yet",
+					hint: "Categories control how products are managed. For example, vaccines need special configuration.",
+					action: N ? /* @__PURE__ */ p(_, {
+						variant: "contained",
+						size: "small",
+						startIcon: /* @__PURE__ */ p(k, {}),
+						onClick: Y,
+						children: "Create first category"
+					}) : null
+				}) : P.map((e) => /* @__PURE__ */ m(E, {
+					hover: !0,
+					children: [
+						/* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(g, {
+							component: "span",
+							sx: {
+								display: "inline-flex",
+								px: .85,
+								py: .25,
+								borderRadius: 1,
+								bgcolor: "grey.100",
+								fontFamily: "monospace",
+								fontSize: "0.72rem",
+								fontWeight: 800,
+								letterSpacing: .4
+							},
+							children: e.code
+						}) }),
+						/* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(O, {
+							variant: "body2",
+							sx: { fontWeight: 700 },
+							children: e.name
+						}) }),
+						/* @__PURE__ */ p(T, {
+							sx: { maxWidth: 360 },
+							children: e.description ? /* @__PURE__ */ p(O, {
+								variant: "caption",
+								color: "text.secondary",
+								sx: {
+									display: "block",
+									overflow: "hidden",
+									textOverflow: "ellipsis",
+									whiteSpace: "nowrap"
+								},
+								children: e.description
+							}) : /* @__PURE__ */ p(O, {
+								variant: "caption",
+								color: "text.disabled",
+								children: "—"
+							})
+						}),
+						/* @__PURE__ */ p(T, { children: /* @__PURE__ */ p(re, {
+							size: "small",
+							label: e.isActive ? "Active" : "Inactive",
+							color: e.isActive ? "success" : "default",
+							variant: e.isActive ? "filled" : "outlined",
+							sx: {
+								fontWeight: 700,
+								borderRadius: 1.5,
+								height: 22
+							}
+						}) }),
+						/* @__PURE__ */ p(T, {
+							align: "right",
+							children: N ? /* @__PURE__ */ p(_, {
+								size: "small",
+								variant: "outlined",
+								onClick: () => ae(e),
+								children: "Edit"
+							}) : null
+						})
+					]
+				}, e.id)) })] })
+			})]
+		}), /* @__PURE__ */ m(v, {
+			open: B,
+			onClose: () => V(!1),
+			fullWidth: !0,
+			maxWidth: "sm",
+			children: [
+				/* @__PURE__ */ p(x, { children: H ? "Edit Category" : "New Category" }),
+				/* @__PURE__ */ p(b, {
+					dividers: !0,
+					children: /* @__PURE__ */ m(C, {
+						spacing: 2,
+						sx: { pt: 1 },
+						children: [
+							/* @__PURE__ */ p(D, {
+								required: !0,
+								label: "Name",
+								size: "small",
+								fullWidth: !0,
+								value: W.name,
+								onChange: (e) => G({
+									...W,
+									name: e.target.value
+								}),
+								onBlur: K.onBlur("name"),
+								error: K.show("name") && !!Q.name,
+								helperText: K.show("name") ? Q.name : ""
+							}),
+							/* @__PURE__ */ p(D, {
+								required: !0,
+								label: "Code (uppercase, A-Z, 0-9, _)",
+								size: "small",
+								fullWidth: !0,
+								value: W.code,
+								onChange: (e) => G({
+									...W,
+									code: e.target.value.toUpperCase()
+								}),
+								onBlur: K.onBlur("code"),
+								error: K.show("code") && !!Q.code,
+								helperText: K.show("code") ? Q.code : "Must be unique."
+							}),
+							/* @__PURE__ */ p(D, {
+								label: "Description",
+								size: "small",
+								multiline: !0,
+								minRows: 2,
+								fullWidth: !0,
+								value: W.description,
+								onChange: (e) => G({
+									...W,
+									description: e.target.value
+								})
+							}),
+							/* @__PURE__ */ p(D, {
+								label: "Icon (optional)",
+								size: "small",
+								fullWidth: !0,
+								value: W.icon,
+								onChange: (e) => G({
+									...W,
+									icon: e.target.value
+								})
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(_, {
+					onClick: () => V(!1),
+					children: "Cancel"
+				}), /* @__PURE__ */ p(_, {
+					variant: "contained",
+					disabled: !$,
+					onClick: () => void se(),
+					children: "Save"
+				})] })
+			]
+		})]
+	})] });
+}
+//#endregion
+export { N as default };
+
+//# sourceMappingURL=CategoriesPage-BpRhwfrc.js.map