@burdenoff/microfe-movethewheels 2026.703.1 → 2026.703.3

package/dist/{OrderDetailsPage-C2Mf4KSy.js → OrderDetailsPage-DYiZ-9UK.js}

@@ -8,11 +8,11 @@ import { n as w, t as T } from "./phone-Ac9s3mo_.js";
 import { t as E } from "./map-pin-BGiCvyCs.js";
 import { t as D } from "./package-BChUzpJS.js";
 import { t as O } from "./square-pen-CopE9GmB.js";
-import { t as k } from "./truck-DrlfSpRC.js";
-import { t as A } from "./user-CjSoudeu.js";
-import { t as j } from "./useOrders-D3UZVy8Y.js";
-import { i as M, n as N, r as P, t as F } from "./StatusBadge-NpTeHVlw.js";
-import { n as I, r as L, t as R } from "./formatters-DhKZ-eA1.js";
+import { t as k } from "./truck-C0v_hbLR.js";
+import { t as A } from "./user-jyFU3lXk.js";
+import { t as j } from "./useOrders-Cfk1GLiq.js";
+import { i as M, n as N, r as P, t as F } from "./StatusBadge-BZurYHMy.js";
+import { n as I, r as L, t as R } from "./formatters-CF2S2l1m.js";
 import { useParams as z } from "react-router-dom";
 import { jsx as B, jsxs as V } from "react/jsx-runtime";
 import { EmphasisPanel as H, NextSteps as U, PagePurpose as W } from "@burdenoff/fe-libs/ui";

package/dist/{OrdersListPage-BrPBtnhp.js → OrdersListPage-Cn90P1Xx.js}

@@ -5,9 +5,9 @@ import { t as m } from "./filter-DloLC2eE.js";
 import { t as h } from "./package-BChUzpJS.js";
 import { t as g } from "./plus-Z76q-FZm.js";
 import { t as _ } from "./refresh-cw-DKt6f5T6.js";
