@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.6

package/dist/{ProductDetailsPage-wsxAQkA0.js → ProductDetailsPage-B_ns2MOe.js}

@@ -1,19 +1,19 @@
-import { A as e, ct as t, d as n, f as r, g as i, h as a, i as o, j as s, l as c, lt as l, n as u, ot as d, r as f, u as p } from "./PageLayout-D4LDHJJq.js";
-import { t as m } from "./arrow-left-n48Y-Wis.js";
-import { t as h } from "./box-Eu05PXDh.js";
-import { t as g } from "./dollar-sign-CAVU95SO.js";
-import { t as _ } from "./package-CcRttV2N.js";
-import { t as v } from "./save-DJE8Fpdv.js";
-import { t as y } from "./square-pen-D-6JYrVQ.js";
-import { r as b, t as x } from "./useInventory-CAAVMRp6.js";
-import { t as S } from "./FormError-cuLV2jVD.js";
-import { n as C } from "./formatters-BQr-aR5W.js";
+import { A as e, d as t, f as n, g as r, h as i, i as a, j as o, l as s, lt as c, n as l, r as u, st as d, u as f, ut as p } from "./PageLayout-DX1Ou6V6.js";
+import { t as m } from "./arrow-left-DJDw_Yqv.js";
+import { t as h } from "./box-hSJVtvGf.js";
+import { t as g } from "./dollar-sign-CQmAICv4.js";
+import { t as _ } from "./package-B0sdi6lU.js";
+import { t as v } from "./save-DDFvrxWl.js";
+import { t as y } from "./square-pen-DoZZS4Lw.js";
+import { r as b, t as x } from "./useInventory-Ci6M2d9f.js";
+import { t as S } from "./FormError-CRsMP7TQ.js";
+import { n as C } from "./formatters-FWJDwTFv.js";
 import { useState as w } from "react";
 import { useParams as T } from "react-router-dom";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/tag.js
