@burdenoff/microfe-movethewheels 2026.925.2 → 2026.929.1

package/dist/pages/CustomerDetailsPage.js

@@ -2,83 +2,93 @@ import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arro
 import { Building as t } from "../node_modules/lucide-react/dist/esm/icons/building.js";
 import { FileText as n } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
 import { Mail as r } from "../node_modules/lucide-react/dist/esm/icons/mail.js";
-import { MapPin as i } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Package as a } from "../node_modules/lucide-react/dist/esm/icons/package.js";
-import { Phone as o } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
-import { Save as s } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { SquarePen as c } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
-import { Star as l } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { MapPin as ee } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Phone as a } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
+import { Save as o } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { SquarePen as s } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
+import { Star as c } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Trash2 as l } from "../node_modules/lucide-react/dist/esm/icons/trash-2.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 { 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 { 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 } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/CustomerDetailsPage.tsx
-function fe(e) {
-	if (!e) return null;
-	let t = e.trim(), n = /^https?:\/\//i.test(t) ? t : `https://${t}`;
-	try {
-		let e = new URL(n);
-		return e.protocol === "http:" || e.protocol === "https:" ? e.href : null;
-	} catch {
-		return null;
-	}
-}
-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: ""
-	}), [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.");
+var V = {
+	name: "",
+	type: "b2c",
+	email: "",
+	phone: "",
+	company: "",
+	street: "",
+	city: "",
+	state: "",
+	postalCode: "",
+	country: "",
+	businessLicense: "",
+	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) => {
+		if (e.preventDefault(), !c.name.trim()) {
+			A("Customer name is required.");
 			return;
 		}
-		d(!0), _(null);
+		g(!0), A(null);
 		try {
-			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));
+			let e = await s({
+				name: c.name.trim(),
+				type: c.type,
+				email: c.email.trim() || void 0,
+				phone: c.phone.trim() || void 0,
+				company: c.company.trim() || void 0,
+				address: c.street || c.city || c.state || c.postalCode || c.country ? {
+					street: c.street.trim(),
+					city: c.city.trim(),
+					state: c.state.trim(),
+					postalCode: c.postalCode.trim(),
+					country: c.country.trim()
+				} : void 0,
+				businessLicense: c.businessLicense.trim() || void 0,
+				taxId: c.taxId.trim() || void 0,
+				rating: c.rating ? Number(c.rating) : void 0
+			}), n = a ? f(a, e.id) : `customers/${e.id}`;
+			r?.(m(t, n));
 		} catch (e) {
-			console.error("Failed to create customer:", e), _(e instanceof Error ? e.message : "Failed to create customer. Please try again."), d(!1);
+			console.error("Failed to create customer:", e), A(e instanceof Error ? e.message : "Failed to create customer. Please try again."), g(!1);
 		}
 	};
