@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.5

package/dist/pages/CustomerDetailsPage.js

@@ -13,20 +13,20 @@ 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 { 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 te, useCustomers as _ } from "../hooks/useCustomers.js";
-import { 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 A, LoadingState as j, PageLayout as ne } from "../components/PageLayout.js";
-import { StatusBadge as M, TypeBadge as re } from "../components/StatusBadge.js";
-import { FormError as N } from "../components/FormError.js";
-import { Notice as ie, useNotice as ae } from "../components/Notice.js";
-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, ResponsiveDialog as fe, ResponsiveDialogContent as pe, ResponsiveDialogDescription as me, ResponsiveDialogFooter as he, ResponsiveDialogHeader as ge, ResponsiveDialogTitle as _e } from "@burdenoff/fe-libs/ui";
+import { formatAddress as g, formatCurrency as _, formatDate as v } from "../utils/formatters.js";
+import { useOrders as y } from "../hooks/useOrders.js";
+import { useCustomer as b, useCustomers as x } from "../hooks/useCustomers.js";
+import { Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, Input as D, Label as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as te, SelectValue as ne } from "../components/ui.js";
+import { ErrorState as re, LoadingState as ie, PageLayout as ae } from "../components/PageLayout.js";
+import { StatusBadge as oe, TypeBadge as se } from "../components/StatusBadge.js";
+import { FormError as M } from "../components/FormError.js";
+import { Notice as ce, useNotice as le } from "../components/Notice.js";
+import { useEffect as ue, useState as N } from "react";
+import { useParams as de, useSearchParams as P } from "react-router";
+import { Fragment as fe, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { EmphasisPanel as L, NextSteps as pe, PagePurpose as R, ResponsiveDialog as me, ResponsiveDialogContent as he, ResponsiveDialogDescription as ge, ResponsiveDialogFooter as _e, ResponsiveDialogHeader as ve, ResponsiveDialogTitle as ye } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomerDetailsPage.tsx
-var V = {
+var z = {
 	name: "",
 	type: "b2c",
 	email: "",
@@ -41,13 +41,13 @@ var V = {
 	taxId: "",
 	rating: ""
 };
-function ve() {
-	let { basePath: t, navigate: r } = h(), [i] = I(), a = p(i.get("returnTo")), { createCustomer: s } = _(), [c, l] = F(V), [d, g] = F(!1), [te, A] = F(null), j = () => r?.(m(t, "customers")), M = async (e) => {
+function be() {
+	let { basePath: t, navigate: r } = h(), [i] = P(), a = p(i.get("returnTo")), { createCustomer: s } = x(), [c, l] = N(z), [d, g] = N(!1), [_, v] = N(null), y = () => r?.(m(t, "customers")), b = async (e) => {
 		if (e.preventDefault(), !c.name.trim()) {
-			A("Customer name is required.");
+			v("Customer name is required.");
 			return;
 		}
-		g(!0), A(null);
+		g(!0), v(null);
 		try {
 			let e = await s({
 				name: c.name.trim(),
@@ -68,55 +68,55 @@ function ve() {
 			}), n = a ? f(a, e.id) : `customers/${e.id}`;
 			r?.(m(t, n));
 		} catch (e) {
-			console.error("Failed to create customer:", e), A(e instanceof Error ? e.message : "Failed to create customer. Please try again."), g(!1);
+			console.error("Failed to create customer:", e), v(e instanceof Error ? e.message : "Failed to create customer. Please try again."), g(!1);
 		}
 	};
-	return /* @__PURE__ */ R(ne, {
+	return /* @__PURE__ */ I(ae, {
 		title: "New Customer",
 		subtitle: "Add a new customer to your account",
-		icon: /* @__PURE__ */ L(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ R("div", {
+		icon: /* @__PURE__ */ F(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ R(v, {
+			children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
-				onClick: j,
+				onClick: y,
 				disabled: d,
-				children: [/* @__PURE__ */ L(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ R(v, {
-				onClick: M,
+				children: [/* @__PURE__ */ F(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ I(S, {
+				onClick: b,
 				disabled: d,
 				children: [
-					/* @__PURE__ */ L(o, { size: 16 }),
+					/* @__PURE__ */ F(o, { size: 16 }),
 					" ",
 					d ? "Saving..." : "Create Customer"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ L(B, {
-			icon: /* @__PURE__ */ L(u, { size: 18 }),
+		children: [/* @__PURE__ */ F(R, {
+			icon: /* @__PURE__ */ F(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__ */ R("form", {
-			onSubmit: M,
+		}), /* @__PURE__ */ I("form", {
+			onSubmit: b,
 			className: "max-w-2xl space-y-6",
 			children: [
-				/* @__PURE__ */ L(N, { message: te }),
-				/* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
+				/* @__PURE__ */ F(M, { message: _ }),
+				/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
 					className: "text-base font-semibold text-text-primary mb-4",
 					children: "Customer Details"
-				}), /* @__PURE__ */ R("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ R("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ R(w, {
+								children: [/* @__PURE__ */ I(O, {
 									htmlFor: "name",
-									children: ["Name ", /* @__PURE__ */ L("span", {
+									children: ["Name ", /* @__PURE__ */ F("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "name",
 									value: c.name,
 									onChange: (e) => l((t) => ({
@@ -126,38 +126,38 @@ function ve() {
 									placeholder: "Acme Corp or Jane Doe",
 									required: !0
 								})]
-							}), /* @__PURE__ */ R("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "type",
 									children: "Customer Type"
-								}), /* @__PURE__ */ R(T, {
+								}), /* @__PURE__ */ I(k, {
 									value: c.type,
 									onValueChange: (e) => l((t) => ({
 										...t,
 										type: e
 									})),
-									children: [/* @__PURE__ */ L(O, {
+									children: [/* @__PURE__ */ F(te, {
 										id: "type",
-										children: /* @__PURE__ */ L(k, {})
-									}), /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(D, {
+										children: /* @__PURE__ */ F(ne, {})
+									}), /* @__PURE__ */ I(A, { children: [/* @__PURE__ */ F(j, {
 										value: "b2c",
 										children: "B2C (Individual)"
-									}), /* @__PURE__ */ L(D, {
+									}), /* @__PURE__ */ F(j, {
 										value: "b2b",
 										children: "B2B (Business)"
 									})] })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ R("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "email",
 									children: "Email"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "email",
 									type: "email",
 									value: c.email,
@@ -167,12 +167,12 @@ function ve() {
 									})),
 									placeholder: "customer@example.com"
 								})]
-							}), /* @__PURE__ */ R("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "phone",
 									children: "Phone"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "phone",
 									value: c.phone,
 									onChange: (e) => l((t) => ({
@@ -183,12 +183,12 @@ function ve() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(w, {
+							children: [/* @__PURE__ */ F(O, {
 								htmlFor: "company",
 								children: "Company"
-							}), /* @__PURE__ */ L(C, {
+							}), /* @__PURE__ */ F(D, {
 								id: "company",
 								value: c.company,
 								onChange: (e) => l((t) => ({
@@ -200,17 +200,17 @@ function ve() {
 						})
 					]
 				})] }),
-				/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+				/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ L(ee, { size: 18 }), " Address"]
-				}) }), /* @__PURE__ */ R(b, {
+					children: [/* @__PURE__ */ F(ee, { size: 18 }), " Address"]
+				}) }), /* @__PURE__ */ I(w, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ R("div", {
+					children: [/* @__PURE__ */ I("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ L(w, {
+						children: [/* @__PURE__ */ F(O, {
 							htmlFor: "street",
 							children: "Street"
-						}), /* @__PURE__ */ L(C, {
+						}), /* @__PURE__ */ F(D, {
 							id: "street",
 							value: c.street,
 							onChange: (e) => l((t) => ({
@@ -219,15 +219,15 @@ function ve() {
 							})),
 							placeholder: "123 Main St"
 						})]
-					}), /* @__PURE__ */ R("div", {
+					}), /* @__PURE__ */ I("div", {
 						className: "grid grid-cols-1 md:grid-cols-4 gap-4",
 						children: [
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "city",
 									children: "City"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "city",
 									value: c.city,
 									onChange: (e) => l((t) => ({
@@ -236,12 +236,12 @@ function ve() {
 									}))
 								})]
 							}),
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "state",
 									children: "State"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "state",
 									value: c.state,
 									onChange: (e) => l((t) => ({
@@ -250,12 +250,12 @@ function ve() {
 									}))
 								})]
 							}),
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "postalCode",
 									children: "Postal Code"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "postalCode",
 									value: c.postalCode,
 									onChange: (e) => l((t) => ({
@@ -264,12 +264,12 @@ function ve() {
 									}))
 								})]
 							}),
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ I("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ L(w, {
+								children: [/* @__PURE__ */ F(O, {
 									htmlFor: "country",
 									children: "Country"
-								}), /* @__PURE__ */ L(C, {
+								}), /* @__PURE__ */ F(D, {
 									id: "country",
 									value: c.country,
 									onChange: (e) => l((t) => ({
@@ -281,18 +281,18 @@ function ve() {
 						]
 					})]
 				})] }),
-				/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+				/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ L(n, { size: 18 }), " Business Details"]
-				}) }), /* @__PURE__ */ L(b, { children: /* @__PURE__ */ R("div", {
+					children: [/* @__PURE__ */ F(n, { size: 18 }), " Business Details"]
+				}) }), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 					children: [
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(w, {
+							children: [/* @__PURE__ */ F(O, {
 								htmlFor: "businessLicense",
 								children: "Business License"
-							}), /* @__PURE__ */ L(C, {
+							}), /* @__PURE__ */ F(D, {
 								id: "businessLicense",
 								value: c.businessLicense,
 								onChange: (e) => l((t) => ({
@@ -301,12 +301,12 @@ function ve() {
 								}))
 							})]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(w, {
+							children: [/* @__PURE__ */ F(O, {
 								htmlFor: "taxId",
 								children: "Tax ID"
-							}), /* @__PURE__ */ L(C, {
+							}), /* @__PURE__ */ F(D, {
 								id: "taxId",
 								value: c.taxId,
 								onChange: (e) => l((t) => ({
@@ -315,12 +315,12 @@ function ve() {
 								}))
 							})]
 						}),
-						/* @__PURE__ */ R("div", {
+						/* @__PURE__ */ I("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(w, {
+							children: [/* @__PURE__ */ F(O, {
 								htmlFor: "rating",
 								children: "Rating (0–5)"
-							}), /* @__PURE__ */ L(C, {
+							}), /* @__PURE__ */ F(D, {
 								id: "rating",
 								type: "number",
 								min: 0,
@@ -339,7 +339,7 @@ function ve() {
 		})]
 	});
 }
-function H(e) {
+function B(e) {
 	return {
 		name: e.name,
 		email: e.email,
@@ -356,35 +356,35 @@ function H(e) {
 		rating: e.rating ? String(e.rating) : ""
 	};
 }
-function U() {
-	let { customerId: p } = le(), { basePath: I, navigate: U } = h(), { customer: W, isLoading: ye, error: be, refetch: xe } = te(p), { updateCustomer: Se, deleteCustomer: Ce } = _(), { orders: we, isLoading: Te } = g({ filters: { customerId: p } }), { message: Ee, notify: De } = ae(), [Oe, G] = F(!1), [K, ke] = F(!1), [Ae, q] = F(null), [J, Y] = F(V), [je, X] = F(!1), [Z, Me] = F(!1), [Ne, Pe] = F(null);
-	ce(() => {
-		W && Y(H(W));
-	}, [W]);
-	let Fe = () => U?.(m(I, "customers")), Q = (e) => U?.(m(I, e)), $ = () => {
+function V() {
+	let { customerId: p } = de(), { basePath: P, navigate: V } = h(), { customer: H, isLoading: xe, error: Se, refetch: U } = b(p), { updateCustomer: Ce, deleteCustomer: we } = x(), { orders: W, isLoading: Te } = y({ filters: { customerId: p } }), { message: Ee, notify: De } = le(), [Oe, G] = N(!1), [K, ke] = N(!1), [Ae, q] = N(null), [J, Y] = N(z), [je, X] = N(!1), [Z, Me] = N(!1), [Ne, Pe] = N(null);
+	ue(() => {
+		H && Y(B(H));
+	}, [H]);
+	let Fe = () => V?.(m(P, "customers")), Q = (e) => V?.(m(P, e)), $ = () => {
 		q(null), G(!0);
 	};
-	return p ? ye ? /* @__PURE__ */ L(j, { message: "Loading customer details..." }) : be || !W ? /* @__PURE__ */ L(A, {
+	return p ? xe ? /* @__PURE__ */ F(ie, { message: "Loading customer details..." }) : Se || !H ? /* @__PURE__ */ F(re, {
 		title: "Customer not found",
-		onRetry: xe
-	}) : /* @__PURE__ */ R(ne, {
-		title: W.name,
-		subtitle: W.company || W.email,
-		icon: /* @__PURE__ */ L(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ R("div", {
+		onRetry: U
+	}) : /* @__PURE__ */ I(ae, {
+		title: H.name,
+		subtitle: H.company || H.email,
+		icon: /* @__PURE__ */ F(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ R(v, {
+			children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
 				onClick: Fe,
-				children: [/* @__PURE__ */ L(e, { size: 16 }), " Back"]
-			}), Oe ? /* @__PURE__ */ R(ue, { children: [/* @__PURE__ */ R(v, {
+				children: [/* @__PURE__ */ F(e, { size: 16 }), " Back"]
+			}), Oe ? /* @__PURE__ */ I(fe, { children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
 				onClick: () => {
-					q(null), G(!1), W && Y(H(W));
+					q(null), G(!1), H && Y(B(H));
 				},
 				disabled: K,
-				children: [/* @__PURE__ */ L(d, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ R(v, {
+				children: [/* @__PURE__ */ F(d, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ I(S, {
 				onClick: async () => {
 					if (p) {
 						if (!J.name.trim()) {
@@ -393,7 +393,7 @@ function U() {
 						}
 						ke(!0), q(null);
 						try {
-							await Se(p, {
+							await Ce(p, {
 								name: J.name.trim(),
 								email: J.email.trim(),
 								phone: J.phone.trim(),
@@ -409,7 +409,7 @@ function U() {
 								businessLicense: J.businessLicense.trim() || void 0,
 								taxId: J.taxId.trim() || void 0,
 								rating: J.rating ? Number(J.rating) : void 0
-							}), De("Customer updated."), G(!1), xe();
+							}), De("Customer updated."), G(!1), U();
 						} catch (e) {
 							q(e instanceof Error ? e.message : "Failed to update customer.");
 						} finally {
@@ -419,77 +419,77 @@ function U() {
 				},
 				disabled: K,
 				children: [
-					/* @__PURE__ */ L(o, { size: 16 }),
+					/* @__PURE__ */ F(o, { size: 16 }),
 					" ",
 					K ? "Saving…" : "Save"
 				]
-			})] }) : /* @__PURE__ */ R(v, {
+			})] }) : /* @__PURE__ */ I(S, {
 				onClick: $,
-				children: [/* @__PURE__ */ L(s, { size: 16 }), " Edit"]
+				children: [/* @__PURE__ */ F(s, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ R("div", {
+		headerContent: /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ L(re, { type: W.type }), W.rating !== void 0 && /* @__PURE__ */ R("div", {
+			children: [/* @__PURE__ */ F(se, { type: H.type }), H.rating !== void 0 && /* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ L(c, {
+				children: [/* @__PURE__ */ F(c, {
 					size: 16,
 					className: "text-status-warning-text fill-current"
-				}), /* @__PURE__ */ L("span", {
+				}), /* @__PURE__ */ F("span", {
 					className: "font-medium",
-					children: W.rating.toFixed(1)
+					children: H.rating.toFixed(1)
 				})]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ L(B, {
-				icon: /* @__PURE__ */ L(u, { size: 18 }),
+			/* @__PURE__ */ F(R, {
+				icon: /* @__PURE__ */ F(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__ */ L(de, {
+			/* @__PURE__ */ F(pe, {
 				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__ */ L(n, { size: 16 }),
-					onClick: () => Q(f("orders/new", W.id))
+					icon: /* @__PURE__ */ F(n, { size: 16 }),
+					onClick: () => Q(f("orders/new", H.id))
 				}, {
 					id: "edit",
 					label: "Update contact details",
 					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ L(s, { size: 16 }),
+					icon: /* @__PURE__ */ F(s, { size: 16 }),
 					onClick: $
 				}]
 			}),
-			Ee && /* @__PURE__ */ L("div", {
+			Ee && /* @__PURE__ */ F("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ L(ie, { message: Ee })
+				children: /* @__PURE__ */ F(ce, { message: Ee })
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ I("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
+						/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Contact Information"
-						}), Oe ? /* @__PURE__ */ R("div", {
+						}), Oe ? /* @__PURE__ */ I("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ L(N, { message: Ae }),
-								/* @__PURE__ */ R("div", {
+								/* @__PURE__ */ F(M, { message: Ae }),
+								/* @__PURE__ */ I("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ R(w, {
+											children: [/* @__PURE__ */ I(O, {
 												htmlFor: "edit-name",
-												children: ["Name ", /* @__PURE__ */ L("span", {
+												children: ["Name ", /* @__PURE__ */ F("span", {
 													className: "text-status-error-text",
 													children: "*"
 												})]
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-name",
 												value: J.name,
 												onChange: (e) => Y((t) => ({
@@ -498,12 +498,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-company",
 												children: "Company"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-company",
 												value: J.company,
 												onChange: (e) => Y((t) => ({
@@ -513,12 +513,12 @@ function U() {
 												placeholder: "Company name (for B2B accounts)"
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-email",
 												children: "Email"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-email",
 												type: "email",
 												value: J.email,
@@ -528,12 +528,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-phone",
 												children: "Phone"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-phone",
 												value: J.phone,
 												onChange: (e) => Y((t) => ({
@@ -542,35 +542,35 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-type",
 												children: "Customer Type"
-											}), /* @__PURE__ */ R(T, {
+											}), /* @__PURE__ */ I(k, {
 												value: J.type,
 												onValueChange: (e) => Y((t) => ({
 													...t,
 													type: e
 												})),
-												children: [/* @__PURE__ */ L(O, {
+												children: [/* @__PURE__ */ F(te, {
 													id: "edit-type",
-													children: /* @__PURE__ */ L(k, {})
-												}), /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(D, {
+													children: /* @__PURE__ */ F(ne, {})
+												}), /* @__PURE__ */ I(A, { children: [/* @__PURE__ */ F(j, {
 													value: "b2c",
 													children: "B2C (Individual)"
-												}), /* @__PURE__ */ L(D, {
+												}), /* @__PURE__ */ F(j, {
 													value: "b2b",
 													children: "B2B (Business)"
 												})] })]
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-rating",
 												children: "Rating (0–5)"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-rating",
 												type: "number",
 												min: 0,
@@ -585,15 +585,15 @@ function U() {
 										})
 									]
 								}),
-								/* @__PURE__ */ R("div", {
+								/* @__PURE__ */ I("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-street",
 												children: "Street"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-street",
 												value: J.street,
 												onChange: (e) => Y((t) => ({
@@ -602,12 +602,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-city",
 												children: "City"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-city",
 												value: J.city,
 												onChange: (e) => Y((t) => ({
@@ -616,12 +616,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-state",
 												children: "State"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-state",
 												value: J.state,
 												onChange: (e) => Y((t) => ({
@@ -630,12 +630,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-postalCode",
 												children: "Postal Code"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-postalCode",
 												value: J.postalCode,
 												onChange: (e) => Y((t) => ({
@@ -644,12 +644,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-country",
 												children: "Country"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-country",
 												value: J.country,
 												onChange: (e) => Y((t) => ({
@@ -658,12 +658,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-businessLicense",
 												children: "Business License"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-businessLicense",
 												value: J.businessLicense,
 												onChange: (e) => Y((t) => ({
@@ -672,12 +672,12 @@ function U() {
 												}))
 											})]
 										}),
-										/* @__PURE__ */ R("div", {
+										/* @__PURE__ */ I("div", {
 											className: "space-y-2",
-											children: [/* @__PURE__ */ L(w, {
+											children: [/* @__PURE__ */ F(O, {
 												htmlFor: "edit-taxId",
 												children: "Tax ID"
-											}), /* @__PURE__ */ L(C, {
+											}), /* @__PURE__ */ F(D, {
 												id: "edit-taxId",
 												value: J.taxId,
 												onChange: (e) => Y((t) => ({
@@ -689,189 +689,189 @@ function U() {
 									]
 								})
 							]
-						}) : /* @__PURE__ */ R("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-							children: [/* @__PURE__ */ R("div", {
+							children: [/* @__PURE__ */ I("div", {
 								className: "space-y-4",
-								children: [/* @__PURE__ */ R("div", {
+								children: [/* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ L(r, {
+									children: [/* @__PURE__ */ F(r, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 										className: "text-sm text-text-secondary",
 										children: "Email"
-									}), /* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: W.email || "—"
+										children: H.email || "—"
 									})] })]
-								}), /* @__PURE__ */ R("div", {
+								}), /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ L(a, {
+									children: [/* @__PURE__ */ F(a, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 										className: "text-sm text-text-secondary",
 										children: "Phone"
-									}), /* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: W.phone || "—"
+										children: H.phone || "—"
 									})] })]
 								})]
-							}), /* @__PURE__ */ L("div", {
+							}), /* @__PURE__ */ F("div", {
 								className: "space-y-4",
-								children: W.company && /* @__PURE__ */ R("div", {
+								children: H.company && /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ L(t, {
+									children: [/* @__PURE__ */ F(t, {
 										size: 18,
 										className: "text-text-secondary"
-									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 										className: "text-sm text-text-secondary",
 										children: "Company"
-									}), /* @__PURE__ */ L("p", {
+									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: W.company
+										children: H.company
 									})] })]
 								})
 							})]
 						})] }),
-						/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ L(ee, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ L(b, { children: /* @__PURE__ */ L("p", { children: oe(W.address) || "—" }) })] }),
-						/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ R(x, {
+							children: [/* @__PURE__ */ F(ee, { size: 18 }), " Address"]
+						}) }), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ F("p", { children: g(H.address) || "—" }) })] }),
+						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ I(T, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ R(S, {
+							children: [/* @__PURE__ */ I(E, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ L(i, { size: 18 }), " Orders"]
-							}), /* @__PURE__ */ R(v, {
+								children: [/* @__PURE__ */ F(i, { size: 18 }), " Orders"]
+							}), /* @__PURE__ */ I(S, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => Q(f("orders/new", W.id)),
-								children: [/* @__PURE__ */ L(n, { size: 14 }), " New order"]
+								onClick: () => Q(f("orders/new", H.id)),
+								children: [/* @__PURE__ */ F(n, { size: 14 }), " New order"]
 							})]
-						}), /* @__PURE__ */ L(b, { children: Te ? /* @__PURE__ */ L("p", {
+						}), /* @__PURE__ */ F(w, { children: Te ? /* @__PURE__ */ F("p", {
 							className: "text-text-secondary text-center py-4",
 							children: "Loading orders…"
-						}) : we.length > 0 ? /* @__PURE__ */ L("div", {
+						}) : W.length > 0 ? /* @__PURE__ */ F("div", {
 							className: "space-y-2",
-							children: we.map((e) => /* @__PURE__ */ R("button", {
+							children: W.map((e) => /* @__PURE__ */ I("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__ */ R("div", {
+								children: [/* @__PURE__ */ I("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ L("p", {
+									children: [/* @__PURE__ */ F("p", {
 										className: "font-medium truncate",
 										children: e.orderNumber
-									}), /* @__PURE__ */ R("p", {
+									}), /* @__PURE__ */ I("p", {
 										className: "text-sm text-text-secondary",
 										children: [
-											P(e.createdAt, "relative"),
+											v(e.createdAt, "relative"),
 											" ·",
 											" ",
-											se(e.pricing.total)
+											_(e.pricing.total)
 										]
 									})]
-								}), /* @__PURE__ */ L(M, {
+								}), /* @__PURE__ */ F(oe, {
 									status: e.status,
 									type: "order",
 									size: "sm"
 								})]
 							}, e.id))
-						}) : /* @__PURE__ */ R("div", {
+						}) : /* @__PURE__ */ I("div", {
 							className: "text-center py-6",
 							children: [
-								/* @__PURE__ */ L(i, {
+								/* @__PURE__ */ F(i, {
 									size: 32,
 									className: "mx-auto mb-2 text-text-secondary opacity-50"
 								}),
-								/* @__PURE__ */ L("p", {
+								/* @__PURE__ */ F("p", {
 									className: "text-text-secondary",
 									children: "No orders yet for this customer"
 								}),
-								/* @__PURE__ */ L("button", {
+								/* @__PURE__ */ F("button", {
 									type: "button",
-									onClick: () => Q(f("orders/new", W.id)),
+									onClick: () => Q(f("orders/new", H.id)),
 									className: "mt-1 text-sm text-primary hover:underline",
 									children: "Book their first delivery"
 								})
 							]
 						}) })] })
 					]
-				}), /* @__PURE__ */ R("div", {
+				}), /* @__PURE__ */ I("div", {
 					className: "space-y-6",
 					children: [
-						(W.businessLicense || W.taxId) && /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(S, { children: "Business Details" }) }), /* @__PURE__ */ R(b, {
+						(H.businessLicense || H.taxId) && /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(E, { children: "Business Details" }) }), /* @__PURE__ */ I(w, {
 							className: "space-y-3",
-							children: [W.businessLicense && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+							children: [H.businessLicense && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Business License"
-							}), /* @__PURE__ */ L("p", {
+							}), /* @__PURE__ */ F("p", {
 								className: "font-mono",
-								children: W.businessLicense
-							})] }), W.taxId && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+								children: H.businessLicense
+							})] }), H.taxId && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tax ID"
-							}), /* @__PURE__ */ L("p", {
+							}), /* @__PURE__ */ F("p", {
 								className: "font-mono",
-								children: W.taxId
+								children: H.taxId
 							})] })]
 						})] }),
-						/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(S, { children: "Account Info" }) }), /* @__PURE__ */ R(b, {
+						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(E, { children: "Account Info" }) }), /* @__PURE__ */ I(w, {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Created"
-							}), /* @__PURE__ */ L("p", { children: P(W.createdAt, "full") })] }), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+							}), /* @__PURE__ */ F("p", { children: v(H.createdAt, "full") })] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Updated"
-							}), /* @__PURE__ */ L("p", { children: P(W.updatedAt, "relative") })] })]
+							}), /* @__PURE__ */ F("p", { children: v(H.updatedAt, "relative") })] })]
 						})] }),
-						/* @__PURE__ */ R(y, {
+						/* @__PURE__ */ I(C, {
 							className: "border-status-error-border",
-							children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+							children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ L(l, { size: 18 }), " Delete Customer"]
-							}) }), /* @__PURE__ */ R(b, { children: [/* @__PURE__ */ L("p", {
+								children: [/* @__PURE__ */ F(l, { size: 18 }), " Delete Customer"]
+							}) }), /* @__PURE__ */ I(w, { children: [/* @__PURE__ */ F("p", {
 								className: "mb-3 text-sm text-text-secondary",
 								children: "Removes this customer from your account. Their past orders stay on record. This cannot be undone from here."
-							}), /* @__PURE__ */ R(v, {
+							}), /* @__PURE__ */ I(S, {
 								type: "button",
 								variant: "outline",
 								className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
 								onClick: () => X(!0),
-								children: [/* @__PURE__ */ L(l, { size: 16 }), " Delete this customer"]
+								children: [/* @__PURE__ */ F(l, { size: 16 }), " Delete this customer"]
 							})] })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ L(fe, {
+			/* @__PURE__ */ F(me, {
 				open: je,
 				onOpenChange: X,
-				children: /* @__PURE__ */ R(pe, { children: [
-					/* @__PURE__ */ R(ge, { children: [/* @__PURE__ */ L(_e, { children: "Delete this customer?" }), /* @__PURE__ */ R(me, { children: [
+				children: /* @__PURE__ */ I(he, { children: [
+					/* @__PURE__ */ I(ve, { children: [/* @__PURE__ */ F(ye, { children: "Delete this customer?" }), /* @__PURE__ */ I(ge, { children: [
 						"This removes ",
-						W.name,
+						H.name,
 						" from your account. It cannot be undone from here."
 					] })] }),
-					/* @__PURE__ */ L("div", {
+					/* @__PURE__ */ F("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ L(N, { message: Ne })
+						children: /* @__PURE__ */ F(M, { message: Ne })
 					}),
-					/* @__PURE__ */ R(he, { children: [/* @__PURE__ */ L(v, {
+					/* @__PURE__ */ I(_e, { children: [/* @__PURE__ */ F(S, {
 						variant: "outline",
 						onClick: () => X(!1),
 						disabled: Z,
 						children: "Cancel"
-					}), /* @__PURE__ */ L(v, {
+					}), /* @__PURE__ */ F(S, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: async () => {
 							if (p) {
 								Me(!0), Pe(null);
 								try {
-									await Ce(p), X(!1), Fe();
+									await we(p), X(!1), Fe();
 								} catch (e) {
 									Pe(e instanceof Error ? e.message : "Failed to delete customer."), Me(!1);
 								}
@@ -883,7 +883,7 @@ function U() {
 				] })
 			})
 		]
-	}) : /* @__PURE__ */ L(ve, {});
+	}) : /* @__PURE__ */ F(be, {});
 }
 //#endregion
-export { U as default };
+export { V as default };