@burdenoff/microfe-movethewheels 2026.920.1 → 2026.920.3

package/dist/pages/CreateOrderPage.js

@@ -5,116 +5,125 @@ import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/packag
 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 o } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { Users as s } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as c } from "../utils/navigation.js";
-import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as u, useOrders as d } from "../hooks/useOrders.js";
-import { useCustomers as f } from "../hooks/useCustomers.js";
-import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v, Label as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Separator as ee, Textarea as te } from "../components/ui.js";
-import { EmptyState as ne, PageLayout as re } from "../components/PageLayout.js";
-import { FormError as T } from "../components/FormError.js";
-import { useEffect as E, useState as D } from "react";
-import { useParams as O } from "react-router";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { EmphasisPanel as j, NextSteps as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
+import { Users as ee } 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 { CustomerPicker as fe } from "../components/CustomerPicker.js";
+import { useEffect as b, useState as x } from "react";
+import { useParams as pe, useSearchParams as S } from "react-router";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, NextSteps as me, PagePurpose as he } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function P(e) {
+function E(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 F() {
-	let { orderId: F } = O(), { basePath: I, navigate: L } = l(), { order: R } = u(F), { createOrder: z, updateOrder: B } = d(), { customers: V } = f({ limit: 100 }), H = !!F && !!R, [U, W] = D({
-		customerId: R?.customerId || "",
-		priority: R?.priority || "normal",
+function D() {
+	let { orderId: D } = pe(), [ge] = S(), O = ge.get("customerId")?.trim() || void 0, { basePath: k, navigate: A } = c(), { order: j } = l(D), { createOrder: M, updateOrder: N } = u(), { customers: P, createCustomer: F, isLoading: I, error: L, refetch: _e } = re({ limit: 100 }), { customer: R } = ne(O ?? j?.customerId), z = !!D && !!j, [B, V] = x(null), [H, U] = x({
+		customerId: O || j?.customerId || "",
+		priority: j?.priority || "normal",
 		pickupAddress: {
-			street: R?.pickupAddress.street || "",
-			city: R?.pickupAddress.city || "",
-			state: R?.pickupAddress.state || "",
-			postalCode: R?.pickupAddress.postalCode || "",
-			country: R?.pickupAddress.country || "USA"
+			street: j?.pickupAddress.street || "",
+			city: j?.pickupAddress.city || "",
+			state: j?.pickupAddress.state || "",
+			postalCode: j?.pickupAddress.postalCode || "",
+			country: j?.pickupAddress.country || "USA"
 		},
 		deliveryAddress: {
-			street: R?.deliveryAddress.street || "",
-			city: R?.deliveryAddress.city || "",
-			state: R?.deliveryAddress.state || "",
-			postalCode: R?.deliveryAddress.postalCode || "",
-			country: R?.deliveryAddress.country || "USA"
+			street: j?.deliveryAddress.street || "",
+			city: j?.deliveryAddress.city || "",
+			state: j?.deliveryAddress.state || "",
+			postalCode: j?.deliveryAddress.postalCode || "",
+			country: j?.deliveryAddress.country || "USA"
 		},
-		items: R?.items || [],
-		scheduledDelivery: P(R?.scheduledDelivery),
-		specialInstructions: R?.specialInstructions || ""
-	}), [G, K] = D(!1), [ie, q] = D(null);
-	E(() => {
-		R && W({
-			customerId: R.customerId || "",
-			priority: R.priority || "normal",
+		items: j?.items || [],
+		scheduledDelivery: E(j?.scheduledDelivery),
+		specialInstructions: j?.specialInstructions || ""
+	}), [W, G] = x(!1), [ve, K] = x(null);
+	b(() => {
+		R && (V((e) => e?.id === R.id ? e : R), U((e) => e.customerId ? e : {
+			...e,
+			customerId: R.id
+		}));
+	}, [R]), b(() => {
+		j && U({
+			customerId: j.customerId || "",
+			priority: j.priority || "normal",
 			pickupAddress: {
-				street: R.pickupAddress.street || "",
-				city: R.pickupAddress.city || "",
-				state: R.pickupAddress.state || "",
-				postalCode: R.pickupAddress.postalCode || "",
-				country: R.pickupAddress.country || "USA"
+				street: j.pickupAddress.street || "",
+				city: j.pickupAddress.city || "",
+				state: j.pickupAddress.state || "",
+				postalCode: j.pickupAddress.postalCode || "",
+				country: j.pickupAddress.country || "USA"
 			},
 			deliveryAddress: {
-				street: R.deliveryAddress.street || "",
-				city: R.deliveryAddress.city || "",
-				state: R.deliveryAddress.state || "",
-				postalCode: R.deliveryAddress.postalCode || "",
-				country: R.deliveryAddress.country || "USA"
+				street: j.deliveryAddress.street || "",
+				city: j.deliveryAddress.city || "",
+				state: j.deliveryAddress.state || "",
+				postalCode: j.deliveryAddress.postalCode || "",
+				country: j.deliveryAddress.country || "USA"
 			},
-			items: R.items || [],
-			scheduledDelivery: P(R.scheduledDelivery),
-			specialInstructions: R.specialInstructions || ""
+			items: j.items || [],
+			scheduledDelivery: E(j.scheduledDelivery),
+			specialInstructions: j.specialInstructions || ""
 		});
-	}, [R]);
-	let J = () => {
-		L && L(c(I, "orders"));
-	}, ae = () => {
-		let e = V.find((e) => e.id === U.customerId);
-		return !U.customerId || !e ? "Select a customer for this order." : U.pickupAddress.street.trim() ? U.deliveryAddress.street.trim() ? U.items.length === 0 ? "Add at least one item to the order." : U.scheduledDelivery && Number.isNaN(Date.parse(U.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(), q(null);
-		let t = ae();
+	}, [j]);
+	let q = () => {
+		if (A) {
+			if (!z && O) {
+				A(s(k, `customers/${O}`));
+				return;
+			}
+			A(s(k, "orders"));
+		}
+	}, J = () => B ?? P.find((e) => e.id === H.customerId), ye = () => !H.customerId || !J() ? L ? "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 = ye();
 		if (t) {
-			q(t);
+			K(t);
 			return;
 		}
-		let n = V.find((e) => e.id === U.customerId);
+		let n = J();
 		if (!n) {
-			q("Select a customer for this order.");
+			K(L ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
 			return;
 		}
-		K(!0);
+		G(!0);
 		try {
 			let e = {
-				customerId: U.customerId,
+				customerId: H.customerId,
 				customerInfo: {
 					name: n.name,
 					email: n.email,
 					phone: n.phone,
 					company: n.company
 				},
-				priority: U.priority,
-				pickupAddress: U.pickupAddress,
-				deliveryAddress: U.deliveryAddress,
-				items: U.items,
-				scheduledDelivery: U.scheduledDelivery ? new Date(U.scheduledDelivery) : null,
-				specialInstructions: U.specialInstructions
+				priority: H.priority,
+				pickupAddress: H.pickupAddress,
+				deliveryAddress: H.deliveryAddress,
+				items: H.items,
+				scheduledDelivery: H.scheduledDelivery ? new Date(H.scheduledDelivery) : null,
+				specialInstructions: H.specialInstructions
 			};
-			H && F ? (await B(F, e), L && L(c(I, `orders/${F}`))) : (await z(e), J());
+			z && D ? (await N(D, e), A && A(s(k, `orders/${D}`))) : (await M(e), q());
 		} catch (e) {
-			q(e instanceof Error ? e.message : H ? "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 {
-			K(!1);
+			G(!1);
 		}
 	}, X = (e, t) => {
-		W((n) => ({
+		U((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, Z = (e, t, n) => {
-		W((r) => ({
+		U((r) => ({
 			...r,
 			[e]: {
 				...r[e],
@@ -122,7 +131,7 @@ function F() {
 			}
 		}));
 	}, Q = () => {
-		W((e) => ({
+		U((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -140,13 +149,13 @@ function F() {
 				sku: ""
 			}]
 		}));
-	}, oe = (e) => {
-		W((t) => ({
+	}, be = (e) => {
+		U((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
 	}, $ = (e, t, n) => {
-		W((r) => ({
+		U((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -154,114 +163,110 @@ function F() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ A(re, {
-		title: H ? "Edit Order" : "Create Order",
-		subtitle: H ? `Editing ${R?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ k(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ w(ue, {
+		title: z ? "Edit Order" : "Create Order",
+		subtitle: z ? `Editing ${j?.orderNumber}` : "Create a new delivery order",
+		icon: /* @__PURE__ */ C(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ w("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ A(p, {
+			children: [/* @__PURE__ */ w(d, {
 				variant: "outline",
-				onClick: J,
-				children: [/* @__PURE__ */ k(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ A(p, {
+				onClick: q,
+				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ w(d, {
 				onClick: Y,
-				disabled: G,
-				children: [/* @__PURE__ */ k(a, { size: 16 }), G ? "Saving..." : H ? "Save Changes" : "Create Order"]
+				disabled: W || I,
+				children: [/* @__PURE__ */ C(a, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ k(N, {
-				icon: /* @__PURE__ */ k(r, { size: 18 }),
-				children: H ? "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(he, {
+				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__ */ k(M, {
+			/* @__PURE__ */ C(me, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ k(s, { size: 16 }),
-						done: !!U.customerId,
+						icon: /* @__PURE__ */ C(ee, { 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__ */ k(n, { size: 16 }),
-						done: !!U.pickupAddress.street && !!U.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__ */ k(r, { size: 16 }),
-						done: U.items.length > 0,
+						icon: /* @__PURE__ */ C(r, { size: 16 }),
+						done: H.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ A("form", {
+			/* @__PURE__ */ w("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ k(T, { message: ie }),
-					/* @__PURE__ */ A(j, { children: [/* @__PURE__ */ k("h2", {
+					/* @__PURE__ */ C(de, { message: ve }),
+					/* @__PURE__ */ w(T, { children: [/* @__PURE__ */ C("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ A("div", {
+						children: /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ A("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ k(y, {
-									htmlFor: "customer",
-									children: "Customer"
-								}), /* @__PURE__ */ A(b, {
-									value: U.customerId,
-									onValueChange: (e) => X("customerId", e),
-									children: [/* @__PURE__ */ k(C, {
-										id: "customer",
-										children: /* @__PURE__ */ k(w, { placeholder: "Select customer" })
-									}), /* @__PURE__ */ k(x, { children: V.map((e) => /* @__PURE__ */ A(S, {
-										value: e.id,
-										children: [
-											e.name,
-											" (",
-											e.email,
-											")"
-										]
-									}, e.id)) })]
-								})]
-							}), /* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ C(fe, {
+								customers: P,
+								value: H.customerId,
+								onValueChange: (e) => {
+									e && (X("customerId", e), V(P.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
+								},
+								onCreated: (e) => {
+									V(e), X("customerId", e.id), K(null);
+								},
+								createCustomer: F,
+								isLoading: I,
+								error: L,
+								onRetry: _e,
+								onOpenCustomers: () => {
+									A && A(s(k, te(z && D ? `orders/${D}/edit` : "orders/new")));
+								},
+								selectedCustomer: B
+							}), /* @__PURE__ */ w("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ k(y, {
+								children: [/* @__PURE__ */ C(_, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ A(b, {
-									value: U.priority,
+								}), /* @__PURE__ */ w(v, {
+									value: H.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ k(C, {
+									children: [/* @__PURE__ */ C(ae, {
 										id: "priority",
-										children: /* @__PURE__ */ k(w, {})
-									}), /* @__PURE__ */ A(x, { children: [
-										/* @__PURE__ */ k(S, {
+										children: /* @__PURE__ */ C(oe, {})
+									}), /* @__PURE__ */ w(ie, { children: [
+										/* @__PURE__ */ C(y, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ C(y, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ C(y, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ C(y, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -270,138 +275,138 @@ function F() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Pickup Address" }) }), /* @__PURE__ */ A(h, {
+						children: [/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Pickup Address" }) }), /* @__PURE__ */ w(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, {
+									children: [/* @__PURE__ */ C(_, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ k(v, {
+									}), /* @__PURE__ */ C(g, {
 										id: "pickupStreet",
-										value: U.pickupAddress.street,
+										value: H.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "pickupCity",
-											value: U.pickupAddress.city,
+											value: H.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "pickupState",
-											value: U.pickupAddress.state,
+											value: H.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "pickupPostal",
-											value: U.pickupAddress.postalCode,
+											value: H.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "pickupCountry",
-											value: U.pickupAddress.country,
+											value: H.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Delivery Address" }) }), /* @__PURE__ */ A(h, {
+						})] }), /* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Delivery Address" }) }), /* @__PURE__ */ w(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, {
+									children: [/* @__PURE__ */ C(_, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ k(v, {
+									}), /* @__PURE__ */ C(g, {
 										id: "deliveryStreet",
-										value: U.deliveryAddress.street,
+										value: H.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "deliveryCity",
-											value: U.deliveryAddress.city,
+											value: H.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "deliveryState",
-											value: U.deliveryAddress.state,
+											value: H.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "deliveryPostal",
-											value: U.deliveryAddress.postalCode,
+											value: H.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ C(_, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ C(g, {
 											id: "deliveryCountry",
-											value: U.deliveryAddress.country,
+											value: H.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -410,61 +415,61 @@ function F() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ A(g, {
+					/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ w(m, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ k(_, { children: "Order Items" }), /* @__PURE__ */ A(p, {
+						children: [/* @__PURE__ */ C(h, { children: "Order Items" }), /* @__PURE__ */ w(d, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ k(i, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ k(h, { children: U.items.length === 0 ? /* @__PURE__ */ k(ne, {
+					}), /* @__PURE__ */ C(p, { children: H.items.length === 0 ? /* @__PURE__ */ C(le, {
 						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__ */ A(p, {
+						action: /* @__PURE__ */ w(d, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ k(i, {
+							children: [/* @__PURE__ */ C(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ k("div", {
+					}) : /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: U.items.map((e, t) => /* @__PURE__ */ A("div", { children: [t > 0 && /* @__PURE__ */ k(ee, { className: "my-4" }), /* @__PURE__ */ A("div", {
+						children: H.items.map((e, t) => /* @__PURE__ */ w("div", { children: [t > 0 && /* @__PURE__ */ C(se, { className: "my-4" }), /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Item Name" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ C(_, { children: "Item Name" }), /* @__PURE__ */ C(g, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "SKU" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ C(_, { children: "SKU" }), /* @__PURE__ */ C(g, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Quantity" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ C(_, { children: "Quantity" }), /* @__PURE__ */ C(g, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
 										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Weight (kg)" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ C(_, { children: "Weight (kg)" }), /* @__PURE__ */ C(g, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -472,9 +477,9 @@ function F() {
 										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Value ($)" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ C(_, { children: "Value ($)" }), /* @__PURE__ */ C(g, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -482,52 +487,52 @@ function F() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ k(p, {
+									children: /* @__PURE__ */ C(d, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => oe(t),
-										children: /* @__PURE__ */ k(o, { size: 16 })
+										onClick: () => be(t),
+										children: /* @__PURE__ */ C(o, { size: 16 })
 									})
 								})
 							]
 						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ k(h, { children: /* @__PURE__ */ A("div", {
+					/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ C(p, { children: /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ A(y, {
+								/* @__PURE__ */ w(_, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ k(t, {
+									children: [/* @__PURE__ */ C(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ k(v, {
+								/* @__PURE__ */ C(g, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: U.scheduledDelivery,
+									value: H.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ k("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__ */ A("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ k(y, {
+							children: [/* @__PURE__ */ C(_, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ k(te, {
+							}), /* @__PURE__ */ C(ce, {
 								id: "specialInstructions",
-								value: U.specialInstructions,
+								value: H.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4
@@ -540,4 +545,4 @@ function F() {
 	});
 }
 //#endregion
-export { F as default };
+export { D as default };