@argusoft/medplat-product-management 1.0.2 → 1.0.4

package/dist/PmGuard-C90yhpsN.js

@@ -0,0 +1,592 @@
+import { r as e, t } from "./settingsStore-KW217unV.js";
+import { useEffect as n, useMemo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "prop-types";
+import { Alert as c, Box as l, Button as u, Chip as d, Fade as f, LinearProgress as p, Stack as m, Tab as h, Tabs as g, Typography as _ } from "@mui/material";
+import v from "@mui/icons-material/VaccinesRounded";
+import { alpha as y, useTheme as b } from "@mui/material/styles";
+import x from "@mui/icons-material/SellRounded";
+import { useLocation as S, useNavigate as C } from "react-router-dom";
+import w from "@mui/icons-material/SpaceDashboardRounded";
+import T from "@mui/icons-material/SettingsRounded";
+import E from "@mui/icons-material/LayersRounded";
+import D from "@mui/icons-material/CategoryRounded";
+import O from "@mui/icons-material/Inventory2Rounded";
+import k from "@mui/icons-material/WarehouseRounded";
+import A from "@mui/icons-material/LocalShippingRounded";
+import j from "@mui/icons-material/WidgetsRounded";
+import M from "@mui/icons-material/ShoppingCartRounded";
+import N from "@mui/icons-material/FactCheckRounded";
+import P from "@mui/icons-material/MoveDownRounded";
+import F from "@mui/icons-material/SwapHorizRounded";
+import I from "@mui/icons-material/PointOfSaleRounded";
+import L from "@mui/icons-material/PaymentsRounded";
+import R from "@mui/icons-material/ReceiptLongRounded";
+import { useSelector as z } from "react-redux";
+import B from "@mui/icons-material/LockOutlined";
+//#region src/utils/workspaces.js
+var V = {
+	id: "dashboard",
+	label: "Dashboard",
+	path: "/ui/medplat/manage/pm",
+	icon: w,
+	accent: "#6366f1",
+	accentDark: "#4338ca",
+	permissionId: "view.manage.productManagement"
+}, H = {
+	id: "settings",
+	label: "Settings",
+	path: "/ui/medplat/manage/pm/settings",
+	icon: T,
+	accent: "#64748b",
+	accentDark: "#334155",
+	permissionId: "view.manage.productManagement.settings"
+}, U = [
+	{
+		id: "catalog",
+		label: "Catalog",
+		description: "Define what you sell and where you keep it. Master data — configured once, used everywhere.",
+		icon: E,
+		accent: "#8b5cf6",
+		accentDark: "#6d28d9",
+		accentSoft: "#ede9fe",
+		items: [
+			{
+				id: "categories",
+				label: "Categories",
+				path: "/ui/medplat/manage/pm/categories",
+				icon: D,
+				permissionId: "view.manage.productManagement.category"
+			},
+			{
+				id: "brands",
+				label: "Brands",
+				path: "/ui/medplat/manage/pm/brands",
+				icon: x,
+				permissionId: "view.manage.productManagement.brand"
+			},
+			{
+				id: "products",
+				label: "Products",
+				path: "/ui/medplat/manage/pm/products",
+				icon: O,
+				permissionId: "view.manage.productManagement.product"
+			},
+			{
+				id: "storage",
+				label: "Storage Units",
+				path: "/ui/medplat/manage/pm/storage-units",
+				icon: k,
+				permissionId: "view.manage.productManagement.storageUnit"
+			}
+		]
+	},
+	{
+		id: "operations",
+		label: "Operations",
+		description: "Run the day — receive stock, sell to customers, administer vaccines, collect payments.",
+		icon: A,
+		accent: "#10b981",
+		accentDark: "#047857",
+		accentSoft: "#d1fae5",
+		items: [
+			{
+				id: "purchase-requests",
+				label: "Purchase Requests",
+				path: "/ui/medplat/manage/pm/purchase-requests",
+				icon: N,
+				anyOfPermissionIds: ["view.manage.productManagement.purchase", "approve.manage.productManagement.purchase"],
+				purchaseApprovalGroup: !0
+			},
+			{
+				id: "purchases",
+				label: "Purchases",
+				path: "/ui/medplat/manage/pm/purchases",
+				icon: M,
+				permissionId: "view.manage.productManagement.purchase",
+				hiddenWhenConfirmationOn: !0
+			},
+			{
+				id: "inventory",
+				label: "Inventory",
+				path: "/ui/medplat/manage/pm/inventory",
+				icon: j,
+				permissionId: "view.manage.productManagement.inventory"
+			},
+			{
+				id: "pickups",
+				label: "Pickups",
+				path: "/ui/medplat/manage/pm/pickups",
+				icon: P,
+				permissionId: "view.manage.productManagement.pickup"
+			},
+			{
+				id: "transfers",
+				label: "Transfers",
+				path: "/ui/medplat/manage/pm/transfers",
+				icon: F,
+				permissionId: "view.manage.productManagement.transfer"
+			},
+			{
+				id: "sales",
+				label: "Sales",
+				path: "/ui/medplat/manage/pm/sales",
+				icon: I,
+				permissionId: "view.manage.productManagement.sale",
+				salesGroup: !0
+			},
+			{
+				id: "vials",
+				label: "Vial",
+				path: "/ui/medplat/manage/pm/vials",
+				icon: v,
+				permissionId: "view.manage.productManagement.vial"
+			},
+			{
+				id: "payments",
+				label: "Payments",
+				path: "/ui/medplat/manage/pm/payments",
+				icon: L,
+				permissionId: "view.manage.productManagement.payment",
+				salesGroup: !0
+			}
+		]
+	},
+	{
+		id: "ledger",
+		label: "Ledger",
+		description: "Every stock and money movement, append-only, with full lot / volume / monetary detail.",
+		icon: R,
+		accent: "#f59e0b",
+		accentDark: "#b45309",
+		accentSoft: "#fef3c7",
+		items: [{
+			id: "transactions",
+			label: "Transactions",
+			path: "/ui/medplat/manage/pm/transactions",
+			icon: R,
+			permissionId: "view.manage.productManagement.ledger"
+		}]
+	}
+];
+function W(e, t) {
+	let n = t?.manageSales !== !1, r = t?.requirePurchaseConfirmation === !0;
+	return U.map((t) => ({
+		...t,
+		items: t.items.filter((t) => (t.anyOfPermissionIds ? !!e?.hasAny?.(t.anyOfPermissionIds) : !!e?.has?.(t.permissionId)) && (n || !t.salesGroup) && (r || !t.purchaseApprovalGroup) && (!r || !t.hiddenWhenConfirmationOn))
+	})).filter((e) => e.items.length > 0);
+}
+function G(e) {
+	if (!e) return null;
+	for (let t of U) if (t.items.some((t) => e.startsWith(t.path))) return t;
+	return null;
+}
+function K(e) {
+	if (!e) return null;
+	for (let t of U) {
+		let n = t.items.find((t) => e.startsWith(t.path));
+		if (n) return {
+			workspace: t,
+			item: n
+		};
+	}
+	return null;
+}
+//#endregion
+//#region src/components/PmPageShell.jsx
+function q({ title: e, subtitle: r, chips: s = [], actions: c, children: u }) {
+	let p = b(), { pathname: h } = S();
+	n(() => {
+		t().catch(() => {});
+	}, []);
+	let g = h.startsWith(V.path), v = h.startsWith(H.path), x = K(h), C = x?.workspace, w = g ? V.accent : v ? H.accent : C?.accent ?? p.palette.primary.main, T = g ? V.accentDark : v ? H.accentDark : C?.accentDark ?? p.palette.primary.dark;
+	return /* @__PURE__ */ o(l, {
+		sx: {
+			position: "relative",
+			px: {
+				xs: 1,
+				md: 2
+			},
+			py: {
+				xs: 1,
+				md: 2
+			}
+		},
+		children: [
+			/* @__PURE__ */ o(l, {
+				sx: {
+					position: "absolute",
+					inset: 0,
+					pointerEvents: "none",
+					overflow: "hidden"
+				},
+				children: [/* @__PURE__ */ a(l, { sx: {
+					position: "absolute",
+					top: -60,
+					right: -40,
+					width: 260,
+					height: 260,
+					borderRadius: "50%",
+					background: `radial-gradient(circle, ${y(w, .18)} 0%, transparent 70%)`,
+					filter: "blur(2px)"
+				} }), /* @__PURE__ */ a(l, { sx: {
+					position: "absolute",
+					top: 40,
+					left: -50,
+					width: 200,
+					height: 200,
+					borderRadius: "50%",
+					background: `radial-gradient(circle, ${y(p.palette.info.main, .08)} 0%, transparent 72%)`,
+					filter: "blur(2px)"
+				} })]
+			}),
+			/* @__PURE__ */ a(l, {
+				sx: {
+					position: "relative",
+					zIndex: 1,
+					mb: 2,
+					p: {
+						xs: 2,
+						md: 2.5
+					},
+					borderRadius: 1.5,
+					border: `1px solid ${y(w, .18)}`,
+					background: `linear-gradient(135deg, ${y(p.palette.background.paper, .98)} 0%, ${y(w, .07)} 100%)`,
+					boxShadow: `0 18px 44px ${y(p.palette.common.black, .06)}`,
+					overflow: "hidden",
+					"&::before": {
+						content: "\"\"",
+						position: "absolute",
+						left: 0,
+						top: 0,
+						bottom: 0,
+						width: 4,
+						background: `linear-gradient(180deg, ${w} 0%, ${T} 100%)`
+					}
+				},
+				children: /* @__PURE__ */ o(m, {
+					direction: {
+						xs: "column",
+						md: "row"
+					},
+					justifyContent: "space-between",
+					alignItems: {
+						xs: "flex-start",
+						md: "center"
+					},
+					spacing: 1.5,
+					children: [/* @__PURE__ */ o(l, {
+						sx: { minWidth: 0 },
+						children: [
+							C || g || v ? /* @__PURE__ */ o(m, {
+								direction: "row",
+								alignItems: "center",
+								spacing: .75,
+								sx: { mb: .75 },
+								children: [
+									(() => {
+										let e = g ? V.icon : v ? H.icon : C.icon;
+										return e ? /* @__PURE__ */ a(e, { sx: {
+											fontSize: 16,
+											color: T
+										} }) : null;
+									})(),
+									/* @__PURE__ */ a(_, {
+										variant: "overline",
+										sx: {
+											color: T,
+											fontWeight: 800,
+											letterSpacing: 1.1,
+											lineHeight: 1
+										},
+										children: g ? "Overview" : v ? "Configuration" : C.label
+									}),
+									x?.item ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(l, { sx: {
+										width: 4,
+										height: 4,
+										borderRadius: "50%",
+										bgcolor: y(w, .4),
+										mx: .5
+									} }), /* @__PURE__ */ a(_, {
+										variant: "overline",
+										sx: {
+											color: p.palette.text.secondary,
+											fontWeight: 700,
+											letterSpacing: .8
+										},
+										children: x.item.label
+									})] }) : null
+								]
+							}) : null,
+							/* @__PURE__ */ a(_, {
+								variant: "h5",
+								sx: {
+									fontWeight: 800,
+									color: p.palette.text.primary,
+									lineHeight: 1.2
+								},
+								children: e
+							}),
+							r ? /* @__PURE__ */ a(_, {
+								variant: "body2",
+								sx: {
+									mt: .75,
+									maxWidth: 900,
+									color: p.palette.text.secondary
+								},
+								children: r
+							}) : null,
+							s?.length ? /* @__PURE__ */ a(m, {
+								direction: "row",
+								spacing: 1,
+								useFlexGap: !0,
+								flexWrap: "wrap",
+								sx: { mt: 1.5 },
+								children: s.map((e) => /* @__PURE__ */ a(d, {
+									label: e,
+									size: "small",
+									sx: {
+										borderRadius: 2,
+										backgroundColor: y(w, .1),
+										color: T,
+										fontWeight: 700,
+										border: `1px solid ${y(w, .2)}`
+									}
+								}, e))
+							}) : null
+						]
+					}), c ? /* @__PURE__ */ a(l, { children: c }) : null]
+				})
+			}),
+			/* @__PURE__ */ a(f, {
+				in: !0,
+				timeout: 360,
+				children: /* @__PURE__ */ a(l, {
+					sx: {
+						position: "relative",
+						zIndex: 1,
+						"& .MuiInputLabel-root": {
+							fontSize: "0.95rem",
+							color: p.palette.text.primary
+						},
+						"& .MuiInputLabel-root.Mui-focused": { color: p.palette.primary.main },
+						"& .MuiFormHelperText-root": {
+							fontSize: "0.78rem",
+							color: y(p.palette.text.primary, .7)
+						}
+					},
+					children: u
+				})
+			}, h)
+		]
+	});
+}
+q.propTypes = {
+	title: s.node,
+	subtitle: s.node,
+	chips: s.arrayOf(s.string),
+	actions: s.node,
+	children: s.node
+};
+//#endregion
+//#region src/utils/permissions.js
+var J = "techo.manage.pm";
+function Y(e, t, r) {
+	let i = X(), a = Array.isArray(e) ? i.hasAny(e) : !!e && i.has(e);
+	n(() => {
+		if (a) return t();
+	}, [a, ...r ?? []]);
+}
+function X() {
+	let e = z((e) => e.Authenticate?.linearMenuItems);
+	return r(() => {
+		let t = e?.[J]?.featureJson;
+		if (typeof t == "string") try {
+			t = JSON.parse(t);
+		} catch {
+			t = {};
+		}
+		let n = t && typeof t == "object" ? t : {}, r = (e) => !!e && n[e] === !0;
+		return {
+			has: r,
+			hasAny: (e) => Array.isArray(e) && e.some(r)
+		};
+	}, [e]);
+}
+//#endregion
+//#region src/components/PmNav.jsx
+function Z() {
+	let t = C(), n = S(), i = b(), s = e(), c = X(), u = r(() => W(c, s), [c, s]), d = c.has(V.permissionId), f = c.has(H.permissionId), p = n.pathname.startsWith(V.path), v = n.pathname.startsWith(H.path), x = G(n.pathname), w = x ? u.find((e) => e.id === x.id) ?? null : null, T = p ? V.accent : v ? H.accent : x?.accent ?? i.palette.primary.main, E = w ? w.items.findIndex((e) => n.pathname.startsWith(e.path)) : -1;
+	function D(e, t) {
+		return {
+			px: 2,
+			py: .9,
+			borderRadius: 999,
+			cursor: "pointer",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 1,
+			fontWeight: 700,
+			fontSize: "0.875rem",
+			letterSpacing: .2,
+			transition: "all 220ms cubic-bezier(0.4, 0, 0.2, 1)",
+			color: e ? "#fff" : i.palette.text.secondary,
+			backgroundColor: e ? t : "transparent",
+			boxShadow: e ? `0 8px 22px ${y(t, .32)}` : "none",
+			"&:hover": {
+				color: e ? "#fff" : t,
+				backgroundColor: e ? t : y(t, .08),
+				transform: e ? "none" : "translateY(-1px)"
+			}
+		};
+	}
+	function O({ id: e, label: t, icon: n, active: r, onClick: i, hue: s }) {
+		return /* @__PURE__ */ o(l, {
+			role: "button",
+			onClick: i,
+			sx: D(r, s),
+			children: [n ? /* @__PURE__ */ a(n, { sx: { fontSize: 18 } }) : null, t]
+		}, e);
+	}
+	return /* @__PURE__ */ o(l, {
+		sx: { mb: 2 },
+		children: [/* @__PURE__ */ a(l, {
+			sx: {
+				position: "relative",
+				borderRadius: 1.5,
+				p: 1,
+				background: `linear-gradient(135deg, ${y(i.palette.background.paper, .96)} 0%, ${y(T, .06)} 100%)`,
+				border: `1px solid ${y(i.palette.divider, .7)}`,
+				boxShadow: `0 10px 28px ${y(i.palette.common.black, .04)}`
+			},
+			children: /* @__PURE__ */ o(m, {
+				direction: "row",
+				alignItems: "center",
+				spacing: .75,
+				flexWrap: "wrap",
+				useFlexGap: !0,
+				children: [
+					d ? O({
+						id: V.id,
+						label: V.label,
+						icon: V.icon,
+						active: p,
+						hue: V.accent,
+						onClick: () => t(V.path)
+					}) : null,
+					d && u.length > 0 ? /* @__PURE__ */ a(l, { sx: {
+						width: 1,
+						height: 22,
+						mx: .5,
+						bgcolor: "divider",
+						opacity: .7
+					} }) : null,
+					u.map((e) => O({
+						id: e.id,
+						label: e.label,
+						icon: e.icon,
+						active: x?.id === e.id,
+						hue: e.accent,
+						onClick: () => e.items[0] && t(e.items[0].path)
+					})),
+					/* @__PURE__ */ a(l, { sx: { flexGrow: 1 } }),
+					f ? O({
+						id: H.id,
+						label: H.label,
+						icon: H.icon,
+						active: v,
+						hue: H.accent,
+						onClick: () => t(H.path)
+					}) : null
+				]
+			})
+		}), w && w.items.length > 0 ? /* @__PURE__ */ a(l, {
+			sx: {
+				mt: 1,
+				borderRadius: 1.5,
+				px: 1,
+				bgcolor: y(w.accent, .04),
+				border: `1px solid ${y(w.accent, .12)}`
+			},
+			children: /* @__PURE__ */ a(g, {
+				value: E === -1 ? !1 : E,
+				onChange: (e, n) => t(w.items[n].path),
+				variant: "scrollable",
+				scrollButtons: "auto",
+				slotProps: { indicator: { sx: {
+					backgroundColor: w.accent,
+					height: 3,
+					borderRadius: 2
+				} } },
+				sx: {
+					minHeight: 44,
+					"& .MuiTab-root": {
+						minHeight: 44,
+						fontWeight: 700,
+						textTransform: "none",
+						fontSize: "0.85rem",
+						color: i.palette.text.secondary,
+						transition: "color 180ms ease",
+						"&:hover": { color: w.accentDark },
+						"&.Mui-selected": { color: w.accentDark }
+					}
+				},
+				children: w.items.map((e) => {
+					let t = e.icon;
+					return /* @__PURE__ */ a(h, {
+						iconPosition: "start",
+						icon: t ? /* @__PURE__ */ a(t, { sx: { fontSize: 18 } }) : void 0,
+						label: /* @__PURE__ */ a(_, {
+							component: "span",
+							sx: { fontWeight: 700 },
+							children: e.label
+						})
+					}, e.id);
+				})
+			})
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/PmGuard.jsx
+function Q({ perm: e, anyOf: t, children: n, title: r = "You don’t have access to this page" }) {
+	let i = X(), s = C();
+	return z((e) => e.Authenticate?.linearMenuItems) == null ? /* @__PURE__ */ a(l, {
+		sx: { p: 3 },
+		children: /* @__PURE__ */ a(p, {})
+	}) : (t ? i.hasAny(t) : i.has(e)) ? n : /* @__PURE__ */ a(l, {
+		sx: { p: 3 },
+		children: /* @__PURE__ */ a(c, {
+			severity: "warning",
+			icon: /* @__PURE__ */ a(B, {}),
+			sx: {
+				borderRadius: 1.5,
+				alignItems: "flex-start"
+			},
+			children: /* @__PURE__ */ o(m, {
+				spacing: 1.25,
+				children: [
+					/* @__PURE__ */ a(_, {
+						sx: { fontWeight: 800 },
+						children: r
+					}),
+					/* @__PURE__ */ a(_, {
+						variant: "body2",
+						color: "text.secondary",
+						children: "Your account doesn’t have the required permission to view this section of Product Management. Ask an admin to grant it via the role / user permission assignment."
+					}),
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(u, {
+						size: "small",
+						variant: "contained",
+						onClick: () => s("/ui/medplat/manage/pm"),
+						children: "Back to Dashboard"
+					}) })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { q as a, X as i, Z as n, W as o, Y as r, Q as t };
+
+//# sourceMappingURL=PmGuard-C90yhpsN.js.map

package/dist/PmGuard-C90yhpsN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PmGuard-C90yhpsN.js","names":[],"sources":["../src/utils/workspaces.js","../src/components/PmPageShell.jsx","../src/utils/permissions.js","../src/components/PmNav.jsx","../src/components/PmGuard.jsx"],"sourcesContent":["// Information architecture: the module is split into three \"workspaces\" that\n// match real-world roles in a clinic / store.\n//\n//   Catalog     — master-data setup (configured occasionally by an admin)\n//   Operations  — daily floor work (stock, sales, vials, payments)\n//   Ledger      — read-only audit trail (every stock + money movement)\n//\n// Each workspace has its own accent hue so the operator knows which\n// \"section\" of the tool they're in without explicit labels everywhere.\n// Dashboard sits outside any workspace — it's the landing page.\n\nimport SpaceDashboardRoundedIcon from '@mui/icons-material/SpaceDashboardRounded';\nimport SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';\nimport LayersRoundedIcon from '@mui/icons-material/LayersRounded';\nimport CategoryRoundedIcon from '@mui/icons-material/CategoryRounded';\nimport SellRoundedIcon from '@mui/icons-material/SellRounded';\nimport Inventory2RoundedIcon from '@mui/icons-material/Inventory2Rounded';\nimport WarehouseRoundedIcon from '@mui/icons-material/WarehouseRounded';\nimport LocalShippingRoundedIcon from '@mui/icons-material/LocalShippingRounded';\nimport WidgetsRoundedIcon from '@mui/icons-material/WidgetsRounded';\nimport ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded';\nimport FactCheckRoundedIcon from '@mui/icons-material/FactCheckRounded';\nimport MoveDownRoundedIcon from '@mui/icons-material/MoveDownRounded';\nimport SwapHorizRoundedIcon from '@mui/icons-material/SwapHorizRounded';\nimport PointOfSaleRoundedIcon from '@mui/icons-material/PointOfSaleRounded';\nimport VaccinesRoundedIcon from '@mui/icons-material/VaccinesRounded';\nimport PaymentsRoundedIcon from '@mui/icons-material/PaymentsRounded';\nimport ReceiptLongRoundedIcon from '@mui/icons-material/ReceiptLongRounded';\n\n// Permission ids match the backend's api_permission rows. Treated as plain\n// strings here — there's no parallel constants table; the featureJson at\n// runtime is the source of truth for what each user has been granted.\nexport const DASHBOARD = {\n  id: 'dashboard',\n  label: 'Dashboard',\n  path: '/ui/medplat/manage/pm',\n  icon: SpaceDashboardRoundedIcon,\n  accent: '#6366f1',   // indigo — the \"home\" accent\n  accentDark: '#4338ca',\n  permissionId: 'view.manage.productManagement',\n};\n\n// Settings sits outside the three workspaces — administrative, rarely used,\n// available as its own pill on the nav row alongside Dashboard.\nexport const SETTINGS = {\n  id: 'settings',\n  label: 'Settings',\n  path: '/ui/medplat/manage/pm/settings',\n  icon: SettingsRoundedIcon,\n  accent: '#64748b',   // slate — quiet, non-competing\n  accentDark: '#334155',\n  permissionId: 'view.manage.productManagement.settings',\n};\n\nexport const WORKSPACES = [\n  {\n    id: 'catalog',\n    label: 'Catalog',\n    description: 'Define what you sell and where you keep it. Master data — configured once, used everywhere.',\n    icon: LayersRoundedIcon,\n    accent: '#8b5cf6',     // violet\n    accentDark: '#6d28d9',\n    accentSoft: '#ede9fe',\n    items: [\n      { id: 'categories', label: 'Categories',    path: '/ui/medplat/manage/pm/categories',    icon: CategoryRoundedIcon,   permissionId: 'view.manage.productManagement.category' },\n      { id: 'brands',     label: 'Brands',        path: '/ui/medplat/manage/pm/brands',        icon: SellRoundedIcon,       permissionId: 'view.manage.productManagement.brand' },\n      { id: 'products',   label: 'Products',      path: '/ui/medplat/manage/pm/products',      icon: Inventory2RoundedIcon, permissionId: 'view.manage.productManagement.product' },\n      { id: 'storage',    label: 'Storage Units', path: '/ui/medplat/manage/pm/storage-units', icon: WarehouseRoundedIcon,  permissionId: 'view.manage.productManagement.storageUnit' },\n    ],\n  },\n  {\n    id: 'operations',\n    label: 'Operations',\n    description: 'Run the day — receive stock, sell to customers, administer vaccines, collect payments.',\n    icon: LocalShippingRoundedIcon,\n    accent: '#10b981',     // emerald\n    accentDark: '#047857',\n    accentSoft: '#d1fae5',\n    items: [\n      // Purchase tabs are mutually exclusive based on the deployment-level\n      // requirePurchaseConfirmation setting:\n      //   confirmation ON  → \"Purchase Requests\" page with My Requests +\n      //                      Pending tabs (per-tab perm-gated). An approver\n      //                      with only the approve perm sees just Pending.\n      //   confirmation OFF → \"Purchases\" page with the direct-purchase list.\n      // Both surface under either view.purchase or approve.purchase — the\n      // approver-only role still gets the nav entry to reach their queue.\n      { id: 'purchase-requests', label: 'Purchase Requests', path: '/ui/medplat/manage/pm/purchase-requests', icon: FactCheckRoundedIcon,\n        anyOfPermissionIds: ['view.manage.productManagement.purchase', 'approve.manage.productManagement.purchase'],\n        purchaseApprovalGroup: true },\n      { id: 'purchases', label: 'Purchases', path: '/ui/medplat/manage/pm/purchases', icon: ShoppingCartRoundedIcon,\n        permissionId: 'view.manage.productManagement.purchase', hiddenWhenConfirmationOn: true },\n      { id: 'inventory', label: 'Inventory',      path: '/ui/medplat/manage/pm/inventory', icon: WidgetsRoundedIcon,      permissionId: 'view.manage.productManagement.inventory' },\n      // Pickups — user checks out facility stock onto personal inventory and\n      // hands it back later. Wastage gets recorded at return if there's a gap.\n      { id: 'pickups', label: 'Pickups', path: '/ui/medplat/manage/pm/pickups', icon: MoveDownRoundedIcon, permissionId: 'view.manage.productManagement.pickup' },\n      // Transfers — two-step facility ↔ facility movement (sender ships,\n      // receiver confirms). Permission-gated so deployments that don't use\n      // transfers can leave the menu out by withholding the perm.\n      { id: 'transfers', label: 'Transfers', path: '/ui/medplat/manage/pm/transfers', icon: SwapHorizRoundedIcon, permissionId: 'view.manage.productManagement.transfer' },\n      // Sales + Payments items also AND with settings.manageSales; PmNav and\n      // DashboardPage hide them when the deployment isn't running sales.\n      { id: 'sales',     label: 'Sales',          path: '/ui/medplat/manage/pm/sales',     icon: PointOfSaleRoundedIcon,  permissionId: 'view.manage.productManagement.sale',       salesGroup: true },\n      { id: 'vials',     label: 'Vial',           path: '/ui/medplat/manage/pm/vials',     icon: VaccinesRoundedIcon,     permissionId: 'view.manage.productManagement.vial' },\n      { id: 'payments',  label: 'Payments',       path: '/ui/medplat/manage/pm/payments',  icon: PaymentsRoundedIcon,     permissionId: 'view.manage.productManagement.payment', salesGroup: true },\n    ],\n  },\n  {\n    id: 'ledger',\n    label: 'Ledger',\n    description: 'Every stock and money movement, append-only, with full lot / volume / monetary detail.',\n    icon: ReceiptLongRoundedIcon,\n    accent: '#f59e0b',     // amber\n    accentDark: '#b45309',\n    accentSoft: '#fef3c7',\n    items: [\n      { id: 'transactions', label: 'Transactions', path: '/ui/medplat/manage/pm/transactions', icon: ReceiptLongRoundedIcon, permissionId: 'view.manage.productManagement.ledger' },\n    ],\n  },\n];\n\n/**\n * Filter the workspace tree against (a) the current operator's PM permission\n * set and (b) the manageSales settings toggle. An item is visible iff its\n * permissionId is granted AND (manageSales is on OR it isn't in the sales\n * group). A workspace tab survives iff at least one of its items survives.\n *\n * Both PmNav and DashboardPage consume this so the two stay in lock-step.\n */\nexport function getVisibleWorkspaces(perms, settings) {\n  const manageSales = settings?.manageSales !== false;\n  const requirePurchaseConfirmation = settings?.requirePurchaseConfirmation === true;\n  return WORKSPACES\n    .map((ws) => ({\n      ...ws,\n      items: ws.items.filter((it) => {\n        // Items can declare either a single `permissionId` or\n        // `anyOfPermissionIds` for the \"user needs any of these perms\" case\n        // (used by the Purchase Requests entry — visible to both viewers\n        // and approvers).\n        const hasPerm = it.anyOfPermissionIds\n          ? !!perms?.hasAny?.(it.anyOfPermissionIds)\n          : !!perms?.has?.(it.permissionId);\n        return hasPerm\n          && (manageSales || !it.salesGroup)\n          && (requirePurchaseConfirmation || !it.purchaseApprovalGroup)\n          && (!requirePurchaseConfirmation || !it.hiddenWhenConfirmationOn);\n      }),\n    }))\n    .filter((ws) => ws.items.length > 0);\n}\n\n// Locate the workspace that owns a given pathname. The Dashboard route is\n// intentionally not in any workspace; we surface it via a dedicated pill.\nexport function findWorkspaceForPath(pathname) {\n  if (!pathname) return null;\n  for (const ws of WORKSPACES) {\n    if (ws.items.some((it) => pathname.startsWith(it.path))) return ws;\n  }\n  return null;\n}\n\nexport function findItemForPath(pathname) {\n  if (!pathname) return null;\n  for (const ws of WORKSPACES) {\n    const hit = ws.items.find((it) => pathname.startsWith(it.path));\n    if (hit) return { workspace: ws, item: hit };\n  }\n  return null;\n}\n","import PropTypes from 'prop-types';\nimport { useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport { Box, Chip, Fade, Stack, Typography } from '@mui/material';\nimport { DASHBOARD, SETTINGS, findItemForPath } from '@pm/utils/workspaces';\nimport { loadPmSettings } from '@pm/utils/settingsStore';\n\n// Page shell shared by every PM screen. Reads the active workspace from the\n// route and tints the header to match — peripheral cue for \"what section of\n// the tool am I in\". Body content fades in to soften route changes.\nexport default function PmPageShell({ title, subtitle, chips = [], actions, children }) {\n  const theme = useTheme();\n  const { pathname } = useLocation();\n\n  // Kick off the settings preload from the shared shell, so every PM page has\n  // the currency cached by the time PmMoney renders. usePmSettings inside the\n  // money cell will also trigger this; calling here just shaves one render.\n  useEffect(() => { void loadPmSettings().catch(() => {}); }, []);\n\n  const onDashboard = pathname.startsWith(DASHBOARD.path);\n  const onSettings = pathname.startsWith(SETTINGS.path);\n  const hit = findItemForPath(pathname);\n  const workspace = hit?.workspace;\n\n  const accent = onDashboard\n    ? DASHBOARD.accent\n    : onSettings\n      ? SETTINGS.accent\n      : (workspace?.accent ?? theme.palette.primary.main);\n  const accentDark = onDashboard\n    ? DASHBOARD.accentDark\n    : onSettings\n      ? SETTINGS.accentDark\n      : (workspace?.accentDark ?? theme.palette.primary.dark);\n\n  return (\n    <Box sx={{ position: 'relative', px: { xs: 1, md: 2 }, py: { xs: 1, md: 2 } }}>\n      {/* Soft accent glow tied to the active workspace. */}\n      <Box sx={{ position: 'absolute', inset: 0, pointerEvents: 'none', overflow: 'hidden' }}>\n        <Box\n          sx={{\n            position: 'absolute',\n            top: -60,\n            right: -40,\n            width: 260,\n            height: 260,\n            borderRadius: '50%',\n            background: `radial-gradient(circle, ${alpha(accent, 0.18)} 0%, transparent 70%)`,\n            filter: 'blur(2px)',\n          }}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            top: 40,\n            left: -50,\n            width: 200,\n            height: 200,\n            borderRadius: '50%',\n            background: `radial-gradient(circle, ${alpha(theme.palette.info.main, 0.08)} 0%, transparent 72%)`,\n            filter: 'blur(2px)',\n          }}\n        />\n      </Box>\n\n      {/* Header card — workspace badge + title + actions. */}\n      <Box\n        sx={{\n          position: 'relative',\n          zIndex: 1,\n          mb: 2,\n          p: { xs: 2, md: 2.5 },\n          borderRadius: 1.5,\n          border: `1px solid ${alpha(accent, 0.18)}`,\n          background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(accent, 0.07)} 100%)`,\n          boxShadow: `0 18px 44px ${alpha(theme.palette.common.black, 0.06)}`,\n          overflow: 'hidden',\n          // Thin colored bar at the left edge — instantly tells you which workspace.\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            bottom: 0,\n            width: 4,\n            background: `linear-gradient(180deg, ${accent} 0%, ${accentDark} 100%)`,\n          },\n        }}\n      >\n        <Stack\n          direction={{ xs: 'column', md: 'row' }}\n          justifyContent=\"space-between\"\n          alignItems={{ xs: 'flex-start', md: 'center' }}\n          spacing={1.5}\n        >\n          <Box sx={{ minWidth: 0 }}>\n            {workspace || onDashboard || onSettings ? (\n              <Stack direction=\"row\" alignItems=\"center\" spacing={0.75} sx={{ mb: 0.75 }}>\n                {(() => {\n                  const Icon = onDashboard\n                    ? DASHBOARD.icon\n                    : onSettings\n                      ? SETTINGS.icon\n                      : workspace.icon;\n                  return Icon ? (\n                    <Icon sx={{ fontSize: 16, color: accentDark }} />\n                  ) : null;\n                })()}\n                <Typography\n                  variant=\"overline\"\n                  sx={{\n                    color: accentDark,\n                    fontWeight: 800,\n                    letterSpacing: 1.1,\n                    lineHeight: 1,\n                  }}\n                >\n                  {onDashboard ? 'Overview' : onSettings ? 'Configuration' : workspace.label}\n                </Typography>\n                {hit?.item ? (\n                  <>\n                    <Box sx={{ width: 4, height: 4, borderRadius: '50%', bgcolor: alpha(accent, 0.4), mx: 0.5 }} />\n                    <Typography variant=\"overline\" sx={{ color: theme.palette.text.secondary, fontWeight: 700, letterSpacing: 0.8 }}>\n                      {hit.item.label}\n                    </Typography>\n                  </>\n                ) : null}\n              </Stack>\n            ) : null}\n\n            <Typography variant=\"h5\" sx={{ fontWeight: 800, color: theme.palette.text.primary, lineHeight: 1.2 }}>\n              {title}\n            </Typography>\n            {subtitle ? (\n              <Typography variant=\"body2\" sx={{ mt: 0.75, maxWidth: 900, color: theme.palette.text.secondary }}>\n                {subtitle}\n              </Typography>\n            ) : null}\n            {chips?.length ? (\n              <Stack direction=\"row\" spacing={1} useFlexGap flexWrap=\"wrap\" sx={{ mt: 1.5 }}>\n                {chips.map((chip) => (\n                  <Chip\n                    key={chip}\n                    label={chip}\n                    size=\"small\"\n                    sx={{\n                      borderRadius: 2,\n                      backgroundColor: alpha(accent, 0.1),\n                      color: accentDark,\n                      fontWeight: 700,\n                      border: `1px solid ${alpha(accent, 0.2)}`,\n                    }}\n                  />\n                ))}\n              </Stack>\n            ) : null}\n          </Box>\n          {actions ? <Box>{actions}</Box> : null}\n        </Stack>\n      </Box>\n\n      {/* Body — fade in to soften route transitions. Keyed on pathname so each\n          navigation triggers a fresh animation rather than reusing prior fade. */}\n      <Fade in key={pathname} timeout={360}>\n        <Box\n          sx={{\n            position: 'relative',\n            zIndex: 1,\n            // Form field labels and helper/hint text default to a small, light\n            // grey that's hard to read — bump the size and darken the colour\n            // consistently across every PM form.\n            '& .MuiInputLabel-root': {\n              fontSize: '0.95rem',\n              color: theme.palette.text.primary,\n            },\n            '& .MuiInputLabel-root.Mui-focused': {\n              color: theme.palette.primary.main,\n            },\n            '& .MuiFormHelperText-root': {\n              fontSize: '0.78rem',\n              color: alpha(theme.palette.text.primary, 0.7),\n            },\n          }}\n        >\n          {children}\n        </Box>\n      </Fade>\n    </Box>\n  );\n}\n\nPmPageShell.propTypes = {\n  title: PropTypes.node,\n  subtitle: PropTypes.node,\n  chips: PropTypes.arrayOf(PropTypes.string),\n  actions: PropTypes.node,\n  children: PropTypes.node,\n};\n","import { useEffect, useMemo } from 'react';\nimport { useSelector } from 'react-redux';\n\n// PM module's navigation_state in menu_config. The backend attaches a\n// featureJson onto this node whose keys are the permission_ids the current\n// user has been granted under the module — exactly the same featureJson\n// MedplatForm reads off any other menu node. Nothing about which\n// permissions exist is baked into the frontend; the source of truth is\n// whatever the backend serialised onto this node.\nconst PM_MENU_KEY = 'techo.manage.pm';\n\n/**\n * Hook returning the PM permission set for the current user.\n *\n * Reads `linearMenuItems['techo.manage.pm'].featureJson` from the\n * Authenticate slice — Protected.jsx populates that at login via\n * /api/login/menuV2. The featureJson is a JSON-string-or-object whose keys\n * are permission_ids and whose values are true/false.\n *\n * Returns:\n *   has(permId)   — true iff the user has been granted that permission_id\n *   hasAny(ids[]) — true iff any id in the list is granted\n *\n * **Default-deny**: when the PM menu node is missing or its featureJson is\n * empty, both helpers return false. There's no dev escape hatch — devs go\n * through the same grant flow as everyone else.\n *\n * **What's actually in featureJson**: only the top-level api_permission\n * rows for menu_id 543 (those with `parent_permission_id = NULL`). The\n * `.child.get.X` / `.child.post.X` rows govern API-URL access via the\n * backend's GlobalMenuPermissionFilter but they do NOT surface to the\n * frontend. So every UI check in PM uses the parent perm\n * (`view.manage.productManagement.<page>`). The backend still 403s any\n * write the user lacks the `.child.post.X` row for — that's the actual\n * write gate. To gate buttons in the UI separately from page-visibility\n * later, mint flat write perms (e.g. `write.manage.productManagement.X`\n * with `parent_permission_id = NULL`).\n */\n/**\n * `useEffect` that only runs when the current user has the permission.\n *\n * <p>PM pages historically declared their load `useEffect` in the outer\n * component above {@code <PmGuard>}. That meant the fetch fired on mount\n * regardless of the user's perm — the guard only hid the UI after the\n * network call already went out. Wrapping the effect with this hook makes\n * the fetch wait for (or skip entirely without) the perm, matching what\n * `PmGuard` does for the rendered tree.\n *\n * @param {string|string[]} perm          Permission id required to fire the effect. Array means any-of.\n * @param {() => (void|(()=>void))} fn    The effect body — receives no args, may return a cleanup.\n * @param {ReadonlyArray<*>} [deps]       Extra deps; the perm gate is added implicitly.\n */\nexport function usePermissionedEffect(perm, fn, deps) {\n  const perms = usePmPermissions();\n  const allowed = Array.isArray(perm)\n    ? perms.hasAny(perm)\n    : (!!perm && perms.has(perm));\n  // We list `allowed` first so a perm flip re-fires the effect (e.g. a user\n  // who gains the perm mid-session lands on the page fully loaded). Caller\n  // deps come after — same semantics they'd get from a plain useEffect.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    if (!allowed) return undefined;\n    return fn();\n  }, [allowed, ...(deps ?? [])]);\n}\n\nexport function usePmPermissions() {\n  const linearMenuItems = useSelector((state) => state.Authenticate?.linearMenuItems);\n  return useMemo(() => {\n    const node = linearMenuItems?.[PM_MENU_KEY];\n    let grants = node?.featureJson;\n    if (typeof grants === 'string') {\n      try { grants = JSON.parse(grants); } catch { grants = {}; }\n    }\n    const grantSet = grants && typeof grants === 'object' ? grants : {};\n    const has = (permId) => !!permId && grantSet[permId] === true;\n    const hasAny = (perms) => Array.isArray(perms) && perms.some(has);\n    return { has, hasAny };\n  }, [linearMenuItems]);\n}\n","import { useMemo } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Box, Stack, Tab, Tabs, Typography } from '@mui/material';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport { DASHBOARD, SETTINGS, findWorkspaceForPath, getVisibleWorkspaces } from '@pm/utils/workspaces';\nimport { usePmSettings } from '@pm/utils/settingsStore';\nimport { usePmPermissions } from '@pm/utils/permissions';\n\n// Two-row navigation:\n//   Row 1 — workspace pills: Dashboard · Catalog · Operations · Ledger\n//   Row 2 — when inside a workspace, the items in that workspace as tabs,\n//           accented with the workspace's hue.\n//\n// The active workspace's accent flows into both rows so the user always\n// has a peripheral cue for \"where am I in the tool\".\n//\n// Visibility is filtered by getVisibleWorkspaces() — items that the user\n// lacks permission for OR that the deployment has turned off (e.g. Sales +\n// Payments when manageSales=false) are dropped, and a workspace tab whose\n// items all got dropped disappears too.\nexport default function PmNav() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const theme = useTheme();\n  const settings = usePmSettings();\n  const perms = usePmPermissions();\n\n  const visibleWorkspaces = useMemo(\n    () => getVisibleWorkspaces(perms, settings),\n    [perms, settings],\n  );\n\n  const showDashboardPill = perms.has(DASHBOARD.permissionId);\n  const showSettingsPill = perms.has(SETTINGS.permissionId);\n\n  const onDashboard = location.pathname.startsWith(DASHBOARD.path);\n  const onSettings = location.pathname.startsWith(SETTINGS.path);\n  const activeWorkspace = findWorkspaceForPath(location.pathname);\n  // visibleWorkspaces is already filtered; if the user landed on a workspace\n  // whose items they no longer have access to (e.g. deep link), it won't be\n  // here and the row-2 tab strip stays collapsed.\n  const visibleActiveWorkspace = activeWorkspace\n    ? visibleWorkspaces.find((ws) => ws.id === activeWorkspace.id) ?? null\n    : null;\n  const accent = onDashboard\n    ? DASHBOARD.accent\n    : onSettings\n      ? SETTINGS.accent\n      : (activeWorkspace?.accent ?? theme.palette.primary.main);\n\n  const activeItemIndex = visibleActiveWorkspace\n    ? visibleActiveWorkspace.items.findIndex((it) => location.pathname.startsWith(it.path))\n    : -1;\n\n  function pillSx(active, hue) {\n    return {\n      px: 2,\n      py: 0.9,\n      borderRadius: 999,\n      cursor: 'pointer',\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: 1,\n      fontWeight: 700,\n      fontSize: '0.875rem',\n      letterSpacing: 0.2,\n      transition: 'all 220ms cubic-bezier(0.4, 0, 0.2, 1)',\n      color: active ? '#fff' : theme.palette.text.secondary,\n      backgroundColor: active ? hue : 'transparent',\n      boxShadow: active ? `0 8px 22px ${alpha(hue, 0.32)}` : 'none',\n      '&:hover': {\n        color: active ? '#fff' : hue,\n        backgroundColor: active ? hue : alpha(hue, 0.08),\n        transform: active ? 'none' : 'translateY(-1px)',\n      },\n    };\n  }\n\n  function renderPill({ id, label, icon: Icon, active, onClick, hue }) {\n    return (\n      <Box key={id} role=\"button\" onClick={onClick} sx={pillSx(active, hue)}>\n        {Icon ? <Icon sx={{ fontSize: 18 }} /> : null}\n        {label}\n      </Box>\n    );\n  }\n\n  return (\n    <Box sx={{ mb: 2 }}>\n      {/* Row 1 — workspace pills */}\n      <Box\n        sx={{\n          position: 'relative',\n          borderRadius: 1.5,\n          p: 1,\n          background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.96)} 0%, ${alpha(accent, 0.06)} 100%)`,\n          border: `1px solid ${alpha(theme.palette.divider, 0.7)}`,\n          boxShadow: `0 10px 28px ${alpha(theme.palette.common.black, 0.04)}`,\n        }}\n      >\n        <Stack direction=\"row\" alignItems=\"center\" spacing={0.75} flexWrap=\"wrap\" useFlexGap>\n          {showDashboardPill ? renderPill({\n            id: DASHBOARD.id,\n            label: DASHBOARD.label,\n            icon: DASHBOARD.icon,\n            active: onDashboard,\n            hue: DASHBOARD.accent,\n            onClick: () => navigate(DASHBOARD.path),\n          }) : null}\n\n          {showDashboardPill && visibleWorkspaces.length > 0 ? (\n            <Box sx={{ width: 1, height: 22, mx: 0.5, bgcolor: 'divider', opacity: 0.7 }} />\n          ) : null}\n\n          {visibleWorkspaces.map((ws) => renderPill({\n            id: ws.id,\n            label: ws.label,\n            icon: ws.icon,\n            active: activeWorkspace?.id === ws.id,\n            hue: ws.accent,\n            // Tapping a workspace jumps to its first item — a deterministic\n            // landing, no submenu to fight with.\n            onClick: () => ws.items[0] && navigate(ws.items[0].path),\n          }))}\n\n          {/* Settings sits to the right, separated from the workspaces — it's\n              configuration, not a workspace, and shouldn't compete visually. */}\n          <Box sx={{ flexGrow: 1 }} />\n          {showSettingsPill ? renderPill({\n            id: SETTINGS.id,\n            label: SETTINGS.label,\n            icon: SETTINGS.icon,\n            active: onSettings,\n            hue: SETTINGS.accent,\n            onClick: () => navigate(SETTINGS.path),\n          }) : null}\n        </Stack>\n      </Box>\n\n      {/* Row 2 — items within the active workspace */}\n      {visibleActiveWorkspace && visibleActiveWorkspace.items.length > 0 ? (\n        <Box\n          sx={{\n            mt: 1,\n            borderRadius: 1.5,\n            px: 1,\n            bgcolor: alpha(visibleActiveWorkspace.accent, 0.04),\n            border: `1px solid ${alpha(visibleActiveWorkspace.accent, 0.12)}`,\n          }}\n        >\n          <Tabs\n            value={activeItemIndex === -1 ? false : activeItemIndex}\n            onChange={(_, idx) => navigate(visibleActiveWorkspace.items[idx].path)}\n            variant=\"scrollable\"\n            scrollButtons=\"auto\"\n            slotProps={{\n              indicator: { sx: { backgroundColor: visibleActiveWorkspace.accent, height: 3, borderRadius: 2 } },\n            }}\n            sx={{\n              minHeight: 44,\n              '& .MuiTab-root': {\n                minHeight: 44,\n                fontWeight: 700,\n                textTransform: 'none',\n                fontSize: '0.85rem',\n                color: theme.palette.text.secondary,\n                transition: 'color 180ms ease',\n                '&:hover': { color: visibleActiveWorkspace.accentDark },\n                '&.Mui-selected': { color: visibleActiveWorkspace.accentDark },\n              },\n            }}\n          >\n            {visibleActiveWorkspace.items.map((it) => {\n              const Icon = it.icon;\n              return (\n                <Tab\n                  key={it.id}\n                  iconPosition=\"start\"\n                  icon={Icon ? <Icon sx={{ fontSize: 18 }} /> : undefined}\n                  label={<Typography component=\"span\" sx={{ fontWeight: 700 }}>{it.label}</Typography>}\n                />\n              );\n            })}\n          </Tabs>\n        </Box>\n      ) : null}\n    </Box>\n  );\n}\n","import { useNavigate } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { Alert, Box, Button, LinearProgress, Stack, Typography } from '@mui/material';\nimport LockOutlinedIcon from '@mui/icons-material/LockOutlined';\nimport { usePmPermissions } from '@pm/utils/permissions';\n\n/**\n * Page-level guard. Wrap a PM page in `<PmGuard perm=\"...\">…</PmGuard>` and\n * the children only render when the current user has the perm; otherwise\n * the page shows a friendly \"no access\" panel with a back-to-dashboard\n * button.\n *\n * Default-deny: when the featureJson is missing the guard blocks. While the\n * menu tree hasn't loaded yet (first paint right after login) we show a\n * thin loader so the \"no access\" alert doesn't flash.\n */\nexport default function PmGuard({ perm, anyOf, children, title = 'You don’t have access to this page' }) {\n  const perms = usePmPermissions();\n  const navigate = useNavigate();\n  const linearMenuItems = useSelector((state) => state.Authenticate?.linearMenuItems);\n  const menuReady = linearMenuItems !== null && linearMenuItems !== undefined;\n  if (!menuReady) {\n    return (\n      <Box sx={{ p: 3 }}>\n        <LinearProgress />\n      </Box>\n    );\n  }\n  const allowed = anyOf ? perms.hasAny(anyOf) : perms.has(perm);\n  if (allowed) return children;\n  return (\n    <Box sx={{ p: 3 }}>\n      <Alert\n        severity=\"warning\"\n        icon={<LockOutlinedIcon />}\n        sx={{ borderRadius: 1.5, alignItems: 'flex-start' }}\n      >\n        <Stack spacing={1.25}>\n          <Typography sx={{ fontWeight: 800 }}>{title}</Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Your account doesn’t have the required permission to view this\n            section of Product Management. Ask an admin to grant it via the\n            role / user permission assignment.\n          </Typography>\n          <Box>\n            <Button\n              size=\"small\"\n              variant=\"contained\"\n              onClick={() => navigate('/ui/medplat/manage/pm')}\n            >\n              Back to Dashboard\n            </Button>\n          </Box>\n        </Stack>\n      </Alert>\n    </Box>\n  );\n}\n"],"mappings":"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"}