npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.626.1 → 2026.703.2 - Mend

@burdenoff/microfe-assethandler 2026.626.1 → 2026.703.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/dist/assethandler/pages/AssetsAssetCreatePage.js CHANGED Viewed

@@ -1,330 +1,288 @@
-import { useState as e } from "react";
-import { ArrowLeft as t, Save as n, X as r } from "lucide-react";
-import { useNavigate as i } from "react-router-dom";
-import { Button as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, EmphasisPanel as d, GradientText as f, Input as p, Label as m, PagePurpose as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Textarea as x } from "@burdenoff/fe-libs/ui";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { notify as e } from "../utils/toast.js";
+import { useState as t } from "react";
+import { ArrowLeft as n, Loader2 as r, Save as i, X as a } from "lucide-react";
+import { useNavigate as o } from "react-router-dom";
+import { Button as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, EmphasisPanel as p, GradientText as m, Input as h, Label as g, PagePurpose as _, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { gql as E } from "@apollo/client";
+import { useMutation as D } from "@apollo/client/react";
 //#region src/assethandler/pages/AssetsAssetCreatePage.tsx
-function w() {
-	let w = i(), [T, E] = e({
+var O = E`
+  mutation AssetHandlerCreateAsset($input: CreateAssetInput!) {
+    createAsset(input: $input) {
+      id
+      assetNumber
+      name
+    }
+  }
+`, k = [
+	"electronics",
+	"it_hardware",
+	"furniture",
+	"vehicles",
+	"equipment",
+	"software",
+	"networking",
+	"servers"
+];
+function A() {
+	let E = o(), [A, j] = t({
 		name: "",
 		description: "",
 		category: "it_hardware",
-		status: "active",
-		condition: "good",
+		status: "ACTIVE",
+		condition: "GOOD",
 		serialNumber: "",
-		assetTag: "",
-		value: "",
-		location: "",
-		department: "",
+		assetNumber: "",
+		locationName: "",
 		assignedTo: "",
-		vendor: "",
-		model: "",
-		manufacturer: "",
-		depreciationRate: "20",
-		purchaseDate: "",
-		warrantyExpiry: "",
 		tags: ""
-	}), D = (e, t) => {
-		E((n) => ({
+	}), [M, N] = t({}), [P, { loading: F }] = D(O, {
+		refetchQueries: ["AssetHandlerBootstrap"],
+		onCompleted: (t) => {
+			e.success("Asset created", `${t.createAsset.name} was registered in the inventory.`), E(`/assets/${t.createAsset.id}`);
+		},
+		onError: (t) => {
+			e.error("Could not create asset", t.message);
+		}
+	}), I = (e, t) => {
+		j((n) => ({
 			...n,
 			[e]: t
-		}));
+		})), N((t) => {
+			if (!t[e]) return t;
+			let n = { ...t };
+			return delete n[e], n;
+		});
+	}, L = () => {
+		let t = {};
+		if (A.name.trim() || (t.name = "Asset name is required"), A.assetNumber.trim() || (t.assetNumber = "Asset tag is required"), A.category.trim() || (t.category = "Category is required"), N(t), Object.keys(t).length > 0) {
+			e.warning("Missing required fields", "Fill in the highlighted fields and try again.");
+			return;
+		}
+		let n = A.tags.split(",").map((e) => e.trim()).filter(Boolean);
+		P({ variables: { input: {
+			name: A.name.trim(),
+			assetNumber: A.assetNumber.trim(),
+			category: A.category,
+			status: A.status,
+			condition: A.condition,
+			description: A.description.trim() || null,
+			serialNumber: A.serialNumber.trim() || null,
+			locationName: A.locationName.trim() || null,
+			assignedTo: A.assignedTo.trim() || null,
+			tags: n
+		} } });
 	};
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ S(a, {
+					children: [/* @__PURE__ */ w(s, {
 						variant: "ghost",
 						size: "icon",
-						onClick: () => w("/assets/asset-list"),
-						children: /* @__PURE__ */ S(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
+						onClick: () => E("/assets/asset-list"),
+						children: /* @__PURE__ */ w(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h1", {
 						className: "text-2xl font-bold",
-						children: /* @__PURE__ */ S(f, { children: "Create New Asset" })
-					}), /* @__PURE__ */ S("p", {
+						children: /* @__PURE__ */ w(m, { children: "Create New Asset" })
+					}), /* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
 						children: "Register a new asset in the inventory"
 					})] })]
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ C(a, {
+					children: [/* @__PURE__ */ T(s, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => w("/assets/asset-list"),
-						children: [/* @__PURE__ */ S(r, { className: "mr-2 h-4 w-4" }), "Cancel"]
-					}), /* @__PURE__ */ C(a, {
+						onClick: () => E("/assets/asset-list"),
+						children: [/* @__PURE__ */ w(a, { className: "mr-2 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ T(s, {
 						size: "sm",
-						children: [/* @__PURE__ */ S(n, { className: "mr-2 h-4 w-4" }), "Create Asset"]
+						onClick: L,
+						disabled: F,
+						children: [F ? /* @__PURE__ */ w(r, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(i, { className: "mr-2 h-4 w-4" }), F ? "Creating..." : "Create Asset"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S(h, { children: "Register a new asset so it can be tracked, valued, maintained and assigned from day one. Capture its identity (name, tag, serial), category and condition, then the financial and location details — the more you fill in now, the better your reports and audits later." }),
-			/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ C(l, {
+			/* @__PURE__ */ w(_, { children: "Register a new asset so it can be tracked, maintained and assigned from day one. Capture its identity (name, tag, serial), category and condition, then the location and assignment details — the more you fill in now, the better your reports and audits later." }),
+			/* @__PURE__ */ T(p, { children: [/* @__PURE__ */ T(d, {
 				className: "px-0 pt-0",
-				children: [/* @__PURE__ */ S(u, { children: "General Information" }), /* @__PURE__ */ S(c, { children: "Basic asset details and identification" })]
-			}), /* @__PURE__ */ C(s, {
+				children: [/* @__PURE__ */ w(f, { children: "General Information" }), /* @__PURE__ */ w(u, { children: "Basic asset details and identification" })]
+			}), /* @__PURE__ */ T(l, {
 				className: "space-y-4 px-0 pb-0",
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Asset Name *" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., Dell OptiPlex 7090",
-								value: T.name,
-								onChange: (e) => D("name", e.target.value)
-							})]
-						}), /* @__PURE__ */ C("div", {
+							children: [
+								/* @__PURE__ */ w(g, { children: "Asset Name *" }),
+								/* @__PURE__ */ w(h, {
+									placeholder: "e.g., Dell OptiPlex 7090",
+									value: A.name,
+									onChange: (e) => I("name", e.target.value),
+									"aria-invalid": !!M.name
+								}),
+								M.name ? /* @__PURE__ */ w("p", {
+									className: "text-xs text-status-error-text",
+									children: M.name
+								}) : null
+							]
+						}), /* @__PURE__ */ T("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Asset Tag *" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., IT-HW-001",
-								value: T.assetTag,
-								onChange: (e) => D("assetTag", e.target.value)
-							})]
+							children: [
+								/* @__PURE__ */ w(g, { children: "Asset Tag *" }),
+								/* @__PURE__ */ w(h, {
+									placeholder: "e.g., IT-HW-001",
+									value: A.assetNumber,
+									onChange: (e) => I("assetNumber", e.target.value),
+									"aria-invalid": !!M.assetNumber
+								}),
+								M.assetNumber ? /* @__PURE__ */ w("p", {
+									className: "text-xs text-status-error-text",
+									children: M.assetNumber
+								}) : null
+							]
 						})]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ S(m, { children: "Description" }), /* @__PURE__ */ S(x, {
+						children: [/* @__PURE__ */ w(g, { children: "Description" }), /* @__PURE__ */ w(C, {
 							placeholder: "Brief description of the asset...",
-							value: T.description,
-							onChange: (e) => D("description", e.target.value),
+							value: A.description,
+							onChange: (e) => I("description", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "grid gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(m, { children: "Category *" }), /* @__PURE__ */ C(g, {
-									value: T.category,
-									onValueChange: (e) => D("category", e),
-									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
-										/* @__PURE__ */ S(v, {
-											value: "electronics",
-											children: "Electronics"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "it_hardware",
-											children: "IT Hardware"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "furniture",
-											children: "Furniture"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "vehicles",
-											children: "Vehicles"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "equipment",
-											children: "Equipment"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "software",
-											children: "Software"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "networking",
-											children: "Networking"
-										}),
-										/* @__PURE__ */ S(v, {
-											value: "servers",
-											children: "Servers"
-										})
-									] })]
+								children: [/* @__PURE__ */ w(g, { children: "Category *" }), /* @__PURE__ */ T(v, {
+									value: A.category,
+									onValueChange: (e) => I("category", e),
+									children: [/* @__PURE__ */ w(x, { children: /* @__PURE__ */ w(S, {}) }), /* @__PURE__ */ w(y, { children: k.map((e) => /* @__PURE__ */ w(b, {
+										value: e,
+										className: "capitalize",
+										children: e.replace(/_/g, " ")
+									}, e)) })]
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(m, { children: "Status" }), /* @__PURE__ */ C(g, {
-									value: T.status,
-									onValueChange: (e) => D("status", e),
-									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
-										/* @__PURE__ */ S(v, {
-											value: "active",
+								children: [/* @__PURE__ */ w(g, { children: "Status" }), /* @__PURE__ */ T(v, {
+									value: A.status,
+									onValueChange: (e) => I("status", e),
+									children: [/* @__PURE__ */ w(x, { children: /* @__PURE__ */ w(S, {}) }), /* @__PURE__ */ T(y, { children: [
+										/* @__PURE__ */ w(b, {
+											value: "ACTIVE",
 											children: "Active"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "inactive",
+										/* @__PURE__ */ w(b, {
+											value: "INACTIVE",
 											children: "Inactive"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "under_maintenance",
-											children: "Under Maintenance"
+										/* @__PURE__ */ w(b, {
+											value: "MAINTENANCE",
+											children: "Maintenance"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "reserved",
-											children: "Reserved"
+										/* @__PURE__ */ w(b, {
+											value: "RETIRED",
+											children: "Retired"
 										})
 									] })]
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(m, { children: "Condition" }), /* @__PURE__ */ C(g, {
-									value: T.condition,
-									onValueChange: (e) => D("condition", e),
-									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
-										/* @__PURE__ */ S(v, {
-											value: "excellent",
+								children: [/* @__PURE__ */ w(g, { children: "Condition" }), /* @__PURE__ */ T(v, {
+									value: A.condition,
+									onValueChange: (e) => I("condition", e),
+									children: [/* @__PURE__ */ w(x, { children: /* @__PURE__ */ w(S, {}) }), /* @__PURE__ */ T(y, { children: [
+										/* @__PURE__ */ w(b, {
+											value: "EXCELLENT",
 											children: "Excellent"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "good",
+										/* @__PURE__ */ w(b, {
+											value: "GOOD",
 											children: "Good"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "fair",
+										/* @__PURE__ */ w(b, {
+											value: "FAIR",
 											children: "Fair"
 										}),
-										/* @__PURE__ */ S(v, {
-											value: "poor",
+										/* @__PURE__ */ w(b, {
+											value: "POOR",
 											children: "Poor"
+										}),
+										/* @__PURE__ */ w(b, {
+											value: "DAMAGED",
+											children: "Damaged"
 										})
 									] })]
 								})]
 							})
 						]
+					}),
+					/* @__PURE__ */ T("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ w(g, { children: "Serial Number" }), /* @__PURE__ */ w(h, {
+							placeholder: "e.g., DELL-7090-X1A2B3",
+							value: A.serialNumber,
+							onChange: (e) => I("serialNumber", e.target.value)
+						})]
 					})
 				]
 			})] }),
-			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Identification & Manufacturer" }) }), /* @__PURE__ */ S(s, {
+			/* @__PURE__ */ T(c, { children: [/* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(f, { children: "Assignment & Location" }) }), /* @__PURE__ */ T(l, {
 				className: "space-y-4",
-				children: /* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "grid gap-4 md:grid-cols-2",
-					children: [
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Serial Number *" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., DELL-7090-X1A2B3",
-								value: T.serialNumber,
-								onChange: (e) => D("serialNumber", e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Vendor" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., Dell Technologies",
-								value: T.vendor,
-								onChange: (e) => D("vendor", e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Manufacturer" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., Dell",
-								value: T.manufacturer,
-								onChange: (e) => D("manufacturer", e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Model" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., OptiPlex 7090",
-								value: T.model,
-								onChange: (e) => D("model", e.target.value)
-							})]
-						})
-					]
-				})
-			})] }),
-			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Financial Details" }) }), /* @__PURE__ */ C(s, {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ C("div", {
-					className: "grid gap-4 md:grid-cols-3",
-					children: [
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Purchase Value ($) *" }), /* @__PURE__ */ S(p, {
-								type: "number",
-								placeholder: "0.00",
-								value: T.value,
-								onChange: (e) => D("value", e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Depreciation Rate (%)" }), /* @__PURE__ */ S(p, {
-								type: "number",
-								placeholder: "20",
-								value: T.depreciationRate,
-								onChange: (e) => D("depreciationRate", e.target.value)
-							})]
-						}),
-						/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Purchase Date *" }), /* @__PURE__ */ S(p, {
-								type: "date",
-								value: T.purchaseDate,
-								onChange: (e) => D("purchaseDate", e.target.value)
-							})]
-						})
-					]
-				}), /* @__PURE__ */ C("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ S(m, { children: "Warranty Expiry" }), /* @__PURE__ */ S(p, {
-						type: "date",
-						value: T.warrantyExpiry,
-						onChange: (e) => D("warrantyExpiry", e.target.value)
-					})]
-				})]
-			})] }),
-			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Assignment & Location" }) }), /* @__PURE__ */ C(s, {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ C("div", {
-						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Assigned To" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., john.smith@company.com",
-								value: T.assignedTo,
-								onChange: (e) => D("assignedTo", e.target.value)
-							})]
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ S(m, { children: "Department" }), /* @__PURE__ */ S(p, {
-								placeholder: "e.g., Information Technology",
-								value: T.department,
-								onChange: (e) => D("department", e.target.value)
-							})]
-						})]
-					}),
-					/* @__PURE__ */ C("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ S(m, { children: "Location" }), /* @__PURE__ */ S(p, {
-							placeholder: "e.g., Building A, Floor 3, Desk 15",
-							value: T.location,
-							onChange: (e) => D("location", e.target.value)
+						children: [/* @__PURE__ */ w(g, { children: "Assigned To" }), /* @__PURE__ */ w(h, {
+							placeholder: "e.g., john.smith@company.com",
+							value: A.assignedTo,
+							onChange: (e) => I("assignedTo", e.target.value)
 						})]
-					}),
-					/* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ T("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ S(m, { children: "Tags (comma-separated)" }), /* @__PURE__ */ S(p, {
-							placeholder: "e.g., desktop, engineering, high-performance",
-							value: T.tags,
-							onChange: (e) => D("tags", e.target.value)
+						children: [/* @__PURE__ */ w(g, { children: "Location" }), /* @__PURE__ */ w(h, {
+							placeholder: "e.g., Building A, Floor 3, Desk 15",
+							value: A.locationName,
+							onChange: (e) => I("locationName", e.target.value)
 						})]
-					})
-				]
+					})]
+				}), /* @__PURE__ */ T("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ w(g, { children: "Tags (comma-separated)" }), /* @__PURE__ */ w(h, {
+						placeholder: "e.g., desktop, engineering, high-performance",
+						value: A.tags,
+						onChange: (e) => I("tags", e.target.value)
+					})]
+				})]
 			})] }),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ T("div", {
 				className: "flex justify-end gap-2",
-				children: [/* @__PURE__ */ S(a, {
+				children: [/* @__PURE__ */ w(s, {
 					variant: "outline",
+					onClick: () => E("/assets/asset-list"),
 					children: "Cancel"
-				}), /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(n, { className: "mr-2 h-4 w-4" }), "Create Asset"] })]
+				}), /* @__PURE__ */ T(s, {
+					onClick: L,
+					disabled: F,
+					children: [F ? /* @__PURE__ */ w(r, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ w(i, { className: "mr-2 h-4 w-4" }), F ? "Creating..." : "Create Asset"]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { w as AssetsAssetCreatePage };
+export { A as AssetsAssetCreatePage };
 //# sourceMappingURL=AssetsAssetCreatePage.js.map

package/dist/assethandler/pages/AssetsAssetCreatePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetsAssetCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/AssetsAssetCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n Input,\n Label,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Textarea,\n GradientText,\n EmphasisPanel,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\n\nexport function AssetsAssetCreatePage() {\n const navigate = useNavigate();\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n category: 'it_hardware',\n status: 'active',\n condition: 'good',\n serialNumber: '',\n assetTag: '',\n value: '',\n location: '',\n department: '',\n assignedTo: '',\n vendor: '',\n model: '',\n manufacturer: '',\n depreciationRate: '20',\n purchaseDate: '',\n warrantyExpiry: '',\n tags: '',\n });\n\n const handleChange = (field: string, value: string) => {\n setFormData((prev) => ({ ...prev, [field]: value }));\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/assets/asset-list')}>\n <ArrowLeft className=\"h-4 w-4\" />\n </Button>\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Create New Asset</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Register a new asset in the inventory</p>\n </div>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/assets/asset-list')}>\n <X className=\"mr-2 h-4 w-4\" />\n Cancel\n </Button>\n <Button size=\"sm\">\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n\n <PagePurpose>\n Register a new asset so it can be tracked, valued, maintained and assigned from day one.\n Capture its identity (name, tag, serial), category and condition, then the financial and\n location details — the more you fill in now, the better your reports and audits later.\n </PagePurpose>\n\n <EmphasisPanel>\n <CardHeader className=\"px-0 pt-0\">\n <CardTitle>General Information</CardTitle>\n <CardDescription>Basic asset details and identification</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4 px-0 pb-0\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Asset Name </Label>\n <Input\n placeholder=\"e.g., Dell OptiPlex 7090\"\n value={formData.name}\n onChange={(e) => handleChange('name', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Asset Tag </Label>\n <Input\n placeholder=\"e.g., IT-HW-001\"\n value={formData.assetTag}\n onChange={(e) => handleChange('assetTag', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"Brief description of the asset...\"\n value={formData.description}\n onChange={(e) => handleChange('description', e.target.value)}\n rows={3}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Category </Label>\n <Select value={formData.category} onValueChange={(v) => handleChange('category', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"electronics\">Electronics</SelectItem>\n <SelectItem value=\"it_hardware\">IT Hardware</SelectItem>\n <SelectItem value=\"furniture\">Furniture</SelectItem>\n <SelectItem value=\"vehicles\">Vehicles</SelectItem>\n <SelectItem value=\"equipment\">Equipment</SelectItem>\n <SelectItem value=\"software\">Software</SelectItem>\n <SelectItem value=\"networking\">Networking</SelectItem>\n <SelectItem value=\"servers\">Servers</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Status</Label>\n <Select value={formData.status} onValueChange={(v) => handleChange('status', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"active\">Active</SelectItem>\n <SelectItem value=\"inactive\">Inactive</SelectItem>\n <SelectItem value=\"under_maintenance\">Under Maintenance</SelectItem>\n <SelectItem value=\"reserved\">Reserved</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Condition</Label>\n <Select\n value={formData.condition}\n onValueChange={(v) => handleChange('condition', v)}\n >\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"excellent\">Excellent</SelectItem>\n <SelectItem value=\"good\">Good</SelectItem>\n <SelectItem value=\"fair\">Fair</SelectItem>\n <SelectItem value=\"poor\">Poor</SelectItem>\n </SelectContent>\n </Select>\n </div>\n </div>\n </CardContent>\n </EmphasisPanel>\n\n <Card>\n <CardHeader>\n <CardTitle>Identification & Manufacturer</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Serial Number </Label>\n <Input\n placeholder=\"e.g., DELL-7090-X1A2B3\"\n value={formData.serialNumber}\n onChange={(e) => handleChange('serialNumber', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Vendor</Label>\n <Input\n placeholder=\"e.g., Dell Technologies\"\n value={formData.vendor}\n onChange={(e) => handleChange('vendor', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Manufacturer</Label>\n <Input\n placeholder=\"e.g., Dell\"\n value={formData.manufacturer}\n onChange={(e) => handleChange('manufacturer', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Model</Label>\n <Input\n placeholder=\"e.g., OptiPlex 7090\"\n value={formData.model}\n onChange={(e) => handleChange('model', e.target.value)}\n />\n </div>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Financial Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Purchase Value ($) </Label>\n <Input\n type=\"number\"\n placeholder=\"0.00\"\n value={formData.value}\n onChange={(e) => handleChange('value', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Depreciation Rate (%)</Label>\n <Input\n type=\"number\"\n placeholder=\"20\"\n value={formData.depreciationRate}\n onChange={(e) => handleChange('depreciationRate', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Purchase Date </Label>\n <Input\n type=\"date\"\n value={formData.purchaseDate}\n onChange={(e) => handleChange('purchaseDate', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Warranty Expiry</Label>\n <Input\n type=\"date\"\n value={formData.warrantyExpiry}\n onChange={(e) => handleChange('warrantyExpiry', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Assignment & Location</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Assigned To</Label>\n <Input\n placeholder=\"e.g., john.smith@company.com\"\n value={formData.assignedTo}\n onChange={(e) => handleChange('assignedTo', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Department</Label>\n <Input\n placeholder=\"e.g., Information Technology\"\n value={formData.department}\n onChange={(e) => handleChange('department', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Location</Label>\n <Input\n placeholder=\"e.g., Building A, Floor 3, Desk 15\"\n value={formData.location}\n onChange={(e) => handleChange('location', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Tags (comma-separated)</Label>\n <Input\n placeholder=\"e.g., desktop, engineering, high-performance\"\n value={formData.tags}\n onChange={(e) => handleChange('tags', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <div className=\"flex justify-end gap-2\">\n <Button variant=\"outline\">Cancel</Button>\n <Button>\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AssetsAssetCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/AssetsAssetCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n CardDescription,\n Input,\n Label,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Textarea,\n GradientText,\n EmphasisPanel,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Loader2, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { notify } from '../utils/toast';\n\nconst CREATE_ASSET_MUTATION = gql`\n mutation AssetHandlerCreateAsset($input: CreateAssetInput!) {\n createAsset(input: $input) {\n id\n assetNumber\n name\n }\n }\n`;\n\nconst CATEGORY_OPTIONS = [\n 'electronics',\n 'it_hardware',\n 'furniture',\n 'vehicles',\n 'equipment',\n 'software',\n 'networking',\n 'servers',\n];\n\nexport function AssetsAssetCreatePage() {\n const navigate = useNavigate();\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n category: 'it_hardware',\n status: 'ACTIVE',\n condition: 'GOOD',\n serialNumber: '',\n assetNumber: '',\n locationName: '',\n assignedTo: '',\n tags: '',\n });\n const [errors, setErrors] = useState<Record<string, string>>({});\n\n const [createAsset, { loading: creating }] = useMutation<{\n createAsset: { id: string; assetNumber: string; name: string };\n }>(CREATE_ASSET_MUTATION, {\n refetchQueries: ['AssetHandlerBootstrap'],\n onCompleted: (data) => {\n notify.success('Asset created', `${data.createAsset.name} was registered in the inventory.`);\n navigate(`/assets/${data.createAsset.id}`);\n },\n onError: (error) => {\n notify.error('Could not create asset', error.message);\n },\n });\n\n const handleChange = (field: string, value: string) => {\n setFormData((prev) => ({ ...prev, [field]: value }));\n setErrors((prev) => {\n if (!prev[field]) return prev;\n const next = { ...prev };\n delete next[field];\n return next;\n });\n };\n\n const handleSubmit = () => {\n const nextErrors: Record<string, string> = {};\n if (!formData.name.trim()) nextErrors.name = 'Asset name is required';\n if (!formData.assetNumber.trim()) nextErrors.assetNumber = 'Asset tag is required';\n if (!formData.category.trim()) nextErrors.category = 'Category is required';\n setErrors(nextErrors);\n if (Object.keys(nextErrors).length > 0) {\n notify.warning('Missing required fields', 'Fill in the highlighted fields and try again.');\n return;\n }\n\n const tags = formData.tags\n .split(',')\n .map((tag) => tag.trim())\n .filter(Boolean);\n\n void createAsset({\n variables: {\n input: {\n name: formData.name.trim(),\n assetNumber: formData.assetNumber.trim(),\n category: formData.category,\n status: formData.status,\n condition: formData.condition,\n description: formData.description.trim() \|\| null,\n serialNumber: formData.serialNumber.trim() \|\| null,\n locationName: formData.locationName.trim() \|\| null,\n assignedTo: formData.assignedTo.trim() \|\| null,\n tags,\n },\n },\n });\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/assets/asset-list')}>\n <ArrowLeft className=\"h-4 w-4\" />\n </Button>\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Create New Asset</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Register a new asset in the inventory</p>\n </div>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/assets/asset-list')}>\n <X className=\"mr-2 h-4 w-4\" />\n Cancel\n </Button>\n <Button size=\"sm\" onClick={handleSubmit} disabled={creating}>\n {creating ? (\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"mr-2 h-4 w-4\" />\n )}\n {creating ? 'Creating...' : 'Create Asset'}\n </Button>\n </div>\n </div>\n\n <PagePurpose>\n Register a new asset so it can be tracked, maintained and assigned from day one. Capture its\n identity (name, tag, serial), category and condition, then the location and assignment\n details — the more you fill in now, the better your reports and audits later.\n </PagePurpose>\n\n <EmphasisPanel>\n <CardHeader className=\"px-0 pt-0\">\n <CardTitle>General Information</CardTitle>\n <CardDescription>Basic asset details and identification</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4 px-0 pb-0\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Asset Name </Label>\n <Input\n placeholder=\"e.g., Dell OptiPlex 7090\"\n value={formData.name}\n onChange={(e) => handleChange('name', e.target.value)}\n aria-invalid={!!errors.name}\n />\n {errors.name ? <p className=\"text-xs text-status-error-text\">{errors.name}</p> : null}\n </div>\n <div className=\"space-y-2\">\n <Label>Asset Tag </Label>\n <Input\n placeholder=\"e.g., IT-HW-001\"\n value={formData.assetNumber}\n onChange={(e) => handleChange('assetNumber', e.target.value)}\n aria-invalid={!!errors.assetNumber}\n />\n {errors.assetNumber ? (\n <p className=\"text-xs text-status-error-text\">{errors.assetNumber}</p>\n ) : null}\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"Brief description of the asset...\"\n value={formData.description}\n onChange={(e) => handleChange('description', e.target.value)}\n rows={3}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Category *</Label>\n <Select value={formData.category} onValueChange={(v) => handleChange('category', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {CATEGORY_OPTIONS.map((category) => (\n <SelectItem key={category} value={category} className=\"capitalize\">\n {category.replace(/_/g, ' ')}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Status</Label>\n <Select value={formData.status} onValueChange={(v) => handleChange('status', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"ACTIVE\">Active</SelectItem>\n <SelectItem value=\"INACTIVE\">Inactive</SelectItem>\n <SelectItem value=\"MAINTENANCE\">Maintenance</SelectItem>\n <SelectItem value=\"RETIRED\">Retired</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Condition</Label>\n <Select\n value={formData.condition}\n onValueChange={(v) => handleChange('condition', v)}\n >\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"EXCELLENT\">Excellent</SelectItem>\n <SelectItem value=\"GOOD\">Good</SelectItem>\n <SelectItem value=\"FAIR\">Fair</SelectItem>\n <SelectItem value=\"POOR\">Poor</SelectItem>\n <SelectItem value=\"DAMAGED\">Damaged</SelectItem>\n </SelectContent>\n </Select>\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Serial Number</Label>\n <Input\n placeholder=\"e.g., DELL-7090-X1A2B3\"\n value={formData.serialNumber}\n onChange={(e) => handleChange('serialNumber', e.target.value)}\n />\n </div>\n </CardContent>\n </EmphasisPanel>\n\n <Card>\n <CardHeader>\n <CardTitle>Assignment & Location</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Assigned To</Label>\n <Input\n placeholder=\"e.g., john.smith@company.com\"\n value={formData.assignedTo}\n onChange={(e) => handleChange('assignedTo', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Location</Label>\n <Input\n placeholder=\"e.g., Building A, Floor 3, Desk 15\"\n value={formData.locationName}\n onChange={(e) => handleChange('locationName', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Tags (comma-separated)</Label>\n <Input\n placeholder=\"e.g., desktop, engineering, high-performance\"\n value={formData.tags}\n onChange={(e) => handleChange('tags', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <div className=\"flex justify-end gap-2\">\n <Button variant=\"outline\" onClick={() => navigate('/assets/asset-list')}>\n Cancel\n </Button>\n <Button onClick={handleSubmit} disabled={creating}>\n {creating ? (\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"mr-2 h-4 w-4\" />\n )}\n {creating ? 'Creating...' : 'Create Asset'}\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}