-	return /* @__PURE__ */ R(M, {
+	return /* @__PURE__ */ R(ne, {
 		title: "New Customer",
 		subtitle: "Add a new customer to your account",
 		icon: /* @__PURE__ */ L(u, { size: 24 }),
 		headerActions: /* @__PURE__ */ R("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ R(b, {
+			children: [/* @__PURE__ */ R(v, {
 				variant: "outline",
-				onClick: y,
-				disabled: l,
+				onClick: j,
+				disabled: d,
 				children: [/* @__PURE__ */ L(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ R(b, {
-				onClick: x,
-				disabled: l,
+			}), /* @__PURE__ */ R(v, {
+				onClick: M,
+				disabled: d,
 				children: [
-					/* @__PURE__ */ L(s, { size: 16 }),
+					/* @__PURE__ */ L(o, { size: 16 }),
 					" ",
-					l ? "Saving..." : "Create Customer"
+					d ? "Saving..." : "Create Customer"
 				]
 			})]
 		}),
@@ -86,206 +96,350 @@ function V() {
 			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__ */ R("form", {
-			onSubmit: x,
+			onSubmit: M,
 			className: "max-w-2xl space-y-6",
-			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__ */ R("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ R("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ R("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ R(E, {
-								htmlFor: "name",
-								children: ["Name ", /* @__PURE__ */ L("span", {
-									className: "text-status-error-text",
-									children: "*"
+			children: [
+				/* @__PURE__ */ L(N, { message: te }),
+				/* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
+					className: "text-base font-semibold text-text-primary mb-4",
+					children: "Customer Details"
+				}), /* @__PURE__ */ R("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ R("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ R(w, {
+									htmlFor: "name",
+									children: ["Name ", /* @__PURE__ */ L("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ L(C, {
+									id: "name",
+									value: c.name,
+									onChange: (e) => l((t) => ({
+										...t,
+										name: e.target.value
+									})),
+									placeholder: "Acme Corp or Jane Doe",
+									required: !0
+								})]
+							}), /* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "type",
+									children: "Customer Type"
+								}), /* @__PURE__ */ R(T, {
+									value: c.type,
+									onValueChange: (e) => l((t) => ({
+										...t,
+										type: e
+									})),
+									children: [/* @__PURE__ */ L(O, {
+										id: "type",
+										children: /* @__PURE__ */ L(k, {})
+									}), /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(D, {
+										value: "b2c",
+										children: "B2C (Individual)"
+									}), /* @__PURE__ */ L(D, {
+										value: "b2b",
+										children: "B2B (Business)"
+									})] })]
 								})]
-							}), /* @__PURE__ */ L(T, {
-								id: "name",
-								value: o.name,
-								onChange: (e) => c((t) => ({
-									...t,
-									name: e.target.value
-								})),
-								placeholder: "Acme Corp or Jane Doe",
-								required: !0
 							})]
-						}), /* @__PURE__ */ R("div", {
+						}),
+						/* @__PURE__ */ R("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "email",
+									children: "Email"
+								}), /* @__PURE__ */ L(C, {
+									id: "email",
+									type: "email",
+									value: c.email,
+									onChange: (e) => l((t) => ({
+										...t,
+										email: e.target.value
+									})),
+									placeholder: "customer@example.com"
+								})]
+							}), /* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "phone",
+									children: "Phone"
+								}), /* @__PURE__ */ L(C, {
+									id: "phone",
+									value: c.phone,
+									onChange: (e) => l((t) => ({
+										...t,
+										phone: e.target.value
+									})),
+									placeholder: "+1-555-0100"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(E, {
-								htmlFor: "type",
-								children: "Customer Type"
-							}), /* @__PURE__ */ R(D, {
-								value: o.type,
-								onValueChange: (e) => c((t) => ({
+							children: [/* @__PURE__ */ L(w, {
+								htmlFor: "company",
+								children: "Company"
+							}), /* @__PURE__ */ L(C, {
+								id: "company",
+								value: c.company,
+								onChange: (e) => l((t) => ({
 									...t,
-									type: e
+									company: e.target.value
 								})),
-								children: [/* @__PURE__ */ L(A, {
-									id: "type",
-									children: /* @__PURE__ */ L(j, {})
-								}), /* @__PURE__ */ R(O, { children: [/* @__PURE__ */ L(k, {
-									value: "b2c",
-									children: "B2C (Individual)"
-								}), /* @__PURE__ */ L(k, {
-									value: "b2b",
-									children: "B2B (Business)"
-								})] })]
+								placeholder: "Company name (for B2B accounts)"
 							})]
+						})
+					]
+				})] }),
+				/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ L(ee, { size: 18 }), " Address"]
+				}) }), /* @__PURE__ */ R(b, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ R("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ L(w, {
+							htmlFor: "street",
+							children: "Street"
+						}), /* @__PURE__ */ L(C, {
+							id: "street",
+							value: c.street,
+							onChange: (e) => l((t) => ({
+								...t,
+								street: e.target.value
+							})),
+							placeholder: "123 Main St"
 						})]
