@burdenoff/microfe-movethewheels 2026.921.1 → 2026.923.1

package/dist/pages/CreateOrderPage.js

@@ -3,139 +3,167 @@ import { CalendarClock as t } from "../node_modules/lucide-react/dist/esm/icons/
 import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
 import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/package.js";
 import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { Save as a } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { Trash2 as ee } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { Users as o } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { buildCustomerCreatePath as te, joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as l, useOrders as u } from "../hooks/useOrders.js";
-import { useCustomer as ne, useCustomers as re } from "../hooks/useCustomers.js";
-import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Label as _, Select as v, SelectContent as ie, SelectItem as y, SelectTrigger as ae, SelectValue as oe, Separator as se, Textarea as ce } from "../components/ui.js";
-import { EmptyState as le, PageLayout as ue } from "../components/PageLayout.js";
-import { FormError as de } from "../components/FormError.js";
-import { useDebouncedValue as fe } from "../hooks/useDebouncedValue.js";
-import { CustomerPicker as pe } from "../components/CustomerPicker.js";
+import { Route as a } from "../node_modules/lucide-react/dist/esm/icons/route.js";
+import { Save as ee } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { Trash2 as te } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { Users as ne } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { buildCustomerCreatePath as re, joinPath as o } from "../utils/navigation.js";
+import { useMoveTheWheels as ie } from "../providers/MoveTheWheelsProvider.js";
+import { useRoutes as ae } from "../hooks/useRoutes.js";
+import { useOrder as oe, useOrders as se } from "../hooks/useOrders.js";
+import { useCustomer as ce, useCustomers as le } from "../hooks/useCustomers.js";
+import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Input as f, Label as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Separator as ue, Textarea as de } from "../components/ui.js";
+import { EmptyState as fe, PageLayout as y } from "../components/PageLayout.js";
+import { FormError as pe } from "../components/FormError.js";
+import { useDebouncedValue as me } from "../hooks/useDebouncedValue.js";
+import { CustomerPicker as he } from "../components/CustomerPicker.js";
 import { useEffect as b, useState as x } from "react";
