@burdenoff/microfe-movethewheels 2026.920.3 → 2026.923.1

package/dist/pages/CreateOrderPage.js

@@ -3,95 +3,106 @@ 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 o } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-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 { 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 pe, useSearchParams as S } from "react-router";
+import { useParams as ge, 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";
+import { EmphasisPanel as _e, NextSteps as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function E(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 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",
+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: 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: j?.pickupAddress.street || "",
-			city: j?.pickupAddress.city || "",
-			state: j?.pickupAddress.state || "",
-			postalCode: j?.pickupAddress.postalCode || "",
-			country: j?.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: j?.deliveryAddress.street || "",
-			city: j?.deliveryAddress.city || "",
-			state: j?.deliveryAddress.state || "",
-			postalCode: j?.deliveryAddress.postalCode || "",
-			country: j?.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: j?.items || [],
-		scheduledDelivery: E(j?.scheduledDelivery),
-		specialInstructions: j?.specialInstructions || ""
-	}), [W, G] = x(!1), [ve, K] = x(null);
+		items: A?.items || [],
+		scheduledDelivery: T(A?.scheduledDelivery),
+		specialInstructions: A?.specialInstructions || ""
+	}), [W, G] = x(!1), [Ee, K] = x(null);
 	b(() => {
-		R && (V((e) => e?.id === R.id ? e : R), U((e) => e.customerId ? e : {
+		L && (V((e) => e?.id === L.id ? e : L), U((e) => e.customerId ? e : {
 			...e,
-			customerId: R.id
+			customerId: L.id
 		}));
-	}, [R]), b(() => {
-		j && U({
-			customerId: j.customerId || "",
-			priority: j.priority || "normal",
+	}, [L]), b(() => {
+		A && U({
+			customerId: A.customerId || "",
+			priority: A.priority || "normal",
+			routeId: A.routeId || "",
 			pickupAddress: {
-				street: j.pickupAddress.street || "",
-				city: j.pickupAddress.city || "",
-				state: j.pickupAddress.state || "",
-				postalCode: j.pickupAddress.postalCode || "",
-				country: j.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: j.deliveryAddress.street || "",
-				city: j.deliveryAddress.city || "",
-				state: j.deliveryAddress.state || "",
-				postalCode: j.deliveryAddress.postalCode || "",
-				country: j.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: j.items || [],
-			scheduledDelivery: E(j.scheduledDelivery),
-			specialInstructions: j.specialInstructions || ""
+			items: A.items || [],
+			scheduledDelivery: T(A.scheduledDelivery),
+			specialInstructions: A.specialInstructions || ""
 		});
-	}, [j]);
+	}, [A]);
 	let q = () => {
-		if (A) {
-			if (!z && O) {
-				A(s(k, `customers/${O}`));
+		if (k) {
+			if (!z && D) {
+				k(o(O, `customers/${D}`));
 				return;
 			}
-			A(s(k, "orders"));
+			k(o(O, "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) => {
+	}, 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 = ye();
+		let t = De();
 		if (t) {
 			K(t);
 			return;
 		}
 		let n = J();
 		if (!n) {
-			K(L ? "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;
 		}
 		G(!0);
@@ -109,9 +120,10 @@ function D() {
 				deliveryAddress: H.deliveryAddress,
 				items: H.items,
 				scheduledDelivery: H.scheduledDelivery ? new Date(H.scheduledDelivery) : null,
+				routeId: H.routeId || void 0,
 				specialInstructions: H.specialInstructions
 			};
-			z && D ? (await N(D, e), A && A(s(k, `orders/${D}`))) : (await M(e), q());
+			z && E ? (await M(E, e), k && k(o(O, `orders/${E}`))) : (await j(e), q());
 		} catch (e) {
 			K(e instanceof Error ? e.message : z ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
@@ -130,6 +142,26 @@ function D() {
 				[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 = () => {
 		U((e) => ({
 			...e,
@@ -149,7 +181,7 @@ function D() {
 				sku: ""
 			}]
 		}));
-	}, be = (e) => {
+	}, ke = (e) => {
 		U((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
@@ -163,35 +195,35 @@ function D() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ w(ue, {
+	return /* @__PURE__ */ w(y, {
 		title: z ? "Edit Order" : "Create Order",
-		subtitle: z ? `Editing ${j?.orderNumber}` : "Create a new delivery 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__ */ w(d, {
+			children: [/* @__PURE__ */ w(s, {
 				variant: "outline",
 				onClick: q,
 				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ w(d, {
+			}), /* @__PURE__ */ w(s, {
 				onClick: Y,
-				disabled: W || I,
-				children: [/* @__PURE__ */ C(a, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
+				disabled: W || F,
+				children: [/* @__PURE__ */ C(ee, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ C(he, {
+			/* @__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__ */ C(me, {
+			/* @__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__ */ C(ee, { size: 16 }),
+						icon: /* @__PURE__ */ C(ne, { size: 16 }),
 						done: !!H.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
@@ -217,15 +249,15 @@ function D() {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(de, { message: ve }),
-					/* @__PURE__ */ w(T, { children: [/* @__PURE__ */ C("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__ */ C("div", {
 						className: "space-y-4",
 						children: /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ C(fe, {
+							children: [/* @__PURE__ */ C(he, {
 								customers: P,
 								value: H.customerId,
 								onValueChange: (e) => {
@@ -234,39 +266,41 @@ function D() {
 								onCreated: (e) => {
 									V(e), X("customerId", e.id), K(null);
 								},
-								createCustomer: F,
-								isLoading: I,
-								error: L,
-								onRetry: _e,
+								createCustomer: Se,
+								isLoading: F,
+								error: I,
+								onRetry: Ce,
 								onOpenCustomers: () => {
-									A && A(s(k, te(z && D ? `orders/${D}/edit` : "orders/new")));
+									k && k(o(O, re(z && E ? `orders/${E}/edit` : "orders/new")));
 								},
-								selectedCustomer: B
+								selectedCustomer: B,
+								searchQuery: N,
+								onSearchQueryChange: xe
 							}), /* @__PURE__ */ w("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ C(_, {
+								children: [/* @__PURE__ */ C(p, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ w(v, {
+								}), /* @__PURE__ */ w(m, {
 									value: H.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ C(ae, {
+									children: [/* @__PURE__ */ C(_, {
 										id: "priority",
-										children: /* @__PURE__ */ C(oe, {})
-									}), /* @__PURE__ */ w(ie, { children: [
-										/* @__PURE__ */ C(y, {
+										children: /* @__PURE__ */ C(v, {})
+									}), /* @__PURE__ */ w(h, { children: [
+										/* @__PURE__ */ C(g, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ C(g, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ C(g, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ C(g, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -275,17 +309,45 @@ function D() {
 							})]
 						})
 					})] }),
+					/* @__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__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Pickup Address" }) }), /* @__PURE__ */ w(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__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, {
+									children: [/* @__PURE__ */ C(p, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(g, {
+									}), /* @__PURE__ */ C(f, {
 										id: "pickupStreet",
 										value: H.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
@@ -296,10 +358,10 @@ function D() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupCity",
 											value: H.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
@@ -307,10 +369,10 @@ function D() {
 										})]
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupState",
 											value: H.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
@@ -322,10 +384,10 @@ function D() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupPostal",
 											value: H.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
@@ -333,10 +395,10 @@ function D() {
 										})]
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "pickupCountry",
 											value: H.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
@@ -345,15 +407,15 @@ function D() {
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Delivery Address" }) }), /* @__PURE__ */ w(p, {
+						})] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Delivery Address" }) }), /* @__PURE__ */ w(l, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, {
+									children: [/* @__PURE__ */ C(p, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(g, {
+									}), /* @__PURE__ */ C(f, {
 										id: "deliveryStreet",
 										value: H.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
@@ -364,10 +426,10 @@ function D() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryCity",
 											value: H.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
@@ -375,10 +437,10 @@ function D() {
 										})]
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryState",
 											value: H.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
@@ -390,10 +452,10 @@ function D() {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryPostal",
 											value: H.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
@@ -401,10 +463,10 @@ function D() {
 										})]
 									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ C(p, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ C(f, {
 											id: "deliveryCountry",
 											value: H.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
@@ -415,20 +477,20 @@ function D() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ w(m, {
+					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(u, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ C(h, { children: "Order Items" }), /* @__PURE__ */ w(d, {
+						children: [/* @__PURE__ */ C(d, { children: "Order Items" }), /* @__PURE__ */ w(s, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
 							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ C(p, { children: H.items.length === 0 ? /* @__PURE__ */ C(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__ */ w(d, {
+						action: /* @__PURE__ */ w(s, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
@@ -439,12 +501,12 @@ function D() {
 						})
 					}) : /* @__PURE__ */ C("div", {
 						className: "space-y-4",
-						children: H.items.map((e, t) => /* @__PURE__ */ w("div", { children: [t > 0 && /* @__PURE__ */ C(se, { className: "my-4" }), /* @__PURE__ */ w("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__ */ w("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Item Name" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Item Name" }), /* @__PURE__ */ C(f, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
@@ -452,7 +514,7 @@ function D() {
 								}),
 								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "SKU" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ C(p, { children: "SKU" }), /* @__PURE__ */ C(f, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
@@ -460,7 +522,7 @@ function D() {
 								}),
 								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Quantity" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Quantity" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
@@ -469,7 +531,7 @@ function D() {
 								}),
 								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Weight (kg)" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Weight (kg)" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -479,7 +541,7 @@ function D() {
 								}),
 								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Value ($)" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ C(p, { children: "Value ($)" }), /* @__PURE__ */ C(f, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -489,24 +551,24 @@ function D() {
 								}),
 								/* @__PURE__ */ C("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ C(d, {
+									children: /* @__PURE__ */ C(s, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => be(t),
-										children: /* @__PURE__ */ C(o, { size: 16 })
+										onClick: () => ke(t),
+										children: /* @__PURE__ */ C(te, { size: 16 })
 									})
 								})
 							]
 						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ C(p, { children: /* @__PURE__ */ w("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__ */ w("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ w(_, {
+								/* @__PURE__ */ w(p, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
 									children: [/* @__PURE__ */ C(t, {
@@ -514,7 +576,7 @@ function D() {
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ C(g, {
+								/* @__PURE__ */ C(f, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
 									value: H.scheduledDelivery,
@@ -527,10 +589,10 @@ function D() {
 							]
 						}), /* @__PURE__ */ w("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ C(_, {
+							children: [/* @__PURE__ */ C(p, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ C(ce, {
+							}), /* @__PURE__ */ C(de, {
 								id: "specialInstructions",
 								value: H.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
@@ -545,4 +607,4 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { E as default };