-					}),
-					/* @__PURE__ */ R("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ R("div", {
+					}), /* @__PURE__ */ R("div", {
+						className: "grid grid-cols-1 md:grid-cols-4 gap-4",
+						children: [
+							/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "city",
+									children: "City"
+								}), /* @__PURE__ */ L(C, {
+									id: "city",
+									value: c.city,
+									onChange: (e) => l((t) => ({
+										...t,
+										city: e.target.value
+									}))
+								})]
+							}),
+							/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "state",
+									children: "State"
+								}), /* @__PURE__ */ L(C, {
+									id: "state",
+									value: c.state,
+									onChange: (e) => l((t) => ({
+										...t,
+										state: e.target.value
+									}))
+								})]
+							}),
+							/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "postalCode",
+									children: "Postal Code"
+								}), /* @__PURE__ */ L(C, {
+									id: "postalCode",
+									value: c.postalCode,
+									onChange: (e) => l((t) => ({
+										...t,
+										postalCode: e.target.value
+									}))
+								})]
+							}),
+							/* @__PURE__ */ R("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ L(w, {
+									htmlFor: "country",
+									children: "Country"
+								}), /* @__PURE__ */ L(C, {
+									id: "country",
+									value: c.country,
+									onChange: (e) => l((t) => ({
+										...t,
+										country: e.target.value
+									}))
+								})]
+							})
+						]
+					})]
+				})] }),
+				/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ L(n, { size: 18 }), " Business Details"]
+				}) }), /* @__PURE__ */ L(b, { children: /* @__PURE__ */ R("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(E, {
-								htmlFor: "email",
-								children: "Email"
-							}), /* @__PURE__ */ L(T, {
-								id: "email",
-								type: "email",
-								value: o.email,
-								onChange: (e) => c((t) => ({
+							children: [/* @__PURE__ */ L(w, {
+								htmlFor: "businessLicense",
+								children: "Business License"
+							}), /* @__PURE__ */ L(C, {
+								id: "businessLicense",
+								value: c.businessLicense,
+								onChange: (e) => l((t) => ({
 									...t,
-									email: e.target.value
-								})),
-								placeholder: "customer@example.com"
+									businessLicense: e.target.value
+								}))
 							})]
-						}), /* @__PURE__ */ R("div", {
+						}),
+						/* @__PURE__ */ R("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ L(E, {
-								htmlFor: "phone",
-								children: "Phone"
-							}), /* @__PURE__ */ L(T, {
-								id: "phone",
-								value: o.phone,
-								onChange: (e) => c((t) => ({
+							children: [/* @__PURE__ */ L(w, {
+								htmlFor: "taxId",
+								children: "Tax ID"
+							}), /* @__PURE__ */ L(C, {
+								id: "taxId",
+								value: c.taxId,
+								onChange: (e) => l((t) => ({
 									...t,
-									phone: e.target.value
-								})),
-								placeholder: "+1-555-0100"
+									taxId: e.target.value
+								}))
 							})]
-						})]
-					}),
-					/* @__PURE__ */ R("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ L(E, {
-							htmlFor: "company",
-							children: "Company"
-						}), /* @__PURE__ */ L(T, {
-							id: "company",
-							value: o.company,
-							onChange: (e) => c((t) => ({
-								...t,
-								company: e.target.value
-							})),
-							placeholder: "Company name (for B2B accounts)"
-						})]
-					})
-				]
-			})] })]
+						}),
+						/* @__PURE__ */ R("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ L(w, {
+								htmlFor: "rating",
+								children: "Rating (0–5)"
+							}), /* @__PURE__ */ L(C, {
+								id: "rating",
+								type: "number",
+								min: 0,
+								max: 5,
+								step: .1,
+								value: c.rating,
+								onChange: (e) => l((t) => ({
+									...t,
+									rating: e.target.value
+								}))
+							})]
+						})
+					]
+				}) })] })
+			]
 		})]
 	});
 }