-import { r as v } from "./useOrders-D3UZVy8Y.js";
-import { i as y, n as b, r as x } from "./StatusBadge-NpTeHVlw.js";
-import { n as S, r as C } from "./formatters-DhKZ-eA1.js";
+import { r as v } from "./useOrders-Cfk1GLiq.js";
+import { i as y, n as b, r as x } from "./StatusBadge-BZurYHMy.js";
+import { n as S, r as C } from "./formatters-CF2S2l1m.js";
 import { useState as w } from "react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
 import { CTAOverflowMenu as D, EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
@@ -177,7 +177,7 @@ function j() {
 			}, {
 				label: M("movethewheels.orders.actions.export", "Export"),
 				icon: /* @__PURE__ */ T(p, { size: 16 }),
-				onSelect: () => {}
+				onSelect: () => U("import-export")
 			}]
 		}),
 		children: [

package/dist/ProductDetailsPage-C9uOiYLp.js

@@ -0,0 +1,350 @@
+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-D9Pal4HM.js";
+import { t as g } from "./dollar-sign-CgKQRz_e.js";
+import { t as _ } from "./package-BChUzpJS.js";
+import { t as v } from "./save-CojywNhG.js";
+import { t as y } from "./square-pen-CopE9GmB.js";
+import { r as b, t as x } from "./useInventory-DkyiVY_A.js";
+import { n as S } from "./formatters-CF2S2l1m.js";
+import { t as C } from "./FormError-BlOjnXOq.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", {
+	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", {
+	cx: "7.5",
+	cy: "7.5",
+	r: ".5",
+	fill: "currentColor",
+	key: "kqv944"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/ProductDetailsPage.tsx
+function M() {
+	let { basePath: n, navigate: r } = d(), { createProduct: i } = x(), [a, c] = 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()) {
+			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,
+				weight: e !== void 0 && !Number.isNaN(e) ? e : void 0
+			});
+			r?.(t(n, `inventory/products/${o.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, {
+		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, {
+				variant: "outline",
+				onClick: g,
+				disabled: l,
+				children: [/* @__PURE__ */ E(m, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ D(p, {
+				onClick: y,
+				disabled: l,
+				children: [
+					/* @__PURE__ */ E(v, { size: 16 }),
+					" ",
+					l ? "Saving..." : "Add Product"
+				]
+			})]
+		}),
+		children: [/* @__PURE__ */ E(A, {
+			icon: /* @__PURE__ */ E(_, { size: 18 }),
+			children: "Add a product so it can be added to orders and stocked in warehouses. A name and SKU are all it takes to start — category, brand and weight help with picking, pricing and routing."
+		}), /* @__PURE__ */ D("form", {
+			onSubmit: y,
+			className: "max-w-2xl space-y-6",
+			children: [/* @__PURE__ */ E(C, { message: f }), /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
+				className: "text-base font-semibold text-text-primary mb-4",
+				children: "Product Details"
+			}), /* @__PURE__ */ D("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ D("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ D(s, {
+							htmlFor: "name",
+							children: ["Name ", /* @__PURE__ */ E("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ E(e, {
+							id: "name",
+							value: a.name,
+							onChange: (e) => c((t) => ({
+								...t,
+								name: e.target.value
+							})),
+							placeholder: "Wireless Headphones",
+							required: !0
+						})]
+					}), /* @__PURE__ */ D("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ D(s, {
+							htmlFor: "sku",
+							children: ["SKU ", /* @__PURE__ */ E("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ E(e, {
+							id: "sku",
+							value: a.sku,
+							onChange: (e) => c((t) => ({
+								...t,
+								sku: e.target.value
+							})),
+							placeholder: "SKU-001",
+							required: !0
+						})]
+					})]
+				}), /* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(s, {
+								htmlFor: "category",
+								children: "Category"
+							}), /* @__PURE__ */ E(e, {
+								id: "category",
+								value: a.category,
+								onChange: (e) => c((t) => ({
+									...t,
+									category: e.target.value
+								})),
+								placeholder: "Electronics"
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(s, {
+								htmlFor: "brand",
+								children: "Brand"
+							}), /* @__PURE__ */ E(e, {
+								id: "brand",
+								value: a.brand,
+								onChange: (e) => c((t) => ({
+									...t,
+									brand: e.target.value
+								})),
+								placeholder: "Acme"
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ E(s, {
+								htmlFor: "weight",
+								children: "Weight (kg)"
+							}), /* @__PURE__ */ E(e, {
+								id: "weight",
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value: a.weight,
+								onChange: (e) => c((t) => ({
+									...t,
+									weight: e.target.value
+								})),
+								placeholder: "0.5"
+							})]
+						})
+					]
+				})]
+			})] })]
+		})]
+	});
+}
+function N() {
+	let { productId: e } = T(), { basePath: s, navigate: l } = d(), { product: v, isLoading: x, error: C, 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..." }) : C || !v ? /* @__PURE__ */ E(u, {
+		title: "Product not found",
+		onRetry: w
+	}) : /* @__PURE__ */ D(o, {
+		title: v.name,
+		subtitle: `SKU: ${v.sku}`,
+		icon: /* @__PURE__ */ E(_, { size: 24 }),
+		headerActions: /* @__PURE__ */ D("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ D(p, {
+				variant: "outline",
+				onClick: N,
+				children: [/* @__PURE__ */ E(m, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ D(p, { children: [/* @__PURE__ */ E(y, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ D("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ E(c, {
+					variant: "outline",
+					children: v.category
+				}),
+				v.brand && /* @__PURE__ */ E(c, {
+					variant: "secondary",
+					children: v.brand
+				}),
+				v.fragile && /* @__PURE__ */ E(c, {
+					variant: "destructive",
+					children: "Fragile"
+				}),
+				v.hazardous && /* @__PURE__ */ E(c, {
+					variant: "destructive",
+					children: "Hazardous"
+				}),
+				v.temperatureControlled && /* @__PURE__ */ E(c, {
+					variant: "secondary",
+					children: "Temp Controlled"
+				})
+			]
+		}),
+		children: [
+			/* @__PURE__ */ E(A, {
+				icon: /* @__PURE__ */ E(_, { size: 18 }),
+				children: "The catalog record for this item — its dimensions, weight, value and handling flags. These drive how it's packed, priced and routed, so keep them accurate before adding the product to an order or stocking it in a warehouse."
+			}),
+			/* @__PURE__ */ E(k, {
+				storageKey: "movethewheels-product-details",
+				steps: [{
+					id: "order",
+					label: "Add this product to an order",
+					description: "Include it on a new delivery.",
+					icon: /* @__PURE__ */ E(_, { size: 16 }),
+					onClick: () => P("orders/new")
+				}, {
+					id: "edit",
+					label: "Edit product details",
+					description: "Update dimensions, value or handling flags.",
+					icon: /* @__PURE__ */ E(j, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				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, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ E(h, { size: 18 }), " Dimensions & Weight"]
+						}) }), /* @__PURE__ */ E(r, { children: /* @__PURE__ */ D("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: [
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									className: "text-sm text-text-secondary",
+									children: "Length"
+								}), /* @__PURE__ */ D("p", {
+									className: "text-2xl font-bold",
+									children: [v.dimensions.length, /* @__PURE__ */ D("span", {
+										className: "text-sm font-normal",
+										children: [" ", v.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									className: "text-sm text-text-secondary",
+									children: "Width"
+								}), /* @__PURE__ */ D("p", {
+									className: "text-2xl font-bold",
+									children: [v.dimensions.width, /* @__PURE__ */ D("span", {
+										className: "text-sm font-normal",
+										children: [" ", v.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									className: "text-sm text-text-secondary",
+									children: "Height"
+								}), /* @__PURE__ */ D("p", {
+									className: "text-2xl font-bold",
+									children: [v.dimensions.height, /* @__PURE__ */ D("span", {
+										className: "text-sm font-normal",
+										children: [" ", v.dimensions.unit]
+									})]
+								})] }),
+								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									className: "text-sm text-text-secondary",
+									children: "Weight"
+								}), /* @__PURE__ */ D("p", {
+									className: "text-2xl font-bold",
+									children: [v.weight, /* @__PURE__ */ E("span", {
+										className: "text-sm font-normal",
+										children: " kg"
+									})]
+								})] })
+							]
+						}) })] }),
+						v.attributes.length > 0 && /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ D(i, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ E(j, { size: 18 }), " Attributes"]
+						}) }), /* @__PURE__ */ E(r, { 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",
+								children: e.name
+							}), /* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: e.value
+							})] }, t))
+						}) })] })
+					]
+				}), /* @__PURE__ */ D("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ D(O, { children: [
+						/* @__PURE__ */ D("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-3",
+							children: [/* @__PURE__ */ E(g, { size: 18 }), " Pricing"]
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "text-3xl font-bold",
+							children: S(v.value)
+						}),
+						/* @__PURE__ */ E("p", {
+							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, {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: "SKU"
+						}), /* @__PURE__ */ E("p", {
+							className: "font-mono",
+							children: v.sku
+						})] }), v.barcode && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: "Barcode"
+						}), /* @__PURE__ */ E("p", {
+							className: "font-mono",
+							children: v.barcode
+						})] })]
+					})] })]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ E(M, {});
+}
+//#endregion
+export { N as default };

package/dist/{ProductsPage-I5DilIoY.js → ProductsPage-QJfHHpqB.js}

@@ -4,8 +4,8 @@ import { t as a } from "./download-DRXxoiQR.js";
 import { t as o } from "./package-BChUzpJS.js";
 import { t as s } from "./plus-Z76q-FZm.js";
 import { t as c } from "./refresh-cw-DKt6f5T6.js";
-import { i as l } from "./useInventory-DKoks37x.js";
-import { n as u } from "./formatters-DhKZ-eA1.js";
+import { i as l } from "./useInventory-DkyiVY_A.js";
+import { n as u } from "./formatters-CF2S2l1m.js";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { CTAOverflowMenu as p, EmphasisPanel as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductsPage.tsx
@@ -19,7 +19,7 @@ function g() {
 			primary: {
 				label: "Add Product",
 				icon: /* @__PURE__ */ d(s, { size: 16 }),
-				onSelect: () => {}
+				onSelect: () => S("inventory/products/new")
 			},
 			actions: [{
 				label: "Refresh",
@@ -28,7 +28,7 @@ function g() {
 			}, {
 				label: "Export",
 				icon: /* @__PURE__ */ d(a, { size: 16 }),
-				onSelect: () => {}
+				onSelect: () => S("import-export")
 			}]
 		}),
 		children: [

package/dist/{ReportsPage-BDXNmUng.js → ReportsPage-Zp53q3_8.js}

@@ -3,8 +3,8 @@ import { t as m } from "./clock-DJZtdl8u.js";
 import { t as h } from "./download-DRXxoiQR.js";
 import { t as g } from "./filter-DloLC2eE.js";
 import { t as _ } from "./plus-Z76q-FZm.js";
-import { t as v } from "./useReports-Puq4DCH9.js";
-import { r as y } from "./formatters-DhKZ-eA1.js";
+import { t as v } from "./useReports-CTqZr-AB.js";
+import { r as y } from "./formatters-CF2S2l1m.js";
 import { useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { EmphasisPanel as C, IllustratedEmptyState as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";