@burdenoff/microfe-movethewheels 2026.920.3 → 2026.921.1

package/dist/pages/CreateOrderPage.js

@@ -4,8 +4,8 @@ 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 ee } from "../node_modules/lucide-react/dist/esm/icons/users.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";
@@ -13,117 +13,121 @@ 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 { 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 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";
+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 E(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 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 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: j?.pickupAddress.street || "",
-			city: j?.pickupAddress.city || "",
-			state: j?.pickupAddress.state || "",
-			postalCode: j?.pickupAddress.postalCode || "",
-			country: j?.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: j?.deliveryAddress.street || "",
-			city: j?.deliveryAddress.city || "",
-			state: j?.deliveryAddress.state || "",
-			postalCode: j?.deliveryAddress.postalCode || "",
-			country: j?.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: j?.items || [],
-		scheduledDelivery: E(j?.scheduledDelivery),
-		specialInstructions: j?.specialInstructions || ""
-	}), [W, G] = x(!1), [ve, K] = x(null);
+		items: k?.items || [],
+		scheduledDelivery: w(k?.scheduledDelivery),
+		specialInstructions: k?.specialInstructions || ""
+	}), [U, W] = x(!1), [Se, G] = x(null);
 	b(() => {
-		R && (V((e) => e?.id === R.id ? e : R), U((e) => e.customerId ? e : {
+		L && (B((e) => e?.id === L.id ? e : L), H((e) => e.customerId ? e : {
 			...e,
-			customerId: R.id
+			customerId: L.id
 		}));
-	}, [R]), b(() => {
-		j && U({
-			customerId: j.customerId || "",
-			priority: j.priority || "normal",
+	}, [L]), b(() => {
+		k && H({
+			customerId: k.customerId || "",
+			priority: k.priority || "normal",
 			pickupAddress: {
-				street: j.pickupAddress.street || "",
-				city: j.pickupAddress.city || "",
-				state: j.pickupAddress.state || "",
-				postalCode: j.pickupAddress.postalCode || "",
-				country: j.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: j.deliveryAddress.street || "",
-				city: j.deliveryAddress.city || "",
-				state: j.deliveryAddress.state || "",
-				postalCode: j.deliveryAddress.postalCode || "",
-				country: j.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: j.items || [],
-			scheduledDelivery: E(j.scheduledDelivery),
-			specialInstructions: j.specialInstructions || ""
+			items: k.items || [],
+			scheduledDelivery: w(k.scheduledDelivery),
+			specialInstructions: k.specialInstructions || ""
 		});
-	}, [j]);
-	let q = () => {
-		if (A) {
-			if (!z && O) {
-				A(s(k, `customers/${O}`));
+	}, [k]);
+	let K = () => {
+		if (O) {
+			if (!R && E) {
+				O(s(D, `customers/${E}`));
 				return;
 			}
-			A(s(k, "orders"));
+			O(s(D, "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();
+	}, 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) {
-			K(t);
+			G(t);
 			return;
 		}
-		let n = J();
+		let n = q();
 		if (!n) {
-			K(L ? "Customers could not be loaded. Retry or create a customer before continuing." : "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;
 		}
-		G(!0);
+		W(!0);
 		try {
 			let e = {
-				customerId: H.customerId,
+				customerId: V.customerId,
 				customerInfo: {
 					name: n.name,
 					email: n.email,
 					phone: n.phone,
 					company: n.company
 				},
-				priority: H.priority,
-				pickupAddress: H.pickupAddress,
-				deliveryAddress: H.deliveryAddress,
-				items: H.items,
-				scheduledDelivery: H.scheduledDelivery ? new Date(H.scheduledDelivery) : null,
-				specialInstructions: H.specialInstructions
+				priority: V.priority,
+				pickupAddress: V.pickupAddress,
+				deliveryAddress: V.deliveryAddress,
+				items: V.items,
+				scheduledDelivery: V.scheduledDelivery ? new Date(V.scheduledDelivery) : null,
+				specialInstructions: V.specialInstructions
 			};
-			z && D ? (await N(D, e), A && A(s(k, `orders/${D}`))) : (await M(e), q());
+			R && T ? (await j(T, e), O && O(s(D, `orders/${T}`))) : (await A(e), K());
 		} 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.");
+			G(e instanceof Error ? e.message : R ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
-			G(!1);
+			W(!1);
 		}
 	}, X = (e, t) => {
-		U((n) => ({
+		H((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, Z = (e, t, n) => {
-		U((r) => ({
+		H((r) => ({
 			...r,
 			[e]: {
 				...r[e],
@@ -131,7 +135,7 @@ function D() {
 			}
 		}));
 	}, Q = () => {
-		U((e) => ({
+		H((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -149,13 +153,13 @@ function D() {
 				sku: ""
 			}]
 		}));
-	}, be = (e) => {
-		U((t) => ({
+	}, Ce = (e) => {
+		H((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
 	}, $ = (e, t, n) => {
-		U((r) => ({
+		H((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -163,110 +167,112 @@ function D() {
 			} : r)
 		}));
 	};
-	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", {
+	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__ */ w(d, {
+			children: [/* @__PURE__ */ C(d, {
 				variant: "outline",
-				onClick: q,
-				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ w(d, {
+				onClick: K,
+				children: [/* @__PURE__ */ S(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ C(d, {
 				onClick: Y,
-				disabled: W || I,
-				children: [/* @__PURE__ */ C(a, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
+				disabled: U || F,
+				children: [/* @__PURE__ */ S(a, { size: 16 }), U ? "Saving..." : R ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__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__ */ S(ve, {
+				icon: /* @__PURE__ */ S(r, { size: 18 }),
+				children: R ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
 			}),
-			/* @__PURE__ */ C(me, {
+			/* @__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__ */ C(ee, { size: 16 }),
-						done: !!H.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__ */ C(n, { size: 16 }),
-						done: !!H.pickupAddress.street && !!H.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__ */ C(r, { size: 16 }),
-						done: H.items.length > 0,
+						icon: /* @__PURE__ */ S(r, { size: 16 }),
+						done: V.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ w("form", {
+			/* @__PURE__ */ C("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(de, { message: ve }),
-					/* @__PURE__ */ w(T, { children: [/* @__PURE__ */ C("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__ */ C("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ C(fe, {
+							children: [/* @__PURE__ */ S(pe, {
 								customers: P,
-								value: H.customerId,
+								value: V.customerId,
 								onValueChange: (e) => {
-									e && (X("customerId", e), V(P.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
+									e && (X("customerId", e), B(P.find((t) => t.id === e) ?? (z?.id === e ? z : null)), G(null));
 								},
 								onCreated: (e) => {
-									V(e), X("customerId", e.id), K(null);
+									B(e), X("customerId", e.id), G(null);
 								},
-								createCustomer: F,
-								isLoading: I,
-								error: L,
-								onRetry: _e,
+								createCustomer: be,
+								isLoading: F,
+								error: I,
+								onRetry: xe,
 								onOpenCustomers: () => {
-									A && A(s(k, te(z && D ? `orders/${D}/edit` : "orders/new")));
+									O && O(s(D, te(R && T ? `orders/${T}/edit` : "orders/new")));
 								},
-								selectedCustomer: B
-							}), /* @__PURE__ */ w("div", {
+								selectedCustomer: z,
+								searchQuery: M,
+								onSearchQueryChange: N
+							}), /* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ C(_, {
+								children: [/* @__PURE__ */ S(_, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ w(v, {
-									value: H.priority,
+								}), /* @__PURE__ */ C(v, {
+									value: V.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ C(ae, {
+									children: [/* @__PURE__ */ S(ae, {
 										id: "priority",
-										children: /* @__PURE__ */ C(oe, {})
-									}), /* @__PURE__ */ w(ie, { children: [
-										/* @__PURE__ */ C(y, {
+										children: /* @__PURE__ */ S(oe, {})
+									}), /* @__PURE__ */ C(ie, { children: [
+										/* @__PURE__ */ S(y, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ S(y, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ S(y, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ C(y, {
+										/* @__PURE__ */ S(y, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -275,138 +281,138 @@ function D() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ C("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__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Pickup Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(g, {
+									}), /* @__PURE__ */ S(g, {
 										id: "pickupStreet",
-										value: H.pickupAddress.street,
+										value: V.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCity",
-											value: H.pickupAddress.city,
+											value: V.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupState",
-											value: H.pickupAddress.state,
+											value: V.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupPostal",
-											value: H.pickupAddress.postalCode,
+											value: V.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "pickupCountry",
-											value: H.pickupAddress.country,
+											value: V.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ w(f, { children: [/* @__PURE__ */ C(m, { children: /* @__PURE__ */ C(h, { children: "Delivery Address" }) }), /* @__PURE__ */ w(p, {
+						})] }), /* @__PURE__ */ C(f, { children: [/* @__PURE__ */ S(m, { children: /* @__PURE__ */ S(h, { children: "Delivery Address" }) }), /* @__PURE__ */ C(p, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, {
+									children: [/* @__PURE__ */ S(_, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(g, {
+									}), /* @__PURE__ */ S(g, {
 										id: "deliveryStreet",
-										value: H.deliveryAddress.street,
+										value: V.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCity",
-											value: H.deliveryAddress.city,
+											value: V.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryState",
-											value: H.deliveryAddress.state,
+											value: V.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryPostal",
-											value: H.deliveryAddress.postalCode,
+											value: V.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(_, {
+										children: [/* @__PURE__ */ S(_, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(g, {
+										}), /* @__PURE__ */ S(g, {
 											id: "deliveryCountry",
-											value: H.deliveryAddress.country,
+											value: V.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -415,61 +421,61 @@ function D() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ w(f, { children: [/* @__PURE__ */ w(m, {
+					/* @__PURE__ */ C(f, { children: [/* @__PURE__ */ C(m, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ C(h, { children: "Order Items" }), /* @__PURE__ */ w(d, {
+						children: [/* @__PURE__ */ S(h, { children: "Order Items" }), /* @__PURE__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ S(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ C(p, { children: H.items.length === 0 ? /* @__PURE__ */ C(le, {
+					}), /* @__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__ */ w(d, {
+						action: /* @__PURE__ */ C(d, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ S(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ S("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: 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__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Item Name" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ S(_, { children: "Item Name" }), /* @__PURE__ */ S(g, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "SKU" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ S(_, { children: "SKU" }), /* @__PURE__ */ S(g, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Quantity" }), /* @__PURE__ */ C(g, {
+									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__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Weight (kg)" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ S(_, { children: "Weight (kg)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.1",
@@ -477,9 +483,9 @@ function D() {
 										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(_, { children: "Value ($)" }), /* @__PURE__ */ C(g, {
+									children: [/* @__PURE__ */ S(_, { children: "Value ($)" }), /* @__PURE__ */ S(g, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -487,52 +493,52 @@ function D() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ C(d, {
+									children: /* @__PURE__ */ S(d, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => be(t),
-										children: /* @__PURE__ */ C(o, { size: 16 })
+										onClick: () => Ce(t),
+										children: /* @__PURE__ */ S(ee, { 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__ */ 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__ */ w("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ w(_, {
+								/* @__PURE__ */ C(_, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ C(t, {
+									children: [/* @__PURE__ */ S(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ C(g, {
+								/* @__PURE__ */ S(g, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: H.scheduledDelivery,
+									value: V.scheduledDelivery,
 									onChange: (e) => X("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ C("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__ */ w("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ C(_, {
+							children: [/* @__PURE__ */ S(_, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ C(ce, {
+							}), /* @__PURE__ */ S(ce, {
 								id: "specialInstructions",
-								value: H.specialInstructions,
+								value: V.specialInstructions,
 								onChange: (e) => X("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4
@@ -545,4 +551,4 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { T as default };