-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: ""
-	});
+function H(e) {
+	return {
+		name: e.name,
+		email: e.email,
+		phone: e.phone,
+		company: e.company ?? "",
+		type: e.type,
+		street: e.address.street,
+		city: e.address.city,
+		state: e.address.state,
+		postalCode: e.address.postalCode,
+		country: e.address.country,
+		businessLicense: e.businessLicense ?? "",
+		taxId: e.taxId ?? "",
+		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(() => {
-		k && Z({
-			name: k.name,
-			email: k.email,
-			phone: k.phone,
-			company: k.company ?? ""
-		});
-	}, [k]);
-	let ge = () => O?.(m(D, "customers")), Q = (e) => O?.(m(D, e)), $ = () => {
-		Y(null), K(!0);
+		W && Y(H(W));
+	}, [W]);
+	let Fe = () => U?.(m(I, "customers")), Q = (e) => U?.(m(I, e)), $ = () => {
+		q(null), G(!0);
 	};
-	return p ? A ? /* @__PURE__ */ L(te, { message: "Loading customer details..." }) : j || !k ? /* @__PURE__ */ L(ee, {
+	return p ? ye ? /* @__PURE__ */ L(j, { message: "Loading customer details..." }) : be || !W ? /* @__PURE__ */ L(A, {
 		title: "Customer not found",
-		onRetry: I
-	}) : /* @__PURE__ */ R(M, {
-		title: k.name,
-		subtitle: k.company || k.email,
+		onRetry: xe
+	}) : /* @__PURE__ */ R(ne, {
+		title: W.name,
+		subtitle: W.company || W.email,
 		icon: /* @__PURE__ */ L(u, { size: 24 }),
 		headerActions: /* @__PURE__ */ R("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ R(b, {
+			children: [/* @__PURE__ */ R(v, {
 				variant: "outline",
-				onClick: ge,
+				onClick: Fe,
 				children: [/* @__PURE__ */ L(e, { size: 16 }), " Back"]
-			}), G ? /* @__PURE__ */ R(ue, { children: [/* @__PURE__ */ R(b, {
+			}), Oe ? /* @__PURE__ */ R(ue, { children: [/* @__PURE__ */ R(v, {
 				variant: "outline",
 				onClick: () => {
-					Y(null), K(!1), k && Z({
-						name: k.name,
-						email: k.email,
-						phone: k.phone,
-						company: k.company ?? ""
-					});
+					q(null), G(!1), W && Y(H(W));
 				},
-				disabled: q,
+				disabled: K,
 				children: [/* @__PURE__ */ L(d, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ R(b, {
+			}), /* @__PURE__ */ R(v, {
 				onClick: async () => {
 					if (p) {
-						if (!X.name.trim()) {
-							Y("Customer name is required.");
+						if (!J.name.trim()) {
+							q("Customer name is required.");
 							return;
 						}
-						J(!0), Y(null);
+						ke(!0), q(null);
 						try {
-							await H(p, {
-								name: X.name.trim(),
-								email: X.email.trim(),
-								phone: X.phone.trim(),
-								company: X.company.trim() || void 0
-							}), me("Customer updated."), K(!1), I();
+							await Se(p, {
+								name: J.name.trim(),
+								email: J.email.trim(),
+								phone: J.phone.trim(),
+								company: J.company.trim() || void 0,
+								type: J.type,
+								address: {
+									street: J.street.trim(),
+									city: J.city.trim(),
+									state: J.state.trim(),
+									postalCode: J.postalCode.trim(),
+									country: J.country.trim()
+								},
+								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();
 						} catch (e) {
-							Y(e instanceof Error ? e.message : "Failed to update customer.");
+							q(e instanceof Error ? e.message : "Failed to update customer.");
 						} finally {
-							J(!1);
+							ke(!1);
 						}
 					}
 				},
-				disabled: q,
+				disabled: K,
 				children: [
-					/* @__PURE__ */ L(s, { size: 16 }),
+					/* @__PURE__ */ L(o, { size: 16 }),
 					" ",
-					q ? "Saving…" : "Save"
+					K ? "Saving…" : "Save"
 				]
-			})] }) : /* @__PURE__ */ R(b, {
+			})] }) : /* @__PURE__ */ R(v, {
 				onClick: $,
-				children: [/* @__PURE__ */ L(c, { size: 16 }), " Edit"]
+				children: [/* @__PURE__ */ L(s, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ R("div", {
 			className: "flex items-center gap-4",
-			children: [
-				/* @__PURE__ */ L(re, { type: k.type }),
-				/* @__PURE__ */ L(y, {
-					variant: k.isActive ? "default" : "secondary",
-					children: k.isActive ? "Active" : "Inactive"
-				}),
-				/* @__PURE__ */ R("div", {
-					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ L(l, {
-						size: 16,
-						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ L("span", {
-						className: "font-medium",
-						children: k.rating.toFixed(1)
-					})]
-				})
-			]
+			children: [/* @__PURE__ */ L(re, { type: W.type }), W.rating > 0 && /* @__PURE__ */ R("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ L(c, {
+					size: 16,
+					className: "text-status-warning-text fill-current"
+				}), /* @__PURE__ */ L("span", {
+					className: "font-medium",
+					children: W.rating.toFixed(1)
+				})]
+			})]
 		}),
 		children: [
 			/* @__PURE__ */ L(B, {
@@ -299,18 +453,18 @@ function H() {
 					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", k.id))
+					onClick: () => Q(f("orders/new", W.id))
 				}, {
 					id: "edit",
 					label: "Update contact details",
 					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ L(c, { size: 16 }),
+					icon: /* @__PURE__ */ L(s, { size: 16 }),
 					onClick: $
 				}]
 			}),
-			W && /* @__PURE__ */ L("div", {
+			Ee && /* @__PURE__ */ L("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ L(ie, { message: W })
+				children: /* @__PURE__ */ L(ie, { message: Ee })
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
@@ -320,74 +474,221 @@ function H() {
 						/* @__PURE__ */ R(z, { children: [/* @__PURE__ */ L("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Contact Information"
-						}), G ? /* @__PURE__ */ R("div", {
+						}), Oe ? /* @__PURE__ */ R("div", {
 							className: "space-y-4",
-							children: [/* @__PURE__ */ L(N, { message: he }), /* @__PURE__ */ R("div", {
-								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ R("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ R(E, {
-											htmlFor: "edit-name",
-											children: ["Name ", /* @__PURE__ */ L("span", {
-												className: "text-status-error-text",
-												children: "*"
+							children: [
+								/* @__PURE__ */ L(N, { message: Ae }),
+								/* @__PURE__ */ R("div", {
+									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+									children: [
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ R(w, {
+												htmlFor: "edit-name",
+												children: ["Name ", /* @__PURE__ */ L("span", {
+													className: "text-status-error-text",
+													children: "*"
+												})]
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-name",
+												value: J.name,
+												onChange: (e) => Y((t) => ({
+													...t,
+													name: e.target.value
+												}))
 											})]
-										}), /* @__PURE__ */ L(T, {
-											id: "edit-name",
-											value: X.name,
-											onChange: (e) => Z((t) => ({
-												...t,
-												name: e.target.value
-											}))
-										})]
-									}),
-									/* @__PURE__ */ R("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ L(E, {
-											htmlFor: "edit-company",
-											children: "Company"
-										}), /* @__PURE__ */ L(T, {
-											id: "edit-company",
-											value: X.company,
-											onChange: (e) => Z((t) => ({
-												...t,
-												company: e.target.value
-											})),
-											placeholder: "Company name (for B2B accounts)"
-										})]
-									}),
-									/* @__PURE__ */ R("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ L(E, {
-											htmlFor: "edit-email",
-											children: "Email"
-										}), /* @__PURE__ */ L(T, {
-											id: "edit-email",
-											type: "email",
-											value: X.email,
-											onChange: (e) => Z((t) => ({
-												...t,
-												email: e.target.value
-											}))
-										})]
-									}),
-									/* @__PURE__ */ R("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ L(E, {
-											htmlFor: "edit-phone",
-											children: "Phone"
-										}), /* @__PURE__ */ L(T, {
-											id: "edit-phone",
-											value: X.phone,
-											onChange: (e) => Z((t) => ({
-												...t,
-												phone: e.target.value
-											}))
-										})]
-									})
-								]
-							})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-company",
+												children: "Company"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-company",
+												value: J.company,
+												onChange: (e) => Y((t) => ({
+													...t,
+													company: e.target.value
+												})),
+												placeholder: "Company name (for B2B accounts)"
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-email",
+												children: "Email"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-email",
+												type: "email",
+												value: J.email,
+												onChange: (e) => Y((t) => ({
+													...t,
+													email: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-phone",
+												children: "Phone"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-phone",
+												value: J.phone,
+												onChange: (e) => Y((t) => ({
+													...t,
+													phone: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-type",
+												children: "Customer Type"
+											}), /* @__PURE__ */ R(T, {
+												value: J.type,
+												onValueChange: (e) => Y((t) => ({
+													...t,
+													type: e
+												})),
+												children: [/* @__PURE__ */ L(O, {
+													id: "edit-type",
+													children: /* @__PURE__ */ L(k, {})
+												}), /* @__PURE__ */ R(E, { children: [/* @__PURE__ */ L(D, {
+													value: "b2c",
+													children: "B2C (Individual)"
+												}), /* @__PURE__ */ L(D, {
+													value: "b2b",
+													children: "B2B (Business)"
+												})] })]
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-rating",
+												children: "Rating (0–5)"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-rating",
+												type: "number",
+												min: 0,
+												max: 5,
+												step: .1,
+												value: J.rating,
+												onChange: (e) => Y((t) => ({
+													...t,
+													rating: e.target.value
+												}))
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ R("div", {
+									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+									children: [
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-street",
+												children: "Street"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-street",
+												value: J.street,
+												onChange: (e) => Y((t) => ({
+													...t,
+													street: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-city",
+												children: "City"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-city",
+												value: J.city,
+												onChange: (e) => Y((t) => ({
+													...t,
+													city: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-state",
+												children: "State"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-state",
+												value: J.state,
+												onChange: (e) => Y((t) => ({
+													...t,
+													state: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-postalCode",
+												children: "Postal Code"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-postalCode",
+												value: J.postalCode,
+												onChange: (e) => Y((t) => ({
+													...t,
+													postalCode: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-country",
+												children: "Country"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-country",
+												value: J.country,
+												onChange: (e) => Y((t) => ({
+													...t,
+													country: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-businessLicense",
+												children: "Business License"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-businessLicense",
+												value: J.businessLicense,
+												onChange: (e) => Y((t) => ({
+													...t,
+													businessLicense: e.target.value
+												}))
+											})]
+										}),
+										/* @__PURE__ */ R("div", {
+											className: "space-y-2",
+											children: [/* @__PURE__ */ L(w, {
+												htmlFor: "edit-taxId",
+												children: "Tax ID"
+											}), /* @__PURE__ */ L(C, {
+												id: "edit-taxId",
+												value: J.taxId,
+												onChange: (e) => Y((t) => ({
+													...t,
+													taxId: e.target.value
+												}))
+											})]
+										})
+									]
+								})
+							]
 						}) : /* @__PURE__ */ R("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ R("div", {
@@ -402,11 +703,11 @@ function H() {
 										children: "Email"
 									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: k.email || "—"
+										children: W.email || "—"
 									})] })]
 								}), /* @__PURE__ */ R("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ L(o, {
+									children: [/* @__PURE__ */ L(a, {
 										size: 18,
 										className: "text-text-secondary"
 									}), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
@@ -414,12 +715,12 @@ function H() {
 										children: "Phone"
 									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: k.phone || "—"
+										children: W.phone || "—"
 									})] })]
 								})]
-							}), /* @__PURE__ */ R("div", {
+							}), /* @__PURE__ */ L("div", {
 								className: "space-y-4",
-								children: [k.company && /* @__PURE__ */ R("div", {
+								children: W.company && /* @__PURE__ */ R("div", {
 									className: "flex items-center gap-3",
 									children: [/* @__PURE__ */ L(t, {
 										size: 18,
@@ -429,48 +730,32 @@ function H() {
 										children: "Company"
 									}), /* @__PURE__ */ L("p", {
 										className: "font-medium",
-										children: k.company
+										children: W.company
 									})] })]
-								}), (() => {
-									let e = fe(k.website);
-									return e ? /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
-										className: "text-sm text-text-secondary",
-										children: "Website"
-									}), /* @__PURE__ */ L("a", {
-										href: e,
-										target: "_blank",
-										rel: "noopener noreferrer",
-										className: "text-primary hover:underline",
-										children: e
-									})] }) : null;
-								})()]
+								})
 							})]
 						})] }),
