@burdenoff/microfe-movethewheels 2026.921.1 → 2026.924.1

package/dist/pages/CreateOrderPage.js

@@ -3,22 +3,24 @@ 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 { Route as a } from "../node_modules/lucide-react/dist/esm/icons/route.js";
+import { Save as o } 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 { Users as te } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { buildCustomerCreatePath as ne, joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as re } from "../providers/MoveTheWheelsProvider.js";
+import { useRoute as ie, useRoutes as ae } from "../hooks/useRoutes.js";
+import { useOrder as oe, useOrders as c } from "../hooks/useOrders.js";
+import { useCustomer as l, useCustomers as u } 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 se, SelectContent as ce, SelectItem as v, SelectTrigger as le, SelectValue as ue, Separator as de, Textarea as y } from "../components/ui.js";
+import { EmptyState as fe, PageLayout as pe } from "../components/PageLayout.js";
+import { FormError as me } from "../components/FormError.js";
+import { EntityCombobox as he } from "../components/EntityCombobox.js";
+import { CustomerPicker as ge } 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 _e, useSearchParams as ve } from "react-router";
+import { Fragment as ye, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmphasisPanel as be, NextSteps as xe, PagePurpose as Se } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
 function w(e) {
 	if (!e || Number.isNaN(e.getTime())) return "";
@@ -26,116 +28,143 @@ function w(e) {
 	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({
+	let { orderId: T } = _e(), [E] = ve(), D = E.get("customerId")?.trim() || void 0, { basePath: O, navigate: k } = re(), { order: A } = oe(T), { createOrder: j, updateOrder: Ce } = c(), [we, Te] = x(""), { customers: M, createCustomer: Ee, isLoading: N, error: P, refetch: De } = u({
 		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: we || void 0 }
+	}), { customer: F } = l(D ?? A?.customerId), [Oe, ke] = x(""), { routes: I, isLoading: L, error: R, hasMore: Ae, totalRoutes: je } = ae({
+		status: "planned",
+		search: Oe || void 0,
+		limit: 20
+	}), z = !!T && !!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: w(A?.scheduledDelivery),
+		specialInstructions: A?.specialInstructions || ""
+	}), { route: Me, isLoading: Ne } = ie(H.routeId || void 0), [W, G] = x(!1), [Pe, K] = x(null);
 	b(() => {
-		L && (B((e) => e?.id === L.id ? e : L), H((e) => e.customerId ? e : {
+		F && (V((e) => e?.id === F.id ? e : F), U((e) => e.customerId ? e : {
 			...e,
-			customerId: L.id
+			customerId: F.id
 		}));
-	}, [L]), b(() => {
-		k && H({
-			customerId: k.customerId || "",
-			priority: k.priority || "normal",
+	}, [F]), b(() => {
+		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: w(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(s(O, `customers/${D}`));
 				return;
 			}
-			O(s(D, "orders"));
+			k(s(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 ?? M.find((e) => e.id === H.customerId), Fe = () => !H.customerId || !J() ? P ? "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 = Fe();
 		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(P ? "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 && T ? (await Ce(T, e), k && k(s(O, `orders/${T}`))) : (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
 			}
 		}));
+	}, Ie = (e) => {
+		if (!e) {
+			X("routeId", "");
+			return;
+		}
+		let t = I.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 +182,13 @@ function T() {
 				sku: ""
 			}]
 		}));
-	}, Ce = (e) => {
-		H((t) => ({
+	}, Le = (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,36 +196,36 @@ function T() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ C(ue, {
-		title: R ? "Edit Order" : "Create Order",
-		subtitle: R ? `Editing ${k?.orderNumber}` : "Create a new delivery order",
+	return /* @__PURE__ */ C(pe, {
+		title: z ? "Edit Order" : "Create Order",
+		subtitle: z ? `Editing ${A?.orderNumber}` : "Create a new delivery order",
 		icon: /* @__PURE__ */ S(r, { size: 24 }),
 		headerActions: /* @__PURE__ */ C("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ C(d, {
 				variant: "outline",
-				onClick: K,
+				onClick: q,
 				children: [/* @__PURE__ */ S(e, { size: 16 }), "Cancel"]
 			}), /* @__PURE__ */ C(d, {
 				onClick: Y,
-				disabled: U || F,
-				children: [/* @__PURE__ */ S(a, { size: 16 }), U ? "Saving..." : R ? "Save Changes" : "Create Order"]
+				disabled: W || N,
+				children: [/* @__PURE__ */ S(o, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ S(ve, {
+			/* @__PURE__ */ S(Se, {
 				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."
+				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__ */ S(xe, {
 				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__ */ S(te, { size: 16 }),
+						done: !!H.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
 					{
@@ -204,7 +233,7 @@ function T() {
 						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,
+						done: !!H.pickupAddress.street && !!H.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
 					{
@@ -212,7 +241,7 @@ function T() {
 						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,
+						done: H.items.length > 0,
 						onClick: Q
 					}
 				]
@@ -221,58 +250,57 @@ function T() {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ S(de, { message: Se }),
-					/* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ S("h2", {
+					/* @__PURE__ */ S(me, { message: Pe }),
+					/* @__PURE__ */ C(be, { children: [/* @__PURE__ */ S("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
 					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
 						children: /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ S(pe, {
-								customers: P,
-								value: V.customerId,
+							children: [/* @__PURE__ */ S(ge, {
+								customers: M,
+								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(M.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,
-								isLoading: F,
-								error: I,
-								onRetry: xe,
+								createCustomer: Ee,
+								isLoading: N,
+								error: P,
+								onRetry: De,
 								onOpenCustomers: () => {
-									O && O(s(D, te(R && T ? `orders/${T}/edit` : "orders/new")));
+									k && k(s(O, ne(z && T ? `orders/${T}/edit` : "orders/new")));
 								},
-								selectedCustomer: z,
-								searchQuery: M,
-								onSearchQueryChange: N
+								selectedCustomer: B,
+								onSearchQueryChange: Te
 							}), /* @__PURE__ */ C("div", {
 								className: "space-y-2",
 								children: [/* @__PURE__ */ S(_, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ C(v, {
-									value: V.priority,
+								}), /* @__PURE__ */ C(se, {
+									value: H.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ S(ae, {
+									children: [/* @__PURE__ */ S(le, {
 										id: "priority",
-										children: /* @__PURE__ */ S(oe, {})
-									}), /* @__PURE__ */ C(ie, { children: [
-										/* @__PURE__ */ S(y, {
+										children: /* @__PURE__ */ S(ue, {})
+									}), /* @__PURE__ */ C(ce, { children: [
+										/* @__PURE__ */ S(v, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ S(v, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ S(v, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ S(y, {
+										/* @__PURE__ */ S(v, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -281,6 +309,40 @@ function T() {
 							})]
 						})
 					})] }),
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ C(h, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(a, { size: 18 }), "Saved Route (Optional)"]
+					}) }), /* @__PURE__ */ C(p, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ S(he, {
+							id: "saved-route",
+							value: H.routeId,
+							onChange: Ie,
+							options: I,
+							loading: L,
+							getId: (e) => e.id,
+							getLabel: (e) => `${e.name} · ${e.stops.length} stops`,
+							renderOption: (e) => /* @__PURE__ */ C(ye, { children: [
+								e.name,
+								" · ",
+								e.stops.length,
+								" stops"
+							] }),
+							selectedOption: Me,
+							selectedLoading: Ne,
+							placeholder: "Choose a saved route",
+							searchPlaceholder: "Search saved routes",
+							emptyText: "No saved routes found.",
+							noneLabel: "No saved route",
+							error: R ? "Saved routes are unavailable" : void 0,
+							onSearchChange: ke,
+							hasMore: Ae,
+							totalCount: je
+						}), /* @__PURE__ */ S("p", {
+							className: "text-xs text-text-secondary",
+							children: L ? "Loading planned routes…" : R ? "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__ */ C("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, {
@@ -293,7 +355,7 @@ function T() {
 										children: "Street Address"
 									}), /* @__PURE__ */ S(g, {
 										id: "pickupStreet",
-										value: V.pickupAddress.street,
+										value: H.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
@@ -307,7 +369,7 @@ function T() {
 											children: "City"
 										}), /* @__PURE__ */ S(g, {
 											id: "pickupCity",
-											value: V.pickupAddress.city,
+											value: H.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
@@ -318,7 +380,7 @@ function T() {
 											children: "State"
 										}), /* @__PURE__ */ S(g, {
 											id: "pickupState",
-											value: V.pickupAddress.state,
+											value: H.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
@@ -333,7 +395,7 @@ function T() {
 											children: "Postal Code"
 										}), /* @__PURE__ */ S(g, {
 											id: "pickupPostal",
-											value: V.pickupAddress.postalCode,
+											value: H.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
@@ -344,7 +406,7 @@ function T() {
 											children: "Country"
 										}), /* @__PURE__ */ S(g, {
 											id: "pickupCountry",
-											value: V.pickupAddress.country,
+											value: H.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -361,7 +423,7 @@ function T() {
 										children: "Street Address"
 									}), /* @__PURE__ */ S(g, {
 										id: "deliveryStreet",
-										value: V.deliveryAddress.street,
+										value: H.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
@@ -375,7 +437,7 @@ function T() {
 											children: "City"
 										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCity",
-											value: V.deliveryAddress.city,
+											value: H.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
@@ -386,7 +448,7 @@ function T() {
 											children: "State"
 										}), /* @__PURE__ */ S(g, {
 											id: "deliveryState",
-											value: V.deliveryAddress.state,
+											value: H.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
@@ -401,7 +463,7 @@ function T() {
 											children: "Postal Code"
 										}), /* @__PURE__ */ S(g, {
 											id: "deliveryPostal",
-											value: V.deliveryAddress.postalCode,
+											value: H.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
@@ -412,7 +474,7 @@ function T() {
 											children: "Country"
 										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCountry",
-											value: V.deliveryAddress.country,
+											value: H.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -430,7 +492,7 @@ function T() {
 							onClick: Q,
 							children: [/* @__PURE__ */ S(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ S(p, { children: V.items.length === 0 ? /* @__PURE__ */ S(le, {
+					}), /* @__PURE__ */ S(p, { children: H.items.length === 0 ? /* @__PURE__ */ S(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.",
@@ -445,7 +507,7 @@ function T() {
 						})
 					}) : /* @__PURE__ */ S("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__ */ C("div", { children: [t > 0 && /* @__PURE__ */ S(de, { className: "my-4" }), /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
 								/* @__PURE__ */ C("div", {
@@ -500,7 +562,7 @@ function T() {
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => Ce(t),
+										onClick: () => Le(t),
 										children: /* @__PURE__ */ S(ee, { size: 16 })
 									})
 								})
@@ -523,7 +585,7 @@ function T() {
 								/* @__PURE__ */ S(g, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: V.scheduledDelivery,
+									value: H.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
 								/* @__PURE__ */ S("p", {
@@ -536,9 +598,9 @@ function T() {
 							children: [/* @__PURE__ */ S(_, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ S(ce, {
+							}), /* @__PURE__ */ S(y, {
 								id: "specialInstructions",
-								value: V.specialInstructions,
+								value: H.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4