-import { useParams as me, useSearchParams as he } from "react-router";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as ge, NextSteps as _e, PagePurpose as ve } from "@burdenoff/fe-libs/ui";
+import { useParams as ge, useSearchParams as S } from "react-router";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as _e, NextSteps as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function w(e) {
+function T(e) {
 	if (!e || Number.isNaN(e.getTime())) return "";
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
 }
-function T() {
-	let { orderId: T } = me(), [ye] = he(), E = ye.get("customerId")?.trim() || void 0, { basePath: D, navigate: O } = c(), { order: k } = l(T), { createOrder: A, updateOrder: j } = u(), [M, N] = x(""), { customers: P, createCustomer: be, isLoading: F, error: I, refetch: xe } = re({
+function E() {
+	let { orderId: E } = ge(), [be] = S(), D = be.get("customerId")?.trim() || void 0, { basePath: O, navigate: k } = ie(), { order: A } = oe(E), { createOrder: j, updateOrder: M } = se(), [N, xe] = x(""), { customers: P, createCustomer: Se, isLoading: F, error: I, refetch: Ce } = le({
 		limit: 20,
-		filters: { search: fe(M) || void 0 }
-	}), { customer: L } = ne(E ?? k?.customerId), R = !!T && !!k, [z, B] = x(null), [V, H] = x({
-		customerId: E || k?.customerId || "",
-		priority: k?.priority || "normal",
+		filters: { search: me(N) || void 0 }
+	}), { customer: L } = ce(D ?? A?.customerId), { routes: R, isLoading: we, error: Te } = ae({
+		status: "planned",
+		limit: 20
+	}), z = !!E && !!A, [B, V] = x(null), [H, U] = x({
+		customerId: D || A?.customerId || "",
+		priority: A?.priority || "normal",
+		routeId: A?.routeId || "",
 		pickupAddress: {
-			street: k?.pickupAddress.street || "",
-			city: k?.pickupAddress.city || "",
-			state: k?.pickupAddress.state || "",
-			postalCode: k?.pickupAddress.postalCode || "",
-			country: k?.pickupAddress.country || "USA"
+			street: A?.pickupAddress.street || "",
+			city: A?.pickupAddress.city || "",
+			state: A?.pickupAddress.state || "",
+			postalCode: A?.pickupAddress.postalCode || "",
+			country: A?.pickupAddress.country || "USA"
 		},
 		deliveryAddress: {
-			street: k?.deliveryAddress.street || "",
-			city: k?.deliveryAddress.city || "",
-			state: k?.deliveryAddress.state || "",
-			postalCode: k?.deliveryAddress.postalCode || "",
-			country: k?.deliveryAddress.country || "USA"
+			street: A?.deliveryAddress.street || "",
+			city: A?.deliveryAddress.city || "",
+			state: A?.deliveryAddress.state || "",
+			postalCode: A?.deliveryAddress.postalCode || "",
+			country: A?.deliveryAddress.country || "USA"
 		},
-		items: k?.items || [],
-		scheduledDelivery: w(k?.scheduledDelivery),
-		specialInstructions: k?.specialInstructions || ""
-	}), [U, W] = x(!1), [Se, G] = x(null);
+		items: A?.items || [],
+		scheduledDelivery: T(A?.scheduledDelivery),
+		specialInstructions: A?.specialInstructions || ""
+	}), [W, G] = x(!1), [Ee, K] = x(null);
 	b(() => {
-		L && (B((e) => e?.id === L.id ? e : L), H((e) => e.customerId ? e : {
+		L && (V((e) => e?.id === L.id ? e : L), U((e) => e.customerId ? e : {
 			...e,
 			customerId: L.id
 		}));
 	}, [L]), b(() => {
-		k && H({
-			customerId: k.customerId || "",
-			priority: k.priority || "normal",
+		A && U({
+			customerId: A.customerId || "",
+			priority: A.priority || "normal",
+			routeId: A.routeId || "",
 			pickupAddress: {
-				street: k.pickupAddress.street || "",
-				city: k.pickupAddress.city || "",
-				state: k.pickupAddress.state || "",
-				postalCode: k.pickupAddress.postalCode || "",
-				country: k.pickupAddress.country || "USA"
+				street: A.pickupAddress.street || "",
+				city: A.pickupAddress.city || "",
+				state: A.pickupAddress.state || "",
+				postalCode: A.pickupAddress.postalCode || "",
+				country: A.pickupAddress.country || "USA"
 			},
 			deliveryAddress: {
-				street: k.deliveryAddress.street || "",
-				city: k.deliveryAddress.city || "",
-				state: k.deliveryAddress.state || "",
-				postalCode: k.deliveryAddress.postalCode || "",
-				country: k.deliveryAddress.country || "USA"
+				street: A.deliveryAddress.street || "",
+				city: A.deliveryAddress.city || "",
+				state: A.deliveryAddress.state || "",
+				postalCode: A.deliveryAddress.postalCode || "",
+				country: A.deliveryAddress.country || "USA"
 			},
-			items: k.items || [],
-			scheduledDelivery: w(k.scheduledDelivery),
-			specialInstructions: k.specialInstructions || ""
+			items: A.items || [],
+			scheduledDelivery: T(A.scheduledDelivery),
+			specialInstructions: A.specialInstructions || ""
 		});
-	}, [k]);
-	let K = () => {
-		if (O) {
-			if (!R && E) {
-				O(s(D, `customers/${E}`));
+	}, [A]);
+	let q = () => {
+		if (k) {
+			if (!z && D) {
+				k(o(O, `customers/${D}`));
 				return;
 			}
-			O(s(D, "orders"));
+			k(o(O, "orders"));
 		}
-	}, q = () => z ?? P.find((e) => e.id === V.customerId), J = () => !V.customerId || !q() ? I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : V.pickupAddress.street.trim() ? V.deliveryAddress.street.trim() ? V.items.length === 0 ? "Add at least one item to the order." : V.scheduledDelivery && Number.isNaN(Date.parse(V.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", Y = async (e) => {
-		e.preventDefault(), G(null);
-		let t = J();
+	}, J = () => B ?? P.find((e) => e.id === H.customerId), De = () => !H.customerId || !J() ? I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : H.pickupAddress.street.trim() ? H.deliveryAddress.street.trim() ? H.items.length === 0 ? "Add at least one item to the order." : H.scheduledDelivery && Number.isNaN(Date.parse(H.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", Y = async (e) => {
+		e.preventDefault(), K(null);
+		let t = De();
 		if (t) {
-			G(t);
+			K(t);
 			return;
 		}
-		let n = q();
+		let n = J();
 		if (!n) {
-			G(I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
+			K(I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
 			return;
 		}
-		W(!0);
+		G(!0);
 		try {
 			let e = {
-				customerId: V.customerId,
+				customerId: H.customerId,
 				customerInfo: {
 					name: n.name,
 					email: n.email,
 					phone: n.phone,
 					company: n.company
 				},
-				priority: V.priority,
-				pickupAddress: V.pickupAddress,
-				deliveryAddress: V.deliveryAddress,
-				items: V.items,
-				scheduledDelivery: V.scheduledDelivery ? new Date(V.scheduledDelivery) : null,
-				specialInstructions: V.specialInstructions
+				priority: H.priority,
+				pickupAddress: H.pickupAddress,
+				deliveryAddress: H.deliveryAddress,
+				items: H.items,
+				scheduledDelivery: H.scheduledDelivery ? new Date(H.scheduledDelivery) : null,
+				routeId: H.routeId || void 0,
+				specialInstructions: H.specialInstructions
 			};
-			R && T ? (await j(T, e), O && O(s(D, `orders/${T}`))) : (await A(e), K());
+			z && E ? (await M(E, e), k && k(o(O, `orders/${E}`))) : (await j(e), q());
 		} catch (e) {
-			G(e instanceof Error ? e.message : R ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
+			K(e instanceof Error ? e.message : z ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
-			W(!1);
+			G(!1);
 		}
 	}, X = (e, t) => {
-		H((n) => ({
+		U((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, Z = (e, t, n) => {
-		H((r) => ({
+		U((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
+	}, Oe = (e) => {
+		if (e === "none") {
+			X("routeId", "");
+			return;
+		}
+		let t = R.find((t) => t.id === e);
+		if (!t) return;
+		let n = t.stops.find((e) => e.type === "pickup")?.address, r = [...t.stops].reverse().find((e) => e.type === "delivery")?.address, i = (e, t) => t ? {
+			street: e.street.trim() ? e.street : t.street,
+			city: e.city.trim() ? e.city : t.city,
+			state: e.state.trim() ? e.state : t.state,
+			postalCode: e.postalCode.trim() ? e.postalCode : t.postalCode,
+			country: e.country.trim() ? e.country : t.country
+		} : e;
+		U((e) => ({
+			...e,
+			routeId: t.id,
+			pickupAddress: i(e.pickupAddress, n),
+			deliveryAddress: i(e.deliveryAddress, r)
+		}));
 	}, Q = () => {
-		H((e) => ({
+		U((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -153,13 +181,13 @@ function T() {
 				sku: ""
 			}]
 		}));
-	}, Ce = (e) => {
-		H((t) => ({
+	}, ke = (e) => {
+		U((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
 	}, $ = (e, t, n) => {
-		H((r) => ({
+		U((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -167,112 +195,112 @@ function T() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ C(ue, {
-		title: R ? "Edit Order" : "Create Order",
-		subtitle: R ? `Editing ${k?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ S(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ w(y, {
+		title: z ? "Edit Order" : "Create Order",
+		subtitle: z ? `Editing ${A?.orderNumber}` : "Create a new delivery order",
+		icon: /* @__PURE__ */ C(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ C(d, {
+			children: [/* @__PURE__ */ w(s, {
 				variant: "outline",
-				onClick: K,
-				children: [/* @__PURE__ */ S(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ C(d, {
+				onClick: q,
+				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ w(s, {
 				onClick: Y,
-				disabled: U || F,
-				children: [/* @__PURE__ */ S(a, { size: 16 }), U ? "Saving..." : R ? "Save Changes" : "Create Order"]
+				disabled: W || F,
+				children: [/* @__PURE__ */ C(ee, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ S(ve, {
-				icon: /* @__PURE__ */ S(r, { size: 18 }),
-				children: R ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
+			/* @__PURE__ */ C(ye, {
+				icon: /* @__PURE__ */ C(r, { size: 18 }),
+				children: z ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
 			}),
-			/* @__PURE__ */ S(_e, {
+			/* @__PURE__ */ C(ve, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ S(o, { size: 16 }),
-						done: !!V.customerId,
+						icon: /* @__PURE__ */ C(ne, { size: 16 }),
+						done: !!H.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
 					{
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ S(n, { size: 16 }),
-						done: !!V.pickupAddress.street && !!V.deliveryAddress.street,
+						icon: /* @__PURE__ */ C(n, { size: 16 }),
+						done: !!H.pickupAddress.street && !!H.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
 					{
 						id: "items",
 						label: "Add the items to ship",
 						description: "List each product with its quantity and value.",
-						icon: /* @__PURE__ */ S(r, { size: 16 }),
-						done: V.items.length > 0,
+						icon: /* @__PURE__ */ C(r, { size: 16 }),
+						done: H.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ C("form", {
+			/* @__PURE__ */ w("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ S(de, { message: Se }),
-					/* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ S("h2", {
+					/* @__PURE__ */ C(pe, { message: Ee }),
+					/* @__PURE__ */ w(_e, { children: [/* @__PURE__ */ C("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ C("div", {
+						children: /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ S(pe, {
+							children: [/* @__PURE__ */ C(he, {
 								customers: P,
-								value: V.customerId,
+								value: H.customerId,
 								onValueChange: (e) => {
-									e && (X("customerId", e), B(P.find((t) => t.id === e) ?? (z?.id === e ? z : null)), G(null));
+									e && (X("customerId", e), V(P.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
 								},
 								onCreated: (e) => {
-									B(e), X("customerId", e.id), G(null);
+									V(e), X("customerId", e.id), K(null);
 								},
-								createCustomer: be,
+								createCustomer: Se,
 								isLoading: F,
 								error: I,
-								onRetry: xe,
+								onRetry: Ce,
 								onOpenCustomers: () => {
-									O && O(s(D, te(R && T ? `orders/${T}/edit` : "orders/new")));
+									k && k(o(O, re(z && E ? `orders/${E}/edit` : "orders/new")));
 								},
-								selectedCustomer: z,
-								searchQuery: M,
-								onSearchQueryChange: N
-							}), /* @__PURE__ */ C("div", {
+								selectedCustomer: B,
+								searchQuery: N,
+								onSearchQueryChange: xe
+							}), /* @__PURE__ */ w("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(_, {
+								children: [/* @__PURE__ */ C(p, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ C(v, {
-									value: V.priority,
+								}), /* @__PURE__ */ w(m, {
+									value: H.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ S(ae, {
+									children: [/* @__PURE__ */ C(_, {
 										id: "priority",
-										children: /* @__PURE__ */ S(oe, {})
-									}), /* @__PURE__ */ C(ie, { children: [
-										/* @__PURE__ */ S(y, {
+										children: /* @__PURE__ */ C(v, {})
+									}), /* @__PURE__ */ w(h, { children: [
+										/* @__PURE__ */ C(g, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ C(g, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ C(g, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ C(g, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -281,138 +309,166 @@ function T() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ w(d, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ C(a, { size: 18 }), "Saved Route (Optional)"]
+					}) }), /* @__PURE__ */ w(l, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ w(m, {
+							value: H.routeId || "none",
+							onValueChange: Oe,
+							children: [/* @__PURE__ */ C(_, {
+								id: "saved-route",
+								children: /* @__PURE__ */ C(v, { placeholder: "Choose a saved route" })
+							}), /* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(g, {
+								value: "none",
+								children: "No saved route"
+							}), R.map((e) => /* @__PURE__ */ w(g, {
+								value: e.id,
+								children: [
+									e.name,
+									" · ",
+									e.stops.length,
+									" stops"
+								]
+							}, e.id))] })]
+						}), /* @__PURE__ */ C("p", {
+							className: "text-xs text-text-secondary",
+							children: we ? "Loading planned routes…" : Te ? "Saved routes are unavailable; enter pickup and delivery addresses manually." : "A saved route fills any blank address fields. You can always edit both addresses below."
+						})]
+					})] }),
+					/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Pickup Address" }) }), /* @__PURE__ */ C(p, {
+						children: [/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Pickup Address" }) }), /* @__PURE__ */ w(l, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, {
+									children: [/* @__PURE__ */ C(p, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ S(g, {
+									}), /* @__PURE__ */ C(f, {
 										id: "pickupStreet",
-										value: V.pickupAddress.street,
+										value: H.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupCity",
-											value: V.pickupAddress.city,
+											value: H.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupState",
-											value: V.pickupAddress.state,
+											value: H.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupPostal",
-											value: V.pickupAddress.postalCode,
+											value: H.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupCountry",
-											value: V.pickupAddress.country,
+											value: H.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Delivery Address" }) }), /* @__PURE__ */ C(p, {
+						})] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Delivery Address" }) }), /* @__PURE__ */ w(l, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, {
+									children: [/* @__PURE__ */ C(p, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ S(g, {
+									}), /* @__PURE__ */ C(f, {
 										id: "deliveryStreet",
-										value: V.deliveryAddress.street,
+										value: H.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryCity",
-											value: V.deliveryAddress.city,
+											value: H.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryState",
-											value: V.deliveryAddress.state,
+											value: H.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryPostal",
-											value: V.deliveryAddress.postalCode,
+											value: H.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ S(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ S(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryCountry",
-											value: V.deliveryAddress.country,
+											value: H.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -421,61 +477,61 @@ function T() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(m, {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(u, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ S(h, { children: "Order Items" }), /* @__PURE__ */ C(d, {
+						children: [/* @__PURE__ */ C(d, { children: "Order Items" }), /* @__PURE__ */ w(s, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ S(i, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ S(p, { children: V.items.length === 0 ? /* @__PURE__ */ S(le, {
+					}), /* @__PURE__ */ C(l, { children: H.items.length === 0 ? /* @__PURE__ */ C(fe, {
 						illustration: "empty-files",
 						title: "No items added yet",
 						description: "Add the products this order will ship — each with a name, SKU, quantity and value.",
-						action: /* @__PURE__ */ C(d, {
+						action: /* @__PURE__ */ w(s, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ S(i, {
+							children: [/* @__PURE__ */ C(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ S("div", {
+					}) : /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: V.items.map((e, t) => /* @__PURE__ */ C("div", { children: [t > 0 && /* @__PURE__ */ S(se, { className: "my-4" }), /* @__PURE__ */ C("div", {
+						children: H.items.map((e, t) => /* @__PURE__ */ w("div", { children: [t > 0 && /* @__PURE__ */ C(ue, { className: "my-4" }), /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ S(_, { children: "Item Name" }), /* @__PURE__ */ S(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Item Name" }), /* @__PURE__ */ C(f, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, { children: "SKU" }), /* @__PURE__ */ S(g, {
+									children: [/* @__PURE__ */ C(p, { children: "SKU" }), /* @__PURE__ */ C(f, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, { children: "Quantity" }), /* @__PURE__ */ S(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Quantity" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
 										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, { children: "Weight (kg)" }), /* @__PURE__ */ S(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Weight (kg)" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -483,9 +539,9 @@ function T() {
 										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ S(_, { children: "Value ($)" }), /* @__PURE__ */ S(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Value ($)" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -493,52 +549,52 @@ function T() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ S(d, {
+									children: /* @__PURE__ */ C(s, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => Ce(t),
-										children: /* @__PURE__ */ S(ee, { size: 16 })
+										onClick: () => ke(t),
+										children: /* @__PURE__ */ C(te, { size: 16 })
 									})
 								})
 							]
 						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("div", {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ C(_, {
+								/* @__PURE__ */ w(p, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ S(t, {
+									children: [/* @__PURE__ */ C(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ S(g, {
+								/* @__PURE__ */ C(f, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: V.scheduledDelivery,
+									value: H.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ C("p", {
 									className: "text-xs text-text-secondary",
 									children: "The delivery window promised to the customer. Leave blank to dispatch as soon as a driver is free."
 								})
 							]
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ S(_, {
+							children: [/* @__PURE__ */ C(p, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ S(ce, {
+							}), /* @__PURE__ */ C(de, {
 								id: "specialInstructions",
-								value: V.specialInstructions,
+								value: H.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4
@@ -551,4 +607,4 @@ function T() {
 	});
 }
 //#endregion
-export { T as default };
+export { E as default };