-						/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ R(w, {
+						/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
 							className: "flex items-center gap-2",
-							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__ */ L(n, { size: 18 }), " Notes"]
-						}) }), /* @__PURE__ */ L(S, { children: /* @__PURE__ */ L("p", { children: k.notes }) })] }),
-						/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ R(C, {
+							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, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ R(w, {
+							children: [/* @__PURE__ */ R(S, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ L(a, { size: 18 }), " Orders"]
-							}), /* @__PURE__ */ R(b, {
+								children: [/* @__PURE__ */ L(i, { size: 18 }), " Orders"]
+							}), /* @__PURE__ */ R(v, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => Q(f("orders/new", k.id)),
+								onClick: () => Q(f("orders/new", W.id)),
 								children: [/* @__PURE__ */ L(n, { size: 14 }), " New order"]
 							})]
-						}), /* @__PURE__ */ L(S, { children: pe ? /* @__PURE__ */ L("p", {
+						}), /* @__PURE__ */ L(b, { children: Te ? /* @__PURE__ */ L("p", {
 							className: "text-text-secondary text-center py-4",
 							children: "Loading orders…"
-						}) : U.length > 0 ? /* @__PURE__ */ L("div", {
+						}) : we.length > 0 ? /* @__PURE__ */ L("div", {
 							className: "space-y-2",
-							children: U.map((e) => /* @__PURE__ */ R("button", {
+							children: we.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",
@@ -488,7 +773,7 @@ function H() {
 											se(e.pricing.total)
 										]
 									})]
-								}), /* @__PURE__ */ L(ne, {
+								}), /* @__PURE__ */ L(M, {
 									status: e.status,
 									type: "order",
 									size: "sm"
@@ -497,7 +782,7 @@ function H() {
 						}) : /* @__PURE__ */ R("div", {
 							className: "text-center py-6",
 							children: [
-								/* @__PURE__ */ L(a, {
+								/* @__PURE__ */ L(i, {
 									size: 32,
 									className: "mx-auto mb-2 text-text-secondary opacity-50"
 								}),
@@ -507,7 +792,7 @@ function H() {
 								}),
 								/* @__PURE__ */ L("button", {
 									type: "button",
-									onClick: () => Q(f("orders/new", k.id)),
+									onClick: () => Q(f("orders/new", W.id)),
 									className: "mt-1 text-sm text-primary hover:underline",
 									children: "Book their first delivery"
 								})
@@ -516,52 +801,89 @@ function H() {
 					]
 				}), /* @__PURE__ */ R("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ L(w, { children: "Business Details" }) }), /* @__PURE__ */ R(S, {
-						className: "space-y-3",
-						children: [
-							k.businessLicense && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+					children: [
+						(W.businessLicense || W.taxId) && /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(S, { children: "Business Details" }) }), /* @__PURE__ */ R(b, {
+							className: "space-y-3",
+							children: [W.businessLicense && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Business License"
 							}), /* @__PURE__ */ L("p", {
 								className: "font-mono",
-								children: k.businessLicense
-							})] }),
-							k.taxId && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+								children: W.businessLicense
+							})] }), W.taxId && /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tax ID"
 							}), /* @__PURE__ */ L("p", {
 								className: "font-mono",
-								children: k.taxId
-							})] }),
-							/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+								children: W.taxId
+							})] })]
+						})] }),
+						/* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(S, { children: "Account Info" }) }), /* @__PURE__ */ R(b, {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
-								children: "Preferred Contact"
-							}), /* @__PURE__ */ L("p", {
-								className: "capitalize",
-								children: k.preferredContactMethod
-							})] }),
-							/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
+								children: "Created"
+							}), /* @__PURE__ */ L("p", { children: P(W.createdAt, "full") })] }), /* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary",
-								children: "Marketing Opt-in"
-							}), /* @__PURE__ */ L(y, {
-								variant: k.marketingOptIn ? "default" : "secondary",
-								children: k.marketingOptIn ? "Yes" : "No"
-							})] })
-						]
-					})] }), /* @__PURE__ */ R(x, { children: [/* @__PURE__ */ L(C, { children: /* @__PURE__ */ L(w, { children: "Account Info" }) }), /* @__PURE__ */ R(S, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("p", {
-							className: "text-sm text-text-secondary",
-							children: "Created"
-						}), /* @__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__ */ L("p", { children: P(k.updatedAt, "relative") })] })]
-					})] })]
+								children: "Last Updated"
+							}), /* @__PURE__ */ L("p", { children: P(W.updatedAt, "relative") })] })]
+						})] }),
+						/* @__PURE__ */ R(y, {
+							className: "border-status-error-border",
+							children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
+								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", {
+								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, {
+								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"]
+							})] })]
+						})
+					]
 				})]
