@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/AnalyticsPage-Dz6g2MvK.js

@@ -1,215 +0,0 @@
-import { M as e, d as t, f as n, g as r, h as i, i as a, u as o } from "./PageLayout-D4LDHJJq.js";
-import { t as s } from "./chart-column-BFIJysDR.js";
-import { t as c } from "./dollar-sign-CgKQRz_e.js";
-import { t as l } from "./package-BChUzpJS.js";
-import { t as u } from "./trending-up-Dohgd4t_.js";
-import { t as d } from "./truck-C0v_hbLR.js";
-import { t as f } from "./users-DZ-ilS6B.js";
-import { i as p, r as m, t as h } from "./useAnalytics-DS8n0xgg.js";
-import { n as g, r as _, t as v } from "./MetricCard-BY0QrMD4.js";
-import { n as y } from "./formatters-CF2S2l1m.js";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/AnalyticsPage.tsx
-function w() {
-	let { analytics: w, isLoading: T, error: E, refetch: D } = h(), { orderData: O } = p(), { fleetData: k } = m();
-	return /* @__PURE__ */ x(a, {
-		title: "Analytics",
-		subtitle: "Business performance and insights",
-		icon: /* @__PURE__ */ b(s, { size: 24 }),
-		children: [
-			/* @__PURE__ */ b(C, {
-				icon: /* @__PURE__ */ b(s, { size: 18 }),
-				children: "See how the operation is really performing. Track order volume, revenue, on-time rate and customer satisfaction over time so you can spot trends, find bottlenecks, and decide where to invest — whether that's more vehicles, better routes, or new customers."
-			}),
-			E && !T ? /* @__PURE__ */ b(t, {
-				className: "border-status-error-border",
-				children: /* @__PURE__ */ x(n, {
-					className: "p-6 text-center space-y-3",
-					children: [
-						/* @__PURE__ */ b("p", {
-							className: "text-status-error-text font-medium",
-							children: "Couldn't load analytics"
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "text-sm text-text-secondary",
-							children: E.message
-						}),
-						/* @__PURE__ */ b(o, {
-							variant: "outline",
-							onClick: D,
-							children: "Retry"
-						})
-					]
-				})
-			}) : T ? /* @__PURE__ */ b(_, {
-				columns: 5,
-				children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ b(g, {}, t))
-			}) : /* @__PURE__ */ x(_, {
-				columns: 5,
-				children: [
-					/* @__PURE__ */ b(v, {
-						label: "Total Orders",
-						value: w.overview.totalOrders.toLocaleString(),
-						icon: /* @__PURE__ */ b(l, { size: 20 })
-					}),
-					/* @__PURE__ */ b(v, {
-						treatment: "glass",
-						glow: !0,
-						label: "Revenue",
-						value: y(w.overview.totalRevenue),
-						icon: /* @__PURE__ */ b(c, { size: 20 })
-					}),
-					/* @__PURE__ */ b(v, {
-						label: "Active Vehicles",
-						value: w.overview.activeVehicles,
-						icon: /* @__PURE__ */ b(d, { size: 20 })
-					}),
-					/* @__PURE__ */ b(v, {
-						label: "On-Time Rate",
-						value: `${w.overview.onTimeDeliveryRate.toFixed(1)}%`,
-						icon: /* @__PURE__ */ b(u, { size: 20 }),
-						changeType: w.overview.onTimeDeliveryRate >= 90 ? "positive" : "neutral"
-					}),
-					/* @__PURE__ */ b(v, {
-						label: "Satisfaction",
-						value: w.overview.customerSatisfaction.toFixed(1),
-						icon: /* @__PURE__ */ b(f, { size: 20 }),
-						subtitle: "out of 5"
-					})
-				]
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Order Trends" }) }), /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b("div", {
-					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
-					children: /* @__PURE__ */ x("div", {
-						className: "text-center text-text-secondary",
-						children: [
-							/* @__PURE__ */ b(s, {
-								size: 48,
-								className: "mx-auto mb-2 opacity-50"
-							}),
-							/* @__PURE__ */ b("p", { children: "Order trend chart" }),
-							/* @__PURE__ */ b("p", {
-								className: "text-xs",
-								children: "(Chart library integration needed)"
-							})
-						]
-					})
-				}), /* @__PURE__ */ b("div", {
-					className: "mt-4 grid grid-cols-4 gap-2",
-					children: O.trends.slice(-4).map((e) => /* @__PURE__ */ x("div", {
-						className: "text-center p-2 bg-bg-sunken/50 rounded",
-						children: [/* @__PURE__ */ b("p", {
-							className: "text-xs text-text-secondary",
-							children: e.date.split("-").slice(1).join("/")
-						}), /* @__PURE__ */ b("p", {
-							className: "font-medium",
-							children: e.orders
-						})]
-					}, e.date))
-				})] })] }), /* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Revenue Trends" }) }), /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b("div", {
-					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
-					children: /* @__PURE__ */ x("div", {
-						className: "text-center text-text-secondary",
-						children: [/* @__PURE__ */ b(u, {
-							size: 48,
-							className: "mx-auto mb-2 opacity-50"
-						}), /* @__PURE__ */ b("p", { children: "Revenue trend chart" })]
-					})
-				}), /* @__PURE__ */ b("div", {
-					className: "mt-4 grid grid-cols-5 gap-2",
-					children: w.trends.revenue.map((e) => /* @__PURE__ */ x("div", {
-						className: "text-center p-2 bg-bg-sunken/50 rounded",
-						children: [/* @__PURE__ */ b("p", {
-							className: "text-xs text-text-secondary",
-							children: e.month
-						}), /* @__PURE__ */ x("p", {
-							className: "font-medium text-sm",
-							children: [y(e.revenue / 1e3), "k"]
-						})]
-					}, e.month))
-				})] })] })]
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [
-					/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Orders by Status" }) }), /* @__PURE__ */ b(n, {
-						className: "space-y-3",
-						children: O.byStatus.filter((e) => e.count > 0).map(({ status: t, count: n }) => /* @__PURE__ */ x("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ b("span", {
-								className: "text-sm capitalize",
-								children: t.replace("_", " ")
-							}), /* @__PURE__ */ x("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ b(e, {
-									value: n / w.overview.totalOrders * 100,
-									className: "w-20 h-2"
-								}), /* @__PURE__ */ b("span", {
-									className: "font-medium w-8 text-right",
-									children: n
-								})]
-							})]
-						}, t))
-					})] }),
-					/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Fleet Performance" }) }), /* @__PURE__ */ x(n, {
-						className: "space-y-4",
-						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-							className: "flex justify-between text-sm mb-1",
-							children: [/* @__PURE__ */ b("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ x("span", { children: [k.vehicleUtilization.toFixed(0), "%"] })]
-						}), /* @__PURE__ */ b(e, { value: k.vehicleUtilization })] }), k.vehiclesByType.length > 0 && /* @__PURE__ */ x("div", {
-							className: "pt-2",
-							children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-text-secondary mb-2",
-								children: "Vehicles by Type"
-							}), k.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ x("div", {
-								className: "flex justify-between text-sm py-1",
-								children: [/* @__PURE__ */ b("span", {
-									className: "capitalize",
-									children: e
-								}), /* @__PURE__ */ b("span", {
-									className: "font-medium",
-									children: t
-								})]
-							}, e))]
-						})]
-					})] }),
-					/* @__PURE__ */ x(S, {
-						className: "space-y-4",
-						children: [
-							/* @__PURE__ */ b("h2", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Performance Metrics"
-							}),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-text-secondary",
-								children: "On-Time Delivery"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold",
-								children: [w.performance.onTimeDelivery.toFixed(1), "%"]
-							})] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-text-secondary",
-								children: "Customer Satisfaction"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold",
-								children: [w.overview.customerSatisfaction.toFixed(1), "/5"]
-							})] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-								className: "text-sm text-text-secondary",
-								children: "Driver Ratings"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold",
-								children: [w.performance.driverRatings.toFixed(1), "/5"]
-							})] })
-						]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { w as default };

