@burdenoff/microfe-movethewheels 2026.822.1 → 2026.827.1

package/dist/pages/CreateOrderPage.js

@@ -1,111 +1,120 @@
 import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-import { MapPin as t } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Package as n } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { Plus as r } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { Save as i } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { Trash2 as a } 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 { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as ee, useOrders as te } from "../hooks/useOrders.js";
-import { useCustomers as l } from "../hooks/useCustomers.js";
-import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h, Label as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Separator as S, Textarea as C } from "../components/ui.js";
-import { EmptyState as w, PageLayout as T } from "../components/PageLayout.js";
-import { FormError as E } from "../components/FormError.js";
-import { useEffect as D, useState as O } from "react";
-import { useParams as k } from "react-router";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as M, NextSteps as ne, PagePurpose as re } from "@burdenoff/fe-libs/ui";
+import { CalendarClock as t } from "../node_modules/lucide-react/dist/esm/icons/calendar-clock.js";
+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 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";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function N() {
-	let { orderId: N } = k(), { basePath: P, navigate: F } = c(), { order: I } = ee(N), { createOrder: L, updateOrder: R } = te(), { customers: z } = l({ limit: 100 }), B = !!N && !!I, [V, H] = O({
-		customerId: I?.customerId || "",
-		priority: I?.priority || "normal",
+function P(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",
 		pickupAddress: {
-			street: I?.pickupAddress.street || "",
-			city: I?.pickupAddress.city || "",
-			state: I?.pickupAddress.state || "",
-			postalCode: I?.pickupAddress.postalCode || "",
-			country: I?.pickupAddress.country || "USA"
+			street: R?.pickupAddress.street || "",
+			city: R?.pickupAddress.city || "",
+			state: R?.pickupAddress.state || "",
+			postalCode: R?.pickupAddress.postalCode || "",
+			country: R?.pickupAddress.country || "USA"
 		},
 		deliveryAddress: {
-			street: I?.deliveryAddress.street || "",
-			city: I?.deliveryAddress.city || "",
-			state: I?.deliveryAddress.state || "",
-			postalCode: I?.deliveryAddress.postalCode || "",
-			country: I?.deliveryAddress.country || "USA"
+			street: R?.deliveryAddress.street || "",
+			city: R?.deliveryAddress.city || "",
+			state: R?.deliveryAddress.state || "",
+			postalCode: R?.deliveryAddress.postalCode || "",
+			country: R?.deliveryAddress.country || "USA"
 		},
-		items: I?.items || [],
-		specialInstructions: I?.specialInstructions || ""
-	}), [U, W] = O(!1), [G, K] = O(null);
-	D(() => {
-		I && H({
-			customerId: I.customerId || "",
-			priority: I.priority || "normal",
+		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",
 			pickupAddress: {
-				street: I.pickupAddress.street || "",
-				city: I.pickupAddress.city || "",
-				state: I.pickupAddress.state || "",
-				postalCode: I.pickupAddress.postalCode || "",
-				country: I.pickupAddress.country || "USA"
+				street: R.pickupAddress.street || "",
+				city: R.pickupAddress.city || "",
+				state: R.pickupAddress.state || "",
+				postalCode: R.pickupAddress.postalCode || "",
+				country: R.pickupAddress.country || "USA"
 			},
 			deliveryAddress: {
-				street: I.deliveryAddress.street || "",
-				city: I.deliveryAddress.city || "",
-				state: I.deliveryAddress.state || "",
-				postalCode: I.deliveryAddress.postalCode || "",
-				country: I.deliveryAddress.country || "USA"
+				street: R.deliveryAddress.street || "",
+				city: R.deliveryAddress.city || "",
+				state: R.deliveryAddress.state || "",
+				postalCode: R.deliveryAddress.postalCode || "",
+				country: R.deliveryAddress.country || "USA"
 			},
-			items: I.items || [],
-			specialInstructions: I.specialInstructions || ""
+			items: R.items || [],
+			scheduledDelivery: P(R.scheduledDelivery),
+			specialInstructions: R.specialInstructions || ""
 		});
-	}, [I]);
-	let q = () => {
-		F && F(s(P, "orders"));
-	}, J = () => {
-		let e = z.find((e) => e.id === V.customerId);
-		return !V.customerId || !e ? "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." : null : "Enter a delivery street address." : "Enter a pickup street address.";
+	}, [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(), K(null);
-		let t = J();
+		e.preventDefault(), q(null);
+		let t = ae();
 		if (t) {
-			K(t);
+			q(t);
 			return;
 		}
-		let n = z.find((e) => e.id === V.customerId);
+		let n = V.find((e) => e.id === U.customerId);
 		if (!n) {
-			K("Select a customer for this order.");
+			q("Select a customer for this order.");
 			return;
 		}
-		W(!0);
+		K(!0);
 		try {
 			let e = {
-				customerId: V.customerId,
+				customerId: U.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,
-				specialInstructions: V.specialInstructions
+				priority: U.priority,
+				pickupAddress: U.pickupAddress,
+				deliveryAddress: U.deliveryAddress,
+				items: U.items,
+				scheduledDelivery: U.scheduledDelivery ? new Date(U.scheduledDelivery) : null,
+				specialInstructions: U.specialInstructions
 			};
-			B && N ? (await R(N, e), F && F(s(P, `orders/${N}`))) : (await L(e), q());
+			H && F ? (await B(F, e), L && L(c(I, `orders/${F}`))) : (await z(e), J());
 		} catch (e) {
-			K(e instanceof Error ? e.message : B ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
+			q(e instanceof Error ? e.message : H ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
-			W(!1);
+			K(!1);
 		}
 	}, X = (e, t) => {
-		H((n) => ({
+		W((n) => ({
 			...n,
 			[e]: t
 		}));
 	}, Z = (e, t, n) => {
-		H((r) => ({
+		W((r) => ({
 			...r,
 			[e]: {
 				...r[e],
@@ -113,7 +122,7 @@ function N() {
 			}
 		}));
 	}, Q = () => {
-		H((e) => ({
+		W((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -131,13 +140,13 @@ function N() {
 				sku: ""
 			}]
 		}));
-	}, ie = (e) => {
-		H((t) => ({
+	}, oe = (e) => {
+		W((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
 	}, $ = (e, t, n) => {
-		H((r) => ({
+		W((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -145,80 +154,80 @@ function N() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ j(T, {
-		title: B ? "Edit Order" : "Create Order",
-		subtitle: B ? `Editing ${I?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ A(n, { size: 24 }),
-		headerActions: /* @__PURE__ */ j("div", {
+	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", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(u, {
+			children: [/* @__PURE__ */ A(p, {
 				variant: "outline",
-				onClick: q,
-				children: [/* @__PURE__ */ A(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ j(u, {
+				onClick: J,
+				children: [/* @__PURE__ */ k(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ A(p, {
 				onClick: Y,
-				disabled: U,
-				children: [/* @__PURE__ */ A(i, { size: 16 }), U ? "Saving..." : B ? "Save Changes" : "Create Order"]
+				disabled: G,
+				children: [/* @__PURE__ */ k(a, { size: 16 }), G ? "Saving..." : H ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ A(re, {
-				icon: /* @__PURE__ */ A(n, { size: 18 }),
-				children: B ? "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(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__ */ A(ne, {
+			/* @__PURE__ */ k(M, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ A(o, { size: 16 }),
-						done: !!V.customerId,
+						icon: /* @__PURE__ */ k(s, { size: 16 }),
+						done: !!U.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
 					{
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ A(t, { size: 16 }),
-						done: !!V.pickupAddress.street && !!V.deliveryAddress.street,
+						icon: /* @__PURE__ */ k(n, { size: 16 }),
+						done: !!U.pickupAddress.street && !!U.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__ */ A(n, { size: 16 }),
-						done: V.items.length > 0,
+						icon: /* @__PURE__ */ k(r, { size: 16 }),
+						done: U.items.length > 0,
 						onClick: Q
 					}
 				]
 			}),
-			/* @__PURE__ */ j("form", {
+			/* @__PURE__ */ A("form", {
 				onSubmit: Y,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ A(E, { message: G }),
-					/* @__PURE__ */ j(M, { children: [/* @__PURE__ */ A("h2", {
+					/* @__PURE__ */ k(T, { message: ie }),
+					/* @__PURE__ */ A(j, { children: [/* @__PURE__ */ k("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ A("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ j("div", {
+						children: /* @__PURE__ */ A("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ A("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ A(g, {
+								children: [/* @__PURE__ */ k(y, {
 									htmlFor: "customer",
 									children: "Customer"
-								}), /* @__PURE__ */ j(_, {
-									value: V.customerId,
+								}), /* @__PURE__ */ A(b, {
+									value: U.customerId,
 									onValueChange: (e) => X("customerId", e),
-									children: [/* @__PURE__ */ A(b, {
+									children: [/* @__PURE__ */ k(C, {
 										id: "customer",
-										children: /* @__PURE__ */ A(x, { placeholder: "Select customer" })
-									}), /* @__PURE__ */ A(v, { children: z.map((e) => /* @__PURE__ */ j(y, {
+										children: /* @__PURE__ */ k(w, { placeholder: "Select customer" })
+									}), /* @__PURE__ */ k(x, { children: V.map((e) => /* @__PURE__ */ A(S, {
 										value: e.id,
 										children: [
 											e.name,
@@ -228,31 +237,31 @@ function N() {
 										]
 									}, e.id)) })]
 								})]
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ A("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ A(g, {
+								children: [/* @__PURE__ */ k(y, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ j(_, {
-									value: V.priority,
+								}), /* @__PURE__ */ A(b, {
+									value: U.priority,
 									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ A(b, {
+									children: [/* @__PURE__ */ k(C, {
 										id: "priority",
-										children: /* @__PURE__ */ A(x, {})
-									}), /* @__PURE__ */ j(v, { children: [
-										/* @__PURE__ */ A(y, {
+										children: /* @__PURE__ */ k(w, {})
+									}), /* @__PURE__ */ A(x, { children: [
+										/* @__PURE__ */ k(S, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ A(y, {
+										/* @__PURE__ */ k(S, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ A(y, {
+										/* @__PURE__ */ k(S, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ A(y, {
+										/* @__PURE__ */ k(S, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -261,138 +270,138 @@ function N() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Pickup Address" }) }), /* @__PURE__ */ j(f, {
+						children: [/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Pickup Address" }) }), /* @__PURE__ */ A(h, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(g, {
+									children: [/* @__PURE__ */ k(y, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ A(h, {
+									}), /* @__PURE__ */ k(v, {
 										id: "pickupStreet",
-										value: V.pickupAddress.street,
+										value: U.pickupAddress.street,
 										onChange: (e) => Z("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "pickupCity",
-											value: V.pickupAddress.city,
+											value: U.pickupAddress.city,
 											onChange: (e) => Z("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ j("div", {
+									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "pickupState",
-											value: V.pickupAddress.state,
+											value: U.pickupAddress.state,
 											onChange: (e) => Z("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "pickupPostal",
-											value: V.pickupAddress.postalCode,
+											value: U.pickupAddress.postalCode,
 											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ j("div", {
+									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "pickupCountry",
-											value: V.pickupAddress.country,
+											value: U.pickupAddress.country,
 											onChange: (e) => Z("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Delivery Address" }) }), /* @__PURE__ */ j(f, {
+						})] }), /* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Delivery Address" }) }), /* @__PURE__ */ A(h, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(g, {
+									children: [/* @__PURE__ */ k(y, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ A(h, {
+									}), /* @__PURE__ */ k(v, {
 										id: "deliveryStreet",
-										value: V.deliveryAddress.street,
+										value: U.deliveryAddress.street,
 										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "deliveryCity",
-											value: V.deliveryAddress.city,
+											value: U.deliveryAddress.city,
 											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ j("div", {
+									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "deliveryState",
-											value: V.deliveryAddress.state,
+											value: U.deliveryAddress.state,
 											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
+									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "deliveryPostal",
-											value: V.deliveryAddress.postalCode,
+											value: U.deliveryAddress.postalCode,
 											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ j("div", {
+									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ A(g, {
+										children: [/* @__PURE__ */ k(y, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ A(h, {
+										}), /* @__PURE__ */ k(v, {
 											id: "deliveryCountry",
-											value: V.deliveryAddress.country,
+											value: U.deliveryAddress.country,
 											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
@@ -401,61 +410,71 @@ function N() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ j(p, {
+					/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ A(g, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ A(m, { children: "Order Items" }), /* @__PURE__ */ j(u, {
+						children: [/* @__PURE__ */ k(_, { children: "Order Items" }), /* @__PURE__ */ A(p, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
-							children: [/* @__PURE__ */ A(r, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ k(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ A(f, { children: V.items.length === 0 ? /* @__PURE__ */ A(w, {
+					}), /* @__PURE__ */ k(h, { children: U.items.length === 0 ? /* @__PURE__ */ k(ne, {
 						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__ */ j(u, {
+						action: /* @__PURE__ */ A(p, {
 							type: "button",
 							variant: "outline",
 							onClick: Q,
-							children: [/* @__PURE__ */ A(r, {
+							children: [/* @__PURE__ */ k(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ A("div", {
+					}) : /* @__PURE__ */ k("div", {
 						className: "space-y-4",
-						children: V.items.map((e, t) => /* @__PURE__ */ j("div", { children: [t > 0 && /* @__PURE__ */ A(S, { className: "my-4" }), /* @__PURE__ */ j("div", {
-							className: "grid grid-cols-1 md:grid-cols-6 gap-4",
+						children: U.items.map((e, t) => /* @__PURE__ */ A("div", { children: [t > 0 && /* @__PURE__ */ k(ee, { className: "my-4" }), /* @__PURE__ */ A("div", {
+							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
 							children: [
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ A(g, { children: "Item Name" }), /* @__PURE__ */ A(h, {
+									children: [/* @__PURE__ */ k(y, { children: "Item Name" }), /* @__PURE__ */ k(v, {
 										value: e.name,
 										onChange: (e) => $(t, "name", e.target.value),
 										placeholder: "Product name"
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(g, { children: "SKU" }), /* @__PURE__ */ A(h, {
+									children: [/* @__PURE__ */ k(y, { children: "SKU" }), /* @__PURE__ */ k(v, {
 										value: e.sku,
 										onChange: (e) => $(t, "sku", e.target.value),
 										placeholder: "SKU-001"
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(g, { children: "Quantity" }), /* @__PURE__ */ A(h, {
+									children: [/* @__PURE__ */ k(y, { children: "Quantity" }), /* @__PURE__ */ k(v, {
 										type: "number",
 										min: "1",
 										value: e.quantity,
 										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
 									})]
 								}),
-								/* @__PURE__ */ j("div", {
+								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ A(g, { children: "Value ($)" }), /* @__PURE__ */ A(h, {
+									children: [/* @__PURE__ */ k(y, { children: "Weight (kg)" }), /* @__PURE__ */ k(v, {
+										type: "number",
+										min: "0",
+										step: "0.1",
+										value: e.weight,
+										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
+									})]
+								}),
+								/* @__PURE__ */ A("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ k(y, { children: "Value ($)" }), /* @__PURE__ */ k(v, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -463,25 +482,57 @@ function N() {
 										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
 									})]
 								}),
-								/* @__PURE__ */ A("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ A(u, {
+									children: /* @__PURE__ */ k(p, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
-										onClick: () => ie(t),
-										children: /* @__PURE__ */ A(a, { size: 16 })
+										onClick: () => oe(t),
+										children: /* @__PURE__ */ k(o, { size: 16 })
 									})
 								})
 							]
 						})] }, e.id))
 					}) })] }),
-					/* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: "Special Instructions" }) }), /* @__PURE__ */ A(f, { children: /* @__PURE__ */ A(C, {
-						value: V.specialInstructions,
-						onChange: (e) => X("specialInstructions", e.target.value),
-						placeholder: "Any special handling or delivery instructions...",
-						rows: 4
+					/* @__PURE__ */ A(m, { children: [/* @__PURE__ */ k(g, { children: /* @__PURE__ */ k(_, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ k(h, { children: /* @__PURE__ */ A("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
+						children: [/* @__PURE__ */ A("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ A(y, {
+									htmlFor: "scheduledDelivery",
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ k(t, {
+										size: 14,
+										className: "text-text-secondary"
+									}), "Scheduled Delivery"]
+								}),
+								/* @__PURE__ */ k(v, {
+									id: "scheduledDelivery",
+									type: "datetime-local",
+									value: U.scheduledDelivery,
+									onChange: (e) => X("scheduledDelivery", e.target.value)
+								}),
+								/* @__PURE__ */ k("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", {
+							className: "md:col-span-2 space-y-2",
+							children: [/* @__PURE__ */ k(y, {
+								htmlFor: "specialInstructions",
+								children: "Special Instructions"
+							}), /* @__PURE__ */ k(te, {
+								id: "specialInstructions",
+								value: U.specialInstructions,
+								onChange: (e) => X("specialInstructions", e.target.value),
+								placeholder: "Any special handling or delivery instructions...",
+								rows: 4
+							})]
+						})]
 					}) })] })
 				]
 			})
@@ -489,4 +540,4 @@ function N() {
 	});
 }
 //#endregion
-export { N as default };
+export { F as default };