+			}),
+			/* @__PURE__ */ L(fe, {
+				open: je,
+				onOpenChange: X,
+				children: /* @__PURE__ */ R(pe, { children: [
+					/* @__PURE__ */ R(ge, { children: [/* @__PURE__ */ L(_e, { children: "Delete this customer?" }), /* @__PURE__ */ R(me, { children: [
+						"This removes ",
+						W.name,
+						" from your account. It cannot be undone from here."
+					] })] }),
+					/* @__PURE__ */ L("div", {
+						className: "px-1",
+						children: /* @__PURE__ */ L(N, { message: Ne })
+					}),
+					/* @__PURE__ */ R(he, { children: [/* @__PURE__ */ L(v, {
+						variant: "outline",
+						onClick: () => X(!1),
+						disabled: Z,
+						children: "Cancel"
+					}), /* @__PURE__ */ L(v, {
+						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();
+								} catch (e) {
+									Pe(e instanceof Error ? e.message : "Failed to delete customer."), Me(!1);
+								}
+							}
+						},
+						disabled: Z,
+						children: Z ? "Deleting..." : "Delete customer"
+					})] })
+				] })
 			})
 		]
-	}) : /* @__PURE__ */ L(V, {});
+	}) : /* @__PURE__ */ L(ve, {});
 }
 //#endregion
-export { H as default };
+export { U as default };