@burdenoff/microfe-movethewheels 2026.920.1 → 2026.920.3

package/dist/pages/CustomerDetailsPage.js

@@ -10,22 +10,22 @@ import { SquarePen as c } from "../node_modules/lucide-react/dist/esm/icons/squa
 import { Star as l } from "../node_modules/lucide-react/dist/esm/icons/star.js";
 import { Users as u } from "../node_modules/lucide-react/dist/esm/icons/users.js";
 import { X as d } from "../node_modules/lucide-react/dist/esm/icons/x.js";
-import { joinPath as f } from "../utils/navigation.js";
-import { useMoveTheWheels as p } from "../providers/MoveTheWheelsProvider.js";
-import { useOrders as m } from "../hooks/useOrders.js";
-import { useCustomer as h, useCustomers as g } from "../hooks/useCustomers.js";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C, Label as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k } from "../components/ui.js";
-import { ErrorState as ee, LoadingState as te, PageLayout as A } from "../components/PageLayout.js";
+import { buildOrderCustomerPath as f, getSafeCustomerReturnPath as p, joinPath as m } from "../utils/navigation.js";
+import { useMoveTheWheels as h } from "../providers/MoveTheWheelsProvider.js";
+import { useOrders as g } from "../hooks/useOrders.js";
+import { useCustomer as _, useCustomers as v } from "../hooks/useCustomers.js";
+import { Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Input as T, Label as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j } from "../components/ui.js";
+import { ErrorState as ee, LoadingState as te, PageLayout as M } from "../components/PageLayout.js";
 import { StatusBadge as ne, TypeBadge as re } from "../components/StatusBadge.js";
-import { FormError as j } from "../components/FormError.js";
+import { FormError as N } from "../components/FormError.js";
 import { Notice as ie, useNotice as ae } from "../components/Notice.js";