package/dist/CreateOrderPage-C5iwnjp4.js

@@ -1,479 +0,0 @@
-import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, ct as s, d as c, f as l, g as u, h as d, i as f, j as p, ot as m, t as h, u as g, z as _ } from "./PageLayout-D4LDHJJq.js";
-import { t as v } from "./arrow-left-n48Y-Wis.js";
-import { t as y } from "./map-pin-BGiCvyCs.js";
-import { t as b } from "./package-BChUzpJS.js";
-import { t as x } from "./plus-Z76q-FZm.js";
-import { t as S } from "./save-CojywNhG.js";
-import { t as C } from "./trash-2-BKhar6Hs.js";
-import { t as w } from "./users-DZ-ilS6B.js";
-import { r as T, t as E } from "./useOrders-Cfk1GLiq.js";
-import { r as D } from "./useCustomers-BmTNGxiI.js";
-import { useState as O } from "react";
-import { useParams as k } from "react-router-dom";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as M, NextSteps as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/CreateOrderPage.tsx
-function F() {
-	let { orderId: F } = k(), { basePath: I, navigate: L } = m(), { order: R } = E(F), { createOrder: z } = T(), { customers: B } = D({ limit: 100 }), V = !!F && !!R, [H, U] = O({
-		customerId: R?.customerId || "",
-		orderType: R?.orderType || "b2c",
-		priority: R?.priority || "normal",
-		pickupAddress: {
-			street: R?.pickupAddress.street || "",
-			city: R?.pickupAddress.city || "",
-			state: R?.pickupAddress.state || "",
-			postalCode: R?.pickupAddress.postalCode || "",
-			country: R?.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"
-		},
-		items: R?.items || [],
-		specialInstructions: R?.specialInstructions || ""
-	}), [W, G] = O(!1), K = () => {
-		L && L(s(I, "orders"));
-	}, q = async (e) => {
-		e.preventDefault(), G(!0);
-		try {
-			let e = B.find((e) => e.id === H.customerId);
-			await z({
-				customerId: H.customerId,
-				customerInfo: e ? {
-					name: e.name,
-					email: e.email,
-					phone: e.phone,
-					company: e.company
-				} : {
-					name: "New Customer",
-					email: "customer@example.com",
-					phone: "+1-555-0000"
-				},
-				orderType: H.orderType,
-				priority: H.priority,
-				pickupAddress: H.pickupAddress,
-				deliveryAddress: H.deliveryAddress,
-				items: H.items,
-				specialInstructions: H.specialInstructions
-			}), K();
-		} catch (e) {
-			console.error("Failed to create order:", e);
-		} finally {
-			G(!1);
-		}
-	}, J = (e, t) => {
-		U((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, Y = (e, t, n) => {
-		U((r) => ({
-			...r,
-			[e]: {
-				...r[e],
-				[t]: n
-			}
-		}));
-	}, X = () => {
-		U((e) => ({
-			...e,
-			items: [...e.items, {
-				id: `item-${Date.now()}`,
-				productId: "",
-				name: "",
-				quantity: 1,
-				weight: 0,
-				dimensions: {
-					length: 0,
-					width: 0,
-					height: 0,
-					unit: "cm"
-				},
-				value: 0,
-				sku: ""
-			}]
-		}));
-	}, Z = (e) => {
-		U((t) => ({
-			...t,
-			items: t.items.filter((t, n) => n !== e)
-		}));
-	}, Q = (e, t, n) => {
-		U((r) => ({
-			...r,
-			items: r.items.map((r, i) => i === e ? {
-				...r,
-				[t]: n
-			} : r)
-		}));
-	};
-	return /* @__PURE__ */ j(f, {
-		title: V ? "Edit Order" : "Create Order",
-		subtitle: V ? `Editing ${R?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ A(b, { size: 24 }),
-		headerActions: /* @__PURE__ */ j("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(g, {
-				variant: "outline",
-				onClick: K,
-				children: [/* @__PURE__ */ A(v, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ j(g, {
-				onClick: q,
-				disabled: W,
-				children: [/* @__PURE__ */ A(S, { size: 16 }), W ? "Saving..." : V ? "Save Changes" : "Create Order"]
-			})]
-		}),
-		children: [
-			/* @__PURE__ */ A(P, {
-				icon: /* @__PURE__ */ A(b, { size: 18 }),
-				children: V ? "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(N, {
-				storageKey: "movethewheels-create-order",
-				steps: [
-					{
-						id: "customer",
-						label: "Pick the customer first",
-						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ A(w, { size: 16 }),
-						done: !!H.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(y, { size: 16 }),
-						done: !!H.pickupAddress.street && !!H.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(b, { size: 16 }),
-						done: H.items.length > 0,
-						onClick: X
-					}
-				]
-			}),
-			/* @__PURE__ */ j("form", {
-				onSubmit: q,
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ j(M, { children: [/* @__PURE__ */ A("h2", {
-						className: "text-base font-semibold text-text-primary mb-4",
-						children: "Order Details"
-					}), /* @__PURE__ */ A("div", {
-						className: "space-y-4",
-						children: /* @__PURE__ */ j("div", {
-							className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-							children: [
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, {
-										htmlFor: "customer",
-										children: "Customer"
-									}), /* @__PURE__ */ j(i, {
-										value: H.customerId,
-										onValueChange: (e) => J("customerId", e),
-										children: [/* @__PURE__ */ A(r, {
-											id: "customer",
-											children: /* @__PURE__ */ A(o, { placeholder: "Select customer" })
-										}), /* @__PURE__ */ A(t, { children: B.map((e) => /* @__PURE__ */ j(n, {
-											value: e.id,
-											children: [
-												e.name,
-												" (",
-												e.email,
-												")"
-											]
-										}, e.id)) })]
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, {
-										htmlFor: "orderType",
-										children: "Order Type"
-									}), /* @__PURE__ */ j(i, {
-										value: H.orderType,
-										onValueChange: (e) => J("orderType", e),
-										children: [/* @__PURE__ */ A(r, {
-											id: "orderType",
-											children: /* @__PURE__ */ A(o, {})
-										}), /* @__PURE__ */ j(t, { children: [/* @__PURE__ */ A(n, {
-											value: "b2c",
-											children: "B2C (Individual)"
-										}), /* @__PURE__ */ A(n, {
-											value: "b2b",
-											children: "B2B (Business)"
-										})] })]
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, {
-										htmlFor: "priority",
-										children: "Priority"
-									}), /* @__PURE__ */ j(i, {
-										value: H.priority,
-										onValueChange: (e) => J("priority", e),
-										children: [/* @__PURE__ */ A(r, {
-											id: "priority",
-											children: /* @__PURE__ */ A(o, {})
-										}), /* @__PURE__ */ j(t, { children: [
-											/* @__PURE__ */ A(n, {
-												value: "low",
-												children: "Low"
-											}),
-											/* @__PURE__ */ A(n, {
-												value: "normal",
-												children: "Normal"
-											}),
-											/* @__PURE__ */ A(n, {
-												value: "high",
-												children: "High"
-											}),
-											/* @__PURE__ */ A(n, {
-												value: "urgent",
-												children: "Urgent"
-											})
-										] })]
-									})]
-								})
-							]
-						})
-					})] }),
-					/* @__PURE__ */ j("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Pickup Address" }) }), /* @__PURE__ */ j(l, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, {
-										htmlFor: "pickupStreet",
-										children: "Street Address"
-									}), /* @__PURE__ */ A(e, {
-										id: "pickupStreet",
-										value: H.pickupAddress.street,
-										onChange: (e) => Y("pickupAddress", "street", e.target.value),
-										placeholder: "123 Main St"
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "pickupCity",
-											children: "City"
-										}), /* @__PURE__ */ A(e, {
-											id: "pickupCity",
-											value: H.pickupAddress.city,
-											onChange: (e) => Y("pickupAddress", "city", e.target.value),
-											placeholder: "San Francisco"
-										})]
-									}), /* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "pickupState",
-											children: "State"
-										}), /* @__PURE__ */ A(e, {
-											id: "pickupState",
-											value: H.pickupAddress.state,
-											onChange: (e) => Y("pickupAddress", "state", e.target.value),
-											placeholder: "CA"
-										})]
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "pickupPostal",
-											children: "Postal Code"
-										}), /* @__PURE__ */ A(e, {
-											id: "pickupPostal",
-											value: H.pickupAddress.postalCode,
-											onChange: (e) => Y("pickupAddress", "postalCode", e.target.value),
-											placeholder: "94103"
-										})]
-									}), /* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "pickupCountry",
-											children: "Country"
-										}), /* @__PURE__ */ A(e, {
-											id: "pickupCountry",
-											value: H.pickupAddress.country,
-											onChange: (e) => Y("pickupAddress", "country", e.target.value),
-											placeholder: "USA"
-										})]
-									})]
-								})
-							]
-						})] }), /* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Delivery Address" }) }), /* @__PURE__ */ j(l, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, {
-										htmlFor: "deliveryStreet",
-										children: "Street Address"
-									}), /* @__PURE__ */ A(e, {
-										id: "deliveryStreet",
-										value: H.deliveryAddress.street,
-										onChange: (e) => Y("deliveryAddress", "street", e.target.value),
-										placeholder: "456 Oak Ave"
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "deliveryCity",
-											children: "City"
-										}), /* @__PURE__ */ A(e, {
-											id: "deliveryCity",
-											value: H.deliveryAddress.city,
-											onChange: (e) => Y("deliveryAddress", "city", e.target.value),
-											placeholder: "Los Angeles"
-										})]
-									}), /* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "deliveryState",
-											children: "State"
-										}), /* @__PURE__ */ A(e, {
-											id: "deliveryState",
-											value: H.deliveryAddress.state,
-											onChange: (e) => Y("deliveryAddress", "state", e.target.value),
-											placeholder: "CA"
-										})]
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "deliveryPostal",
-											children: "Postal Code"
-										}), /* @__PURE__ */ A(e, {
-											id: "deliveryPostal",
-											value: H.deliveryAddress.postalCode,
-											onChange: (e) => Y("deliveryAddress", "postalCode", e.target.value),
-											placeholder: "90210"
-										})]
-									}), /* @__PURE__ */ j("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ A(p, {
-											htmlFor: "deliveryCountry",
-											children: "Country"
-										}), /* @__PURE__ */ A(e, {
-											id: "deliveryCountry",
-											value: H.deliveryAddress.country,
-											onChange: (e) => Y("deliveryAddress", "country", e.target.value),
-											placeholder: "USA"
-										})]
-									})]
-								})
-							]
-						})] })]
-					}),
-					/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ j(d, {
-						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ A(u, { children: "Order Items" }), /* @__PURE__ */ j(g, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							onClick: X,
-							children: [/* @__PURE__ */ A(x, { size: 16 }), "Add Item"]
-						})]
-					}), /* @__PURE__ */ A(l, { children: H.items.length === 0 ? /* @__PURE__ */ A(h, {
-						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(g, {
-							type: "button",
-							variant: "outline",
-							onClick: X,
-							children: [/* @__PURE__ */ A(x, {
-								size: 16,
-								className: "mr-1.5"
-							}), "Add your first item"]
-						})
-					}) : /* @__PURE__ */ A("div", {
-						className: "space-y-4",
-						children: H.items.map((t, n) => /* @__PURE__ */ j("div", { children: [n > 0 && /* @__PURE__ */ A(_, { className: "my-4" }), /* @__PURE__ */ j("div", {
-							className: "grid grid-cols-1 md:grid-cols-6 gap-4",
-							children: [
-								/* @__PURE__ */ j("div", {
-									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ A(p, { children: "Item Name" }), /* @__PURE__ */ A(e, {
-										value: t.name,
-										onChange: (e) => Q(n, "name", e.target.value),
-										placeholder: "Product name"
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, { children: "SKU" }), /* @__PURE__ */ A(e, {
-										value: t.sku,
-										onChange: (e) => Q(n, "sku", e.target.value),
-										placeholder: "SKU-001"
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, { children: "Quantity" }), /* @__PURE__ */ A(e, {
-										type: "number",
-										min: "1",
-										value: t.quantity,
-										onChange: (e) => Q(n, "quantity", parseInt(e.target.value) || 1)
-									})]
-								}),
-								/* @__PURE__ */ j("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ A(p, { children: "Value ($)" }), /* @__PURE__ */ A(e, {
-										type: "number",
-										min: "0",
-										step: "0.01",
-										value: t.value,
-										onChange: (e) => Q(n, "value", parseFloat(e.target.value) || 0)
-									})]
-								}),
-								/* @__PURE__ */ A("div", {
-									className: "flex items-end",
-									children: /* @__PURE__ */ A(g, {
-										type: "button",
-										variant: "ghost",
-										size: "icon",
-										className: "text-status-error-text",
-										onClick: () => Z(n),
-										children: /* @__PURE__ */ A(C, { size: 16 })
-									})
-								})
-							]
-						})] }, t.id))
-					}) })] }),
-					/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Special Instructions" }) }), /* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(a, {
-						value: H.specialInstructions,
-						onChange: (e) => J("specialInstructions", e.target.value),
-						placeholder: "Any special handling or delivery instructions...",
-						rows: 4
-					}) })] })
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { F as default };