-var j = l("Tag", [["path", {
+var j = p("Tag", [["path", {
 	d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
 	key: "vktsd0"
 }], ["circle", {
@@ -26,43 +26,43 @@ var j = l("Tag", [["path", {
 //#endregion
 //#region src/movethewheels/pages/ProductDetailsPage.tsx
 function M() {
-	let { basePath: n, navigate: r } = d(), { createProduct: i } = x(), [a, c] = w({
+	let { basePath: t, navigate: n } = d(), { createProduct: r } = x(), [i, s] = w({
 		name: "",
 		sku: "",
 		category: "",
 		brand: "",
 		weight: ""
-	}), [l, u] = w(!1), [f, h] = w(null), g = () => r?.(t(n, "inventory/products")), y = async (e) => {
-		if (e.preventDefault(), !a.name.trim() || !a.sku.trim()) {
+	}), [l, u] = w(!1), [p, h] = w(null), g = () => n?.(c(t, "inventory/products")), y = async (e) => {
+		if (e.preventDefault(), !i.name.trim() || !i.sku.trim()) {
 			h("Product name and SKU are required.");
 			return;
 		}
 		u(!0), h(null);
 		try {
-			let e = a.weight.trim() ? Number(a.weight) : void 0, o = await i({
-				name: a.name.trim(),
-				sku: a.sku.trim(),
-				category: a.category.trim() || void 0,
-				brand: a.brand.trim() || void 0,
+			let e = i.weight.trim() ? Number(i.weight) : void 0, a = await r({
+				name: i.name.trim(),
+				sku: i.sku.trim(),
+				category: i.category.trim() || void 0,
+				brand: i.brand.trim() || void 0,
 				weight: e !== void 0 && !Number.isNaN(e) ? e : void 0
 			});
-			r?.(t(n, `inventory/products/${o.id}`));
+			n?.(c(t, `inventory/products/${a.id}`));
 		} catch (e) {
 			console.error("Failed to create product:", e), h(e instanceof Error ? e.message : "Failed to create product. Please try again."), u(!1);
 		}
 	};
-	return /* @__PURE__ */ D(o, {
+	return /* @__PURE__ */ D(a, {
 		title: "Add Product",
 		subtitle: "Add an item to your catalog",
 		icon: /* @__PURE__ */ E(_, { size: 24 }),
 		headerActions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(p, {
+			children: [/* @__PURE__ */ D(f, {
 				variant: "outline",
 				onClick: g,
 				disabled: l,
 				children: [/* @__PURE__ */ E(m, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ D(p, {
+			}), /* @__PURE__ */ D(f, {
 				onClick: y,
 				disabled: l,
 				children: [
@@ -78,7 +78,7 @@ function M() {
 		}), /* @__PURE__ */ D("form", {
 			onSubmit: y,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ E(S, { message: f }), /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
+			children: [/* @__PURE__ */ E(S, { message: p }), /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Product Details"
 			}), /* @__PURE__ */ D("div", {
@@ -87,7 +87,7 @@ function M() {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 					children: [/* @__PURE__ */ D("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ D(s, {
+						children: [/* @__PURE__ */ D(o, {
 							htmlFor: "name",
 							children: ["Name ", /* @__PURE__ */ E("span", {
 								className: "text-status-error-text",
@@ -95,8 +95,8 @@ function M() {
 							})]
 						}), /* @__PURE__ */ E(e, {
 							id: "name",
-							value: a.name,
-							onChange: (e) => c((t) => ({
+							value: i.name,
+							onChange: (e) => s((t) => ({
 								...t,
 								name: e.target.value
 							})),
@@ -105,7 +105,7 @@ function M() {
 						})]
 					}), /* @__PURE__ */ D("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ D(s, {
+						children: [/* @__PURE__ */ D(o, {
 							htmlFor: "sku",
 							children: ["SKU ", /* @__PURE__ */ E("span", {
 								className: "text-status-error-text",
@@ -113,8 +113,8 @@ function M() {
 							})]
 						}), /* @__PURE__ */ E(e, {
 							id: "sku",
-							value: a.sku,
-							onChange: (e) => c((t) => ({
+							value: i.sku,
+							onChange: (e) => s((t) => ({
 								...t,
 								sku: e.target.value
 							})),
@@ -127,13 +127,13 @@ function M() {
 					children: [
 						/* @__PURE__ */ D("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ E(s, {
+							children: [/* @__PURE__ */ E(o, {
 								htmlFor: "category",
 								children: "Category"
 							}), /* @__PURE__ */ E(e, {
 								id: "category",
-								value: a.category,
-								onChange: (e) => c((t) => ({
+								value: i.category,
+								onChange: (e) => s((t) => ({
 									...t,
 									category: e.target.value
 								})),
@@ -142,13 +142,13 @@ function M() {
 						}),
 						/* @__PURE__ */ D("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ E(s, {
+							children: [/* @__PURE__ */ E(o, {
 								htmlFor: "brand",
 								children: "Brand"
 							}), /* @__PURE__ */ E(e, {
 								id: "brand",
-								value: a.brand,
-								onChange: (e) => c((t) => ({
+								value: i.brand,
+								onChange: (e) => s((t) => ({
 									...t,
 									brand: e.target.value
 								})),
@@ -157,7 +157,7 @@ function M() {
 						}),
 						/* @__PURE__ */ D("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ E(s, {
+							children: [/* @__PURE__ */ E(o, {
 								htmlFor: "weight",
 								children: "Weight (kg)"
 							}), /* @__PURE__ */ E(e, {
@@ -165,8 +165,8 @@ function M() {
 								type: "number",
 								min: "0",
 								step: "0.01",
-								value: a.weight,
-								onChange: (e) => c((t) => ({
+								value: i.weight,
+								onChange: (e) => s((t) => ({
 									...t,
 									weight: e.target.value
 								})),
@@ -180,42 +180,42 @@ function M() {
 	});
 }
 function N() {
-	let { productId: e } = T(), { basePath: s, navigate: l } = d(), { product: v, isLoading: x, error: S, refetch: w } = b(e), N = () => l?.(t(s, "inventory/products")), P = (e) => l?.(t(s, e));
-	return e ? x ? /* @__PURE__ */ E(f, { message: "Loading product details..." }) : S || !v ? /* @__PURE__ */ E(u, {
+	let { productId: e } = T(), { basePath: o, navigate: p } = d(), { product: v, isLoading: x, error: S, refetch: w } = b(e), N = () => p?.(c(o, "inventory/products")), P = (e) => p?.(c(o, e));
+	return e ? x ? /* @__PURE__ */ E(u, { message: "Loading product details..." }) : S || !v ? /* @__PURE__ */ E(l, {
 		title: "Product not found",
 		onRetry: w
-	}) : /* @__PURE__ */ D(o, {
+	}) : /* @__PURE__ */ D(a, {
 		title: v.name,
 		subtitle: `SKU: ${v.sku}`,
 		icon: /* @__PURE__ */ E(_, { size: 24 }),
 		headerActions: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(p, {
+			children: [/* @__PURE__ */ D(f, {
 				variant: "outline",
 				onClick: N,
 				children: [/* @__PURE__ */ E(m, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E(y, { size: 16 }), " Edit"] })]
+			}), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(y, { size: 16 }), " Edit"] })]
 		}),
 		headerContent: /* @__PURE__ */ D("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ E(c, {
+				/* @__PURE__ */ E(s, {
 					variant: "outline",
 					children: v.category
 				}),
-				v.brand && /* @__PURE__ */ E(c, {
+				v.brand && /* @__PURE__ */ E(s, {
 					variant: "secondary",
 					children: v.brand
 				}),
-				v.fragile && /* @__PURE__ */ E(c, {
+				v.fragile && /* @__PURE__ */ E(s, {
 					variant: "destructive",
 					children: "Fragile"
 				}),
-				v.hazardous && /* @__PURE__ */ E(c, {
+				v.hazardous && /* @__PURE__ */ E(s, {
 					variant: "destructive",
 					children: "Hazardous"
 				}),
-				v.temperatureControlled && /* @__PURE__ */ E(c, {
+				v.temperatureControlled && /* @__PURE__ */ E(s, {
 					variant: "secondary",
 					children: "Temp Controlled"
 				})
@@ -247,11 +247,11 @@ function N() {
 				children: [/* @__PURE__ */ D("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(i, { children: "Description" }) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E("p", { children: v.description }) })] }),
-						/* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ D(i, {
+						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ E(r, { children: "Description" }) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E("p", { children: v.description }) })] }),
+						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ E(h, { size: 18 }), " Dimensions & Weight"]
-						}) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ D("div", {
+						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ D("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: [
 								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
@@ -296,10 +296,10 @@ function N() {
 								})] })
 							]
 						}) })] }),
-						v.attributes.length > 0 && /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ D(i, {
+						v.attributes.length > 0 && /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ E(j, { size: 18 }), " Attributes"]
-						}) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E("div", {
+						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
 							children: v.attributes.map((e, t) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
@@ -325,7 +325,7 @@ function N() {
 							className: "text-sm text-text-secondary",
 							children: "Unit price"
 						})
-					] }), /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(i, { children: "Identifiers" }) }), /* @__PURE__ */ D(r, {
+					] }), /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ E(r, { children: "Identifiers" }) }), /* @__PURE__ */ D(n, {
 						className: "space-y-3",
 						children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",

package/dist/ProductsPage-c92BsEoA.js

@@ -0,0 +1,186 @@
+import { i as e, l as t, lt as n, st as r, ut as i } from "./PageLayout-DX1Ou6V6.js";
+import { t as a } from "./DataTable-KjzbwnRL.js";
+import { t as o } from "./download-CG4Tponq.js";
+import { t as s } from "./package-B0sdi6lU.js";
+import { t as c } from "./plus-BqQxkfoU.js";
+import { t as l } from "./refresh-cw-CEOAPEcV.js";
+import { t as u } from "./triangle-alert-Bxk3Kgs6.js";
+import { a as d, i as f } from "./useInventory-Ci6M2d9f.js";
+import { r as p, t as m } from "./MetricCard-DQlDNqmK.js";
+import { n as h } from "./formatters-FWJDwTFv.js";
+import { useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { CTAOverflowMenu as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/thermometer.js
+var x = i("Thermometer", [["path", {
+	d: "M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z",
+	key: "17jzev"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/ProductsPage.tsx
+function S() {
+	let { basePath: i, navigate: S } = r(), [C, w] = g(0), [T, E] = g(25), { products: D, hasMore: O, isLoading: k, refetch: A } = d({
+		limit: T,
+		offset: C * T
+	}), { stats: j } = f(), M = (e) => S?.(n(i, e));
+	return /* @__PURE__ */ v(e, {
+		title: "Products",
+		subtitle: `${j.total} products`,
+		icon: /* @__PURE__ */ _(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ _(y, {
+			primary: {
+				label: "Add Product",
+				icon: /* @__PURE__ */ _(c, { size: 16 }),
+				onSelect: () => M("inventory/products/new")
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ _(l, { size: 16 }),
+				onSelect: () => A()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ _(o, { size: 16 }),
+				onSelect: () => M("import-export")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ _(b, {
+				icon: /* @__PURE__ */ _(s, { size: 18 }),
+				children: "The catalog of items you ship. Each product's dimensions, weight, value and handling flags (fragile, hazardous, temperature-controlled) drive how it's packed, priced and routed — keep them accurate so shipments are quoted and handled correctly."
+			}),
+			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+				className: "mb-3 text-sm font-medium text-text-secondary",
+				children: "Catalog at a glance"
+			}), /* @__PURE__ */ v(p, {
+				columns: 3,
+				children: [
+					/* @__PURE__ */ _(m, {
+						label: "Total products",
+						value: j.total,
+						icon: /* @__PURE__ */ _(s, { size: 20 }),
+						accent: "brand"
+					}),
+					/* @__PURE__ */ _(m, {
+						label: "Special handling",
+						value: j.specialHandling,
+						icon: /* @__PURE__ */ _(u, { size: 20 }),
+						accent: "warning",
+						subtitle: "Fragile or hazardous"
+					}),
+					/* @__PURE__ */ _(m, {
+						label: "Temp-controlled",
+						value: j.temperatureControlled,
+						icon: /* @__PURE__ */ _(x, { size: 20 }),
+						accent: "blue"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ _(a, {
+				columns: [
+					{
+						id: "sku",
+						header: "SKU",
+						accessorKey: "sku",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _("span", {
+							className: "font-mono",
+							children: e.sku
+						})
+					},
+					{
+						id: "name",
+						header: "Product Name",
+						accessorKey: "name",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ _("p", {
+							className: "text-sm text-text-secondary line-clamp-1",
+							children: e.description
+						})] })
+					},
+					{
+						id: "category",
+						header: "Category",
+						accessorKey: "category",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _(t, {
+							variant: "outline",
+							children: e.category
+						})
+					},
+					{
+						id: "dimensions",
+						header: "Dimensions",
+						cell: (e) => `${e.dimensions.length}x${e.dimensions.width}x${e.dimensions.height} ${e.dimensions.unit}`
+					},
+					{
+						id: "weight",
+						header: "Weight",
+						accessorKey: "weight",
+						sortable: !0,
+						cell: (e) => `${e.weight} kg`
+					},
+					{
+						id: "value",
+						header: "Value",
+						accessorKey: "value",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ _("span", {
+							className: "font-medium",
+							children: h(e.value)
+						})
+					},
+					{
+						id: "flags",
+						header: "Flags",
+						cell: (e) => /* @__PURE__ */ v("div", {
+							className: "flex gap-1",
+							children: [
+								e.fragile && /* @__PURE__ */ _(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Fragile"
+								}),
+								e.hazardous && /* @__PURE__ */ _(t, {
+									variant: "destructive",
+									className: "text-xs",
+									children: "Hazardous"
+								}),
+								e.temperatureControlled && /* @__PURE__ */ _(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: "Temp Control"
+								})
+							]
+						})
+					}
+				],
+				data: D,
+				isLoading: k,
+				searchable: !0,
+				searchPlaceholder: "Search products...",
+				searchFields: [
+					"name",
+					"sku",
+					"category"
+				],
+				onRowClick: (e) => M(`inventory/products/${e.id}`),
+				getRowId: (e) => e.id,
+				pageIndex: C,
+				pageSize: T,
+				onPageChange: w,
+				onPageSizeChange: (e) => {
+					E(e), w(0);
+				},
+				hasNextPage: O,
+				emptyIllustration: "empty-files",
+				emptyTitle: "No products yet",
+				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
+			})
+		]
+	});
+}
+//#endregion
+export { S as default };