@burdenoff/microfe-movethewheels 2026.920.2 → 2026.921.1

package/dist/pages/CreateOrderPage.js

@@ -4,117 +4,130 @@ import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin
 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 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 { 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 { 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";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function P(e) {
+function w(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 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({
+		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",
 		pickupAddress: {
-			street: R?.pickupAddress.street || "",
-			city: R?.pickupAddress.city || "",
-			state: R?.pickupAddress.state || "",
-			postalCode: R?.pickupAddress.postalCode || "",
-			country: R?.pickupAddress.country || "USA"
+			street: k?.pickupAddress.street || "",
+			city: k?.pickupAddress.city || "",
+			state: k?.pickupAddress.state || "",
+			postalCode: k?.pickupAddress.postalCode || "",
+			country: k?.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: k?.deliveryAddress.street || "",
+			city: k?.deliveryAddress.city || "",
+			state: k?.deliveryAddress.state || "",
+			postalCode: k?.deliveryAddress.postalCode || "",
+			country: k?.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: k?.items || [],
+		scheduledDelivery: w(k?.scheduledDelivery),
+		specialInstructions: k?.specialInstructions || ""
+	}), [U, W] = x(!1), [Se, G] = x(null);
+	b(() => {
+		L && (B((e) => e?.id === L.id ? e : L), H((e) => e.customerId ? e : {
+			...e,
+			customerId: L.id
+		}));
+	}, [L]), b(() => {
+		k && H({
+			customerId: k.customerId || "",
+			priority: k.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: k.pickupAddress.street || "",
+				city: k.pickupAddress.city || "",
+				state: k.pickupAddress.state || "",
+				postalCode: k.pickupAddress.postalCode || "",
+				country: k.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: k.deliveryAddress.street || "",
+				city: k.deliveryAddress.city || "",
+				state: k.deliveryAddress.state || "",
+				postalCode: k.deliveryAddress.postalCode || "",
+				country: k.deliveryAddress.country || "USA"
 			},
-			items: R.items || [],
-			scheduledDelivery: P(R.scheduledDelivery),
-			specialInstructions: R.specialInstructions || ""
+			items: k.items || [],
+			scheduledDelivery: w(k.scheduledDelivery),
+			specialInstructions: k.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();
+	}, [k]);
+	let K = () => {
+		if (O) {
+			if (!R && E) {
+				O(s(D, `customers/${E}`));
+				return;
+			}
+			O(s(D, "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();
 		if (t) {
-			q(t);
+			G(t);
 			return;
 		}
-		let n = V.find((e) => e.id === U.customerId);
+		let n = q();
 		if (!n) {
-			q("Select a customer for this order.");
+			G(I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
 			return;
 		}
-		K(!0);
+		W(!0);
 		try {
 			let e = {
-				customerId: U.customerId,
+				customerId: V.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: V.priority,
+				pickupAddress: V.pickupAddress,
+				deliveryAddress: V.deliveryAddress,
+				items: V.items,
+				scheduledDelivery: V.scheduledDelivery ? new Date(V.scheduledDelivery) : null,
+				specialInstructions: V.specialInstructions
 			};
-			H && F ? (await B(F, e), L && L(c(I, `orders/${F}`))) : (await z(e), J());
+			R && T ? (await j(T, e), O && O(s(D, `orders/${T}`))) : (await A(e), K());
 		} 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.");
+			G(e instanceof Error ? e.message : R ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
-			K(!1);
+			W(!1);
 		}
 	}, X = (e, t) => {
-		W((n) => ({
+		H((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, Z = (e, t, n) => {
-		W((r) => ({
+		H((r) => ({
 			...r,
 			[e]: {
 				...r[e],
@@ -122,7 +135,7 @@ function F() {
 			}
 		}));
 	}, Q = () => {
-		W((e) => ({
+		H((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -140,13 +153,13 @@ function F() {
 				sku: ""
 			}]
 		}));
-	}, oe = (e) => {
-		W((t) => ({
+	}, Ce = (e) => {
+		H((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
 	}, $ = (e, t, n) => {
-		W((r) => ({
+		H((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -154,114 +167,112 @@ 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__ */ 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", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ A(p, {
+			children: [/* @__PURE__ */ C(d, {
 				variant: "outline",
-				onClick: J,
-				children: [/* @__PURE__ */ k(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ A(p, {
+				onClick: K,
+				children: [/* @__PURE__ */ S(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ C(d, {
 				onClick: Y,
-				disabled: G,
-				children: [/* @__PURE__ */ k(a, { size: 16 }), G ? "Saving..." : H ? "Save Changes" : "Create Order"]
+				disabled: U || F,
+				children: [/* @__PURE__ */ S(a, { size: 16 }), U ? "Saving..." : R ? "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__ */ 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__ */ k(M, {
+			/* @__PURE__ */ S(_e, {
 				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__ */ S(o, { size: 16 }),
+						done: !!V.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__ */ S(n, { size: 16 }),
+						done: !!V.pickupAddress.street && !!V.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__ */ S(r, { size: 16 }),
+						done: V.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ A("form", {
+			/* @__PURE__ */ C("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ k(T, { message: ie }),
-					/* @__PURE__ */ A(j, { children: [/* @__PURE__ */ k("h2", {
+					/* @__PURE__ */ S(de, { message: Se }),
+					/* @__PURE__ */ C(ge, { children: [/* @__PURE__ */ S("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ k("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ A("div", {
+						children: /* @__PURE__ */ C("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__ */ S(pe, {
+								customers: P,
+								value: V.customerId,
+								onValueChange: (e) => {
+									e && (X("customerId", e), B(P.find((t) => t.id === e) ?? (z?.id === e ? z : null)), G(null));
+								},
+								onCreated: (e) => {
+									B(e), X("customerId", e.id), G(null);
+								},
+								createCustomer: be,
+								isLoading: F,
+								error: I,
+								onRetry: xe,
+								onOpenCustomers: () => {
+									O && O(s(D, te(R && T ? `orders/${T}/edit` : "orders/new")));
+								},
+								selectedCustomer: z,
+								searchQuery: M,
+								onSearchQueryChange: N
+							}), /* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ k(y, {
+								children: [/* @__PURE__ */ S(_, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ A(b, {
-									value: U.priority,
+								}), /* @__PURE__ */ C(v, {
+									value: V.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ k(C, {
+									children: [/* @__PURE__ */ S(ae, {
 										id: "priority",
-										children: /* @__PURE__ */ k(w, {})
-									}), /* @__PURE__ */ A(x, { children: [
-										/* @__PURE__ */ k(S, {
+										children: /* @__PURE__ */ S(oe, {})
+									}), /* @__PURE__ */ C(ie, { children: [
+										/* @__PURE__ */ S(y, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ S(y, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ S(y, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ k(S, {
+										/* @__PURE__ */ S(y, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -270,138 +281,138 @@ function F() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ C("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__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Pickup Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ k(v, {
+									}), /* @__PURE__ */ S(g, {
 										id: "pickupStreet",
-										value: U.pickupAddress.street,
+										value: V.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCity",
-											value: U.pickupAddress.city,
+											value: V.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupState",
-											value: U.pickupAddress.state,
+											value: V.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupPostal",
-											value: U.pickupAddress.postalCode,
+											value: V.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCountry",
-											value: U.pickupAddress.country,
+											value: V.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__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Delivery Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ k(v, {
+									}), /* @__PURE__ */ S(g, {
 										id: "deliveryStreet",
-										value: U.deliveryAddress.street,
+										value: V.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCity",
-											value: U.deliveryAddress.city,
+											value: V.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryState",
-											value: U.deliveryAddress.state,
+											value: V.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ A("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryPostal",
-											value: U.deliveryAddress.postalCode,
+											value: V.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ A("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(y, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ k(v, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCountry",
-											value: U.deliveryAddress.country,
+											value: V.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -410,61 +421,61 @@ function F() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ A(g, {
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(m, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ k(_, { children: "Order Items" }), /* @__PURE__ */ A(p, {
+						children: [/* @__PURE__ */ S(h, { children: "Order Items" }), /* @__PURE__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ k(i, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ S(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ k(h, { children: U.items.length === 0 ? /* @__PURE__ */ k(ne, {
+					}), /* @__PURE__ */ S(p, { children: V.items.length === 0 ? /* @__PURE__ */ S(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__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ k(i, {
+							children: [/* @__PURE__ */ S(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ k("div", {
+					}) : /* @__PURE__ */ S("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: V.items.map((e, t) => /* @__PURE__ */ C("div", { children: [t > 0 && /* @__PURE__ */ S(se, { className: "my-4" }), /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Item Name" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ S(_, { children: "Item Name" }), /* @__PURE__ */ S(g, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "SKU" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ S(_, { children: "SKU" }), /* @__PURE__ */ S(g, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Quantity" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ S(_, { children: "Quantity" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
 										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Weight (kg)" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ S(_, { children: "Weight (kg)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -472,9 +483,9 @@ function F() {
 										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(y, { children: "Value ($)" }), /* @__PURE__ */ k(v, {
+									children: [/* @__PURE__ */ S(_, { children: "Value ($)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -482,52 +493,52 @@ function F() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ k(p, {
+									children: /* @__PURE__ */ S(d, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => oe(t),
-										children: /* @__PURE__ */ k(o, { size: 16 })
+										onClick: () => Ce(t),
+										children: /* @__PURE__ */ S(ee, { 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__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ S(p, { children: /* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-						children: [/* @__PURE__ */ A("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ A(y, {
+								/* @__PURE__ */ C(_, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ k(t, {
+									children: [/* @__PURE__ */ S(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ k(v, {
+								/* @__PURE__ */ S(g, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: U.scheduledDelivery,
+									value: V.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ k("p", {
+								/* @__PURE__ */ S("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__ */ C("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ k(y, {
+							children: [/* @__PURE__ */ S(_, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ k(te, {
+							}), /* @__PURE__ */ S(ce, {
 								id: "specialInstructions",
-								value: U.specialInstructions,
+								value: V.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4
@@ -540,4 +551,4 @@ function F() {
 	});
 }
 //#endregion
-export { F as default };
+export { T as default };