-import { formatAddress as M, formatCurrency as N, formatDate as P } from "../utils/formatters.js";
-import { useEffect as oe, useState as F } from "react";
-import { useParams as se } from "react-router";
-import { Fragment as ce, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { EmphasisPanel as R, NextSteps as le, PagePurpose as z } from "@burdenoff/fe-libs/ui";
+import { formatAddress as oe, formatCurrency as se, formatDate as P } from "../utils/formatters.js";
+import { useEffect as ce, useState as F } from "react";
+import { useParams as le, useSearchParams as I } from "react-router";
+import { Fragment as ue, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { EmphasisPanel as z, NextSteps as de, PagePurpose as B } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomerDetailsPage.tsx
-function ue(e) {
+function fe(e) {
 	if (!e) return null;
 	let t = e.trim(), n = /^https?:\/\//i.test(t) ? t : `https://${t}`;
 	try {
@@ -35,135 +35,135 @@ function ue(e) {
 		return null;
 	}
 }
-function de() {
-	let { basePath: t, navigate: n } = p(), { createCustomer: r } = g(), [i, a] = F({
+function V() {
+	let { basePath: t, navigate: n } = h(), [r] = I(), i = p(r.get("returnTo")), { createCustomer: a } = v(), [o, c] = F({
 		name: "",
 		type: "b2c",
 		email: "",
 		phone: "",
 		company: ""
-	}), [o, c] = F(!1), [l, d] = F(null), m = () => n?.(f(t, "customers")), h = async (e) => {
-		if (e.preventDefault(), !i.name.trim()) {
-			d("Customer name is required.");
+	}), [l, d] = F(!1), [g, _] = F(null), y = () => n?.(m(t, "customers")), x = async (e) => {
+		if (e.preventDefault(), !o.name.trim()) {
+			_("Customer name is required.");
 			return;
 		}
-		c(!0), d(null);
+		d(!0), _(null);
 		try {
-			let e = await r({
-				name: i.name.trim(),
-				type: i.type,
-				email: i.email.trim() || void 0,
-				phone: i.phone.trim() || void 0,
-				company: i.company.trim() || void 0
-			});
-			n?.(f(t, `customers/${e.id}`));
+			let e = await a({
+				name: o.name.trim(),
+				type: o.type,
+				email: o.email.trim() || void 0,
+				phone: o.phone.trim() || void 0,
+				company: o.company.trim() || void 0
+			}), r = i ? f(i, e.id) : `customers/${e.id}`;
+			n?.(m(t, r));
 		} catch (e) {
-			console.error("Failed to create customer:", e), d(e instanceof Error ? e.message : "Failed to create customer. Please try again."), c(!1);
+			console.error("Failed to create customer:", e), _(e instanceof Error ? e.message : "Failed to create customer. Please try again."), d(!1);
 		}
 	};
-	return /* @__PURE__ */ L(A, {
+	return /* @__PURE__ */ R(M, {
 		title: "New Customer",
 		subtitle: "Add a new customer to your account",
-		icon: /* @__PURE__ */ I(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
+		icon: /* @__PURE__ */ L(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ R("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
+			children: [/* @__PURE__ */ R(b, {
 				variant: "outline",
-				onClick: m,
-				disabled: o,
-				children: [/* @__PURE__ */ I(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(v, {
-				onClick: h,
-				disabled: o,
+				onClick: y,
+				disabled: l,
+				children: [/* @__PURE__ */ L(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ R(b, {
+				onClick: x,
+				disabled: l,
 				children: [
-					/* @__PURE__ */ I(s, { size: 16 }),
+					/* @__PURE__ */ L(s, { size: 16 }),
 					" ",
-					o ? "Saving..." : "Create Customer"
+					l ? "Saving..." : "Create Customer"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ I(z, {
-			icon: /* @__PURE__ */ I(u, { size: 18 }),
+		children: [/* @__PURE__ */ L(B, {
+			icon: /* @__PURE__ */ L(u, { size: 18 }),
 			children: "Add a customer once and their contact details auto-fill every future order you book for them. Only a name is required — add email, phone and company to make deliveries easier to arrange."
-		}), /* @__PURE__ */ L("form", {
-			onSubmit: h,
+		}), /* @__PURE__ */ R("form", {
+			onSubmit: x,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ I(j, { message: l }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+			children: [/* @__PURE__ */ L(N, { message: g }), /* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Customer Details"
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ R("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ R("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
+						children: [/* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(w, {
+							children: [/* @__PURE__ */ R(E, {
 								htmlFor: "name",
-								children: ["Name ", /* @__PURE__ */ I("span", {
+								children: ["Name ", /* @__PURE__ */ L("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
-							}), /* @__PURE__ */ I(C, {
+							}), /* @__PURE__ */ L(T, {
 								id: "name",
-								value: i.name,
-								onChange: (e) => a((t) => ({
+								value: o.name,
+								onChange: (e) => c((t) => ({
 									...t,
 									name: e.target.value
 								})),
 								placeholder: "Acme Corp or Jane Doe",
 								required: !0
 							})]
-						}), /* @__PURE__ */ L("div", {
+						}), /* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(w, {
+							children: [/* @__PURE__ */ L(E, {
 								htmlFor: "type",
 								children: "Customer Type"
-							}), /* @__PURE__ */ L(T, {
-								value: i.type,
-								onValueChange: (e) => a((t) => ({
+							}), /* @__PURE__ */ R(D, {
+								value: o.type,
+								onValueChange: (e) => c((t) => ({
 									...t,
 									type: e
 								})),
-								children: [/* @__PURE__ */ I(O, {
+								children: [/* @__PURE__ */ L(A, {
 									id: "type",
-									children: /* @__PURE__ */ I(k, {})
-								}), /* @__PURE__ */ L(E, { children: [/* @__PURE__ */ I(D, {
+									children: /* @__PURE__ */ L(j, {})
+								}), /* @__PURE__ */ R(O, { children: [/* @__PURE__ */ L(k, {
 									value: "b2c",
 									children: "B2C (Individual)"
-								}), /* @__PURE__ */ I(D, {
+								}), /* @__PURE__ */ L(k, {
 									value: "b2b",
 									children: "B2B (Business)"
 								})] })]
 							})]
 						})]
 					}),
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ R("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ L("div", {
+						children: [/* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(w, {
+							children: [/* @__PURE__ */ L(E, {
 								htmlFor: "email",
 								children: "Email"
-							}), /* @__PURE__ */ I(C, {
+							}), /* @__PURE__ */ L(T, {
 								id: "email",
 								type: "email",
-								value: i.email,
-								onChange: (e) => a((t) => ({
+								value: o.email,
+								onChange: (e) => c((t) => ({
 									...t,
 									email: e.target.value
 								})),
 								placeholder: "customer@example.com"
 							})]
-						}), /* @__PURE__ */ L("div", {
+						}), /* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(w, {
+							children: [/* @__PURE__ */ L(E, {
 								htmlFor: "phone",
 								children: "Phone"
-							}), /* @__PURE__ */ I(C, {
+							}), /* @__PURE__ */ L(T, {
 								id: "phone",
-								value: i.phone,
-								onChange: (e) => a((t) => ({
+								value: o.phone,
+								onChange: (e) => c((t) => ({
 									...t,
 									phone: e.target.value
 								})),
@@ -171,15 +171,15 @@ function de() {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ R("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ I(w, {
+						children: [/* @__PURE__ */ L(E, {
 							htmlFor: "company",
 							children: "Company"
-						}), /* @__PURE__ */ I(C, {
+						}), /* @__PURE__ */ L(T, {
 							id: "company",
-							value: i.company,
-							onChange: (e) => a((t) => ({
+							value: o.company,
+							onChange: (e) => c((t) => ({
 								...t,
 								company: e.target.value
 							})),
@@ -191,149 +191,149 @@ function de() {
 		})]
 	});
 }
-function B() {
-	let { customerId: T } = se(), { basePath: E, navigate: D } = p(), { customer: O, isLoading: k, error: B, refetch: V } = h(T), { updateCustomer: fe } = g(), { orders: H, isLoading: pe } = m({ filters: { customerId: T } }), { message: U, notify: me } = ae(), [W, G] = F(!1), [K, q] = F(!1), [J, Y] = F(null), [X, Z] = F({
+function H() {
+	let { customerId: p } = le(), { basePath: D, navigate: O } = h(), { customer: k, isLoading: A, error: j, refetch: I } = _(p), { updateCustomer: H } = v(), { orders: U, isLoading: pe } = g({ filters: { customerId: p } }), { message: W, notify: me } = ae(), [G, K] = F(!1), [q, J] = F(!1), [he, Y] = F(null), [X, Z] = F({
 		name: "",
 		email: "",
 		phone: "",
 		company: ""
 	});
-	oe(() => {
-		O && Z({
-			name: O.name,
-			email: O.email,
-			phone: O.phone,
-			company: O.company ?? ""
+	ce(() => {
+		k && Z({
+			name: k.name,
+			email: k.email,
+			phone: k.phone,
+			company: k.company ?? ""
 		});
-	}, [O]);
-	let he = () => D?.(f(E, "customers")), Q = (e) => D?.(f(E, e)), $ = () => {
-		Y(null), G(!0);
+	}, [k]);
+	let ge = () => O?.(m(D, "customers")), Q = (e) => O?.(m(D, e)), $ = () => {
+		Y(null), K(!0);
 	};
-	return T ? k ? /* @__PURE__ */ I(te, { message: "Loading customer details..." }) : B || !O ? /* @__PURE__ */ I(ee, {
+	return p ? A ? /* @__PURE__ */ L(te, { message: "Loading customer details..." }) : j || !k ? /* @__PURE__ */ L(ee, {
 		title: "Customer not found",
-		onRetry: V
-	}) : /* @__PURE__ */ L(A, {
-		title: O.name,
-		subtitle: O.company || O.email,
-		icon: /* @__PURE__ */ I(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
+		onRetry: I
+	}) : /* @__PURE__ */ R(M, {
+		title: k.name,
+		subtitle: k.company || k.email,
+		icon: /* @__PURE__ */ L(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ R("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(v, {
+			children: [/* @__PURE__ */ R(b, {
 				variant: "outline",
-				onClick: he,
-				children: [/* @__PURE__ */ I(e, { size: 16 }), " Back"]
-			}), W ? /* @__PURE__ */ L(ce, { children: [/* @__PURE__ */ L(v, {
+				onClick: ge,
+				children: [/* @__PURE__ */ L(e, { size: 16 }), " Back"]
+			}), G ? /* @__PURE__ */ R(ue, { children: [/* @__PURE__ */ R(b, {
 				variant: "outline",
 				onClick: () => {
-					Y(null), G(!1), O && Z({
-						name: O.name,
-						email: O.email,
-						phone: O.phone,
-						company: O.company ?? ""
+					Y(null), K(!1), k && Z({
+						name: k.name,
+						email: k.email,
+						phone: k.phone,
+						company: k.company ?? ""
 					});
 				},
-				disabled: K,
-				children: [/* @__PURE__ */ I(d, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(v, {
+				disabled: q,
+				children: [/* @__PURE__ */ L(d, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ R(b, {
 				onClick: async () => {
-					if (T) {
+					if (p) {
 						if (!X.name.trim()) {
 							Y("Customer name is required.");
 							return;
 						}
-						q(!0), Y(null);
+						J(!0), Y(null);
 						try {
-							await fe(T, {
+							await H(p, {
 								name: X.name.trim(),
 								email: X.email.trim(),
 								phone: X.phone.trim(),
 								company: X.company.trim() || void 0
-							}), me("Customer updated."), G(!1), V();
+							}), me("Customer updated."), K(!1), I();
 						} catch (e) {
 							Y(e instanceof Error ? e.message : "Failed to update customer.");
 						} finally {
-							q(!1);
+							J(!1);
 						}
 					}
 				},
-				disabled: K,
+				disabled: q,
 				children: [
-					/* @__PURE__ */ I(s, { size: 16 }),
+					/* @__PURE__ */ L(s, { size: 16 }),
 					" ",
-					K ? "Saving…" : "Save"
+					q ? "Saving…" : "Save"
 				]
-			})] }) : /* @__PURE__ */ L(v, {
+			})] }) : /* @__PURE__ */ R(b, {
 				onClick: $,
-				children: [/* @__PURE__ */ I(c, { size: 16 }), " Edit"]
+				children: [/* @__PURE__ */ L(c, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ L("div", {
+		headerContent: /* @__PURE__ */ R("div", {
 			className: "flex items-center gap-4",
 			children: [
-				/* @__PURE__ */ I(re, { type: O.type }),
-				/* @__PURE__ */ I(_, {
-					variant: O.isActive ? "default" : "secondary",
-					children: O.isActive ? "Active" : "Inactive"
+				/* @__PURE__ */ L(re, { type: k.type }),
+				/* @__PURE__ */ L(y, {
+					variant: k.isActive ? "default" : "secondary",
+					children: k.isActive ? "Active" : "Inactive"
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ R("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ I(l, {
+					children: [/* @__PURE__ */ L(l, {
 						size: 16,
 						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ I("span", {
+					}), /* @__PURE__ */ L("span", {
 						className: "font-medium",
-						children: O.rating.toFixed(1)
+						children: k.rating.toFixed(1)
 					})]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ I(z, {
-				icon: /* @__PURE__ */ I(u, { size: 18 }),
+			/* @__PURE__ */ L(B, {
+				icon: /* @__PURE__ */ L(u, { size: 18 }),
 				children: "Everything you know about this customer — how to reach them, where they are, and their account standing. Use it to confirm contact details before a delivery, check their rating, or book their next order."
 			}),
-			/* @__PURE__ */ I(le, {
+			/* @__PURE__ */ L(de, {
 				storageKey: "movethewheels-customer-details",
 				steps: [{
 					id: "new-order",
 					label: "Book a delivery for this customer",
 					description: "Start a new order pre-filled for this account.",
-					icon: /* @__PURE__ */ I(n, { size: 16 }),
-					onClick: () => Q("orders/new")
+					icon: /* @__PURE__ */ L(n, { size: 16 }),
+					onClick: () => Q(f("orders/new", k.id))
 				}, {
 					id: "edit",
 					label: "Update contact details",
 					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ I(c, { size: 16 }),
+					icon: /* @__PURE__ */ L(c, { size: 16 }),
 					onClick: $
 				}]
 			}),
-			U && /* @__PURE__ */ I("div", {
+			W && /* @__PURE__ */ L("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ I(ie, { message: U })
+				children: /* @__PURE__ */ L(ie, { message: W })
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ R("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+						/* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Contact Information"
-						}), W ? /* @__PURE__ */ L("div", {
+						}), G ? /* @__PURE__ */ R("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ I(j, { message: J }), /* @__PURE__ */ L("div", {
+							children: [/* @__PURE__ */ L(N, { message: he }), /* @__PURE__ */ R("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ L("div", {
+									/* @__PURE__ */ R("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ L(w, {
+										children: [/* @__PURE__ */ R(E, {
 											htmlFor: "edit-name",
-											children: ["Name ", /* @__PURE__ */ I("span", {
+											children: ["Name ", /* @__PURE__ */ L("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ I(C, {
+										}), /* @__PURE__ */ L(T, {
 											id: "edit-name",
 											value: X.name,
 											onChange: (e) => Z((t) => ({
@@ -342,12 +342,12 @@ function B() {
 											}))
 										})]
 									}),
-									/* @__PURE__ */ L("div", {
+									/* @__PURE__ */ R("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(w, {
+										children: [/* @__PURE__ */ L(E, {
 											htmlFor: "edit-company",
 											children: "Company"
-										}), /* @__PURE__ */ I(C, {
+										}), /* @__PURE__ */ L(T, {
 											id: "edit-company",
 											value: X.company,
 											onChange: (e) => Z((t) => ({
@@ -357,12 +357,12 @@ function B() {
 											placeholder: "Company name (for B2B accounts)"
 										})]
 									}),
-									/* @__PURE__ */ L("div", {
+									/* @__PURE__ */ R("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(w, {
+										children: [/* @__PURE__ */ L(E, {
 											htmlFor: "edit-email",
 											children: "Email"
-										}), /* @__PURE__ */ I(C, {
+										}), /* @__PURE__ */ L(T, {
 											id: "edit-email",
 											type: "email",
 											value: X.email,
@@ -372,12 +372,12 @@ function B() {
 											}))
 										})]
 									}),
-									/* @__PURE__ */ L("div", {
+									/* @__PURE__ */ R("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ I(w, {
+										children: [/* @__PURE__ */ L(E, {
 											htmlFor: "edit-phone",
 											children: "Phone"
-										}), /* @__PURE__ */ I(C, {
+										}), /* @__PURE__ */ L(T, {
 											id: "edit-phone",
 											value: X.phone,
 											onChange: (e) => Z((t) => ({
@@ -388,55 +388,55 @@ function B() {
 									})
 								]
 							})]
-						}) : /* @__PURE__ */ L("div", {
+						}) : /* @__PURE__ */ R("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ L("div", {
+							children: [/* @__PURE__ */ R("div", {
 								className: "space-y-4",
-								children: [/* @__PURE__ */ L("div", {
+								children: [/* @__PURE__ */ R("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(r, {
+									children: [/* @__PURE__ */ L(r, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 										className: "text-sm text-text-secondary",
 										children: "Email"
-									}), /* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: O.email || "—"
+										children: k.email || "—"
 									})] })]
-								}), /* @__PURE__ */ L("div", {
+								}), /* @__PURE__ */ R("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(o, {
+									children: [/* @__PURE__ */ L(o, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 										className: "text-sm text-text-secondary",
 										children: "Phone"
-									}), /* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: O.phone || "—"
+										children: k.phone || "—"
 									})] })]
 								})]
-							}), /* @__PURE__ */ L("div", {
+							}), /* @__PURE__ */ R("div", {
 								className: "space-y-4",
-								children: [O.company && /* @__PURE__ */ L("div", {
+								children: [k.company && /* @__PURE__ */ R("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ I(t, {
+									children: [/* @__PURE__ */ L(t, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 										className: "text-sm text-text-secondary",
 										children: "Company"
-									}), /* @__PURE__ */ I("p", {
+									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: O.company
+										children: k.company
 									})] })]
 								}), (() => {
-									let e = ue(O.website);
-									return e ? /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									let e = fe(k.website);
+									return e ? /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 										className: "text-sm text-text-secondary",
 										children: "Website"
-									}), /* @__PURE__ */ I("a", {
+									}), /* @__PURE__ */ L("a", {
 										href: e,
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -446,122 +446,122 @@ function B() {
 								})()]
 							})]
 						})] }),
-						/* @__PURE__ */ L(y, { children: [/* @__PURE__ */ I(x, { children: /* @__PURE__ */ L(S, {
+						/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ R(w, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(i, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ I(b, { children: /* @__PURE__ */ I("p", { children: M(O.address) }) })] }),
-						O.notes && /* @__PURE__ */ L(y, { children: [/* @__PURE__ */ I(x, { children: /* @__PURE__ */ L(S, {
+							children: [/* @__PURE__ */ L(i, { size: 18 }), " Address"]
+						}) }), /* @__PURE__ */ L(S, { children: /* @__PURE__ */ L("p", { children: oe(k.address) }) })] }),
+						k.notes && /* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ R(w, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(n, { size: 18 }), " Notes"]
-						}) }), /* @__PURE__ */ I(b, { children: /* @__PURE__ */ I("p", { children: O.notes }) })] }),
-						/* @__PURE__ */ L(y, { children: [/* @__PURE__ */ L(x, {
+							children: [/* @__PURE__ */ L(n, { size: 18 }), " Notes"]
+						}) }), /* @__PURE__ */ L(S, { children: /* @__PURE__ */ L("p", { children: k.notes }) })] }),
+						/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ R(C, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ L(S, {
+							children: [/* @__PURE__ */ R(w, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ I(a, { size: 18 }), " Orders"]
-							}), /* @__PURE__ */ L(v, {
+								children: [/* @__PURE__ */ L(a, { size: 18 }), " Orders"]
+							}), /* @__PURE__ */ R(b, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => Q("orders/new"),
-								children: [/* @__PURE__ */ I(n, { size: 14 }), " New order"]
+								onClick: () => Q(f("orders/new", k.id)),
+								children: [/* @__PURE__ */ L(n, { size: 14 }), " New order"]
 							})]
-						}), /* @__PURE__ */ I(b, { children: pe ? /* @__PURE__ */ I("p", {
+						}), /* @__PURE__ */ L(S, { children: pe ? /* @__PURE__ */ L("p", {
 							className: "text-text-secondary text-center py-4",
 							children: "Loading orders…"
-						}) : H.length > 0 ? /* @__PURE__ */ I("div", {
+						}) : U.length > 0 ? /* @__PURE__ */ L("div", {
 							className: "space-y-2",
-							children: H.map((e) => /* @__PURE__ */ L("button", {
+							children: U.map((e) => /* @__PURE__ */ R("button", {
 								type: "button",
 								onClick: () => Q(`orders/${e.id}`),
 								className: "w-full flex items-center justify-between gap-3 p-3 border rounded-lg text-left hover:bg-bg-sunken/50 transition-colors",
-								children: [/* @__PURE__ */ L("div", {
+								children: [/* @__PURE__ */ R("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ I("p", {
+									children: [/* @__PURE__ */ L("p", {
 										className: "font-medium truncate",
 										children: e.orderNumber
-									}), /* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ R("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											P(e.createdAt, "relative"),
 											" ·",
 											" ",
-											N(e.pricing.total)
+											se(e.pricing.total)
 										]
 									})]
-								}), /* @__PURE__ */ I(ne, {
+								}), /* @__PURE__ */ L(ne, {
 									status: e.status,
 									type: "order",
 									size: "sm"
 								})]
 							}, e.id))
-						}) : /* @__PURE__ */ L("div", {
+						}) : /* @__PURE__ */ R("div", {
 							className: "text-center py-6",
 							children: [
-								/* @__PURE__ */ I(a, {
+								/* @__PURE__ */ L(a, {
 									size: 32,
 									className: "mx-auto mb-2 text-text-secondary opacity-50"
 								}),
-								/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ L("p", {
 									className: "text-text-secondary",
 									children: "No orders yet for this customer"
 								}),
-								/* @__PURE__ */ I("button", {
+								/* @__PURE__ */ L("button", {
 									type: "button",
-									onClick: () => Q("orders/new"),
+									onClick: () => Q(f("orders/new", k.id)),
 									className: "mt-1 text-sm text-primary hover:underline",
 									children: "Book their first delivery"
 								})
 							]
 						}) })] })
 					]
-				}), /* @__PURE__ */ L("div", {
+				}), /* @__PURE__ */ R("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ L(y, { children: [/* @__PURE__ */ I(x, { children: /* @__PURE__ */ I(S, { children: "Business Details" }) }), /* @__PURE__ */ L(b, {
+					children: [/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ L(w, { children: "Business Details" }) }), /* @__PURE__ */ R(S, {
 						className: "space-y-3",
 						children: [
-							O.businessLicense && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							k.businessLicense && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Business License"
-							}), /* @__PURE__ */ I("p", {
+							}), /* @__PURE__ */ L("p", {
 								className: "font-mono",
-								children: O.businessLicense
+								children: k.businessLicense
 							})] }),
-							O.taxId && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							k.taxId && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tax ID"
-							}), /* @__PURE__ */ I("p", {
+							}), /* @__PURE__ */ L("p", {
 								className: "font-mono",
-								children: O.taxId
+								children: k.taxId
 							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Preferred Contact"
-							}), /* @__PURE__ */ I("p", {
+							}), /* @__PURE__ */ L("p", {
 								className: "capitalize",
-								children: O.preferredContactMethod
+								children: k.preferredContactMethod
 							})] }),
-							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Marketing Opt-in"
-							}), /* @__PURE__ */ I(_, {
-								variant: O.marketingOptIn ? "default" : "secondary",
-								children: O.marketingOptIn ? "Yes" : "No"
+							}), /* @__PURE__ */ L(y, {
+								variant: k.marketingOptIn ? "default" : "secondary",
+								children: k.marketingOptIn ? "Yes" : "No"
 							})] })
 						]
-					})] }), /* @__PURE__ */ L(y, { children: [/* @__PURE__ */ I(x, { children: /* @__PURE__ */ I(S, { children: "Account Info" }) }), /* @__PURE__ */ L(b, {
+					})] }), /* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ L(w, { children: "Account Info" }) }), /* @__PURE__ */ R(S, {
 						className: "space-y-3",
-						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+						children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 							className: "text-sm text-text-secondary",
 							children: "Created"
-						}), /* @__PURE__ */ I("p", { children: P(O.createdAt, "full") })] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+						}), /* @__PURE__ */ L("p", { children: P(k.createdAt, "full") })] }), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 							className: "text-sm text-text-secondary",
 							children: "Last Updated"
-						}), /* @__PURE__ */ I("p", { children: P(O.updatedAt, "relative") })] })]
+						}), /* @__PURE__ */ L("p", { children: P(k.updatedAt, "relative") })] })]
 					})] })]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ I(de, {});
+	}) : /* @__PURE__ */ L(V, {});
 }
 //#endregion
-export { B as default };
+export { H as default };