@burdenoff/microfe-movethewheels 2026.1101.4 → 2026.1102.2

package/dist/pages/CustomerDetailsPage.js

@@ -1,30 +1,32 @@
 import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
-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 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 { 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";
+import { BellRing as t } from "../node_modules/lucide-react/dist/esm/icons/bell-ring.js";
+import { Building as n } from "../node_modules/lucide-react/dist/esm/icons/building.js";
+import { FileText as r } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import { Mail as i } from "../node_modules/lucide-react/dist/esm/icons/mail.js";
+import { MapPin as a } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Package as o } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Phone as s } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
+import { Save as c } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { SquarePen as l } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
+import { Star as u } from "../node_modules/lucide-react/dist/esm/icons/star.js";
+import { Trash2 as d } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { Users as f } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { X as p } from "../node_modules/lucide-react/dist/esm/icons/x.js";
+import { buildOrderCustomerPath as m, getSafeCustomerReturnPath as h, joinPath as g } from "../utils/navigation.js";
+import { useMoveTheWheels as _ } from "../providers/MoveTheWheelsProvider.js";
+import { formatAddress as v, formatCurrency as y, formatDate as b } from "../utils/formatters.js";
+import { useOrders as x } from "../hooks/useOrders.js";
+import { useCustomer as ee, useCustomers as te } 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 ne, SelectItem as A, SelectTrigger as re, SelectValue as ie } from "../components/ui.js";
+import { ErrorState as ae, LoadingState as oe, PageLayout as se } from "../components/PageLayout.js";
+import { StatusBadge as ce, TypeBadge as le } from "../components/StatusBadge.js";
+import { FormError as j } from "../components/FormError.js";
+import { Notice as ue, useNotice as de } from "../components/Notice.js";
+import { CustomerDeliveryUpdatesFields as M, deliveryUpdatesSummary as fe } from "../components/CustomerDeliveryUpdatesFields.js";
+import { useEffect as pe, useState as N } from "react";
+import { useParams as me, useSearchParams as P } from "react-router";
+import { Fragment as he, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { EmphasisPanel as L, NextSteps as ge, PagePurpose as R, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as xe, ResponsiveDialogTitle as Se } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomerDetailsPage.tsx
 var z = {
 	name: "",
@@ -39,67 +41,71 @@ var z = {
 	country: "",
 	businessLicense: "",
 	taxId: "",
-	rating: ""
+	rating: "",
+	notifyByEmail: !0,
+	notifyBySms: !1
 };
-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()) {
-			v("Customer name is required.");
+function Ce() {
+	let { basePath: t, navigate: n } = _(), [i] = P(), o = h(i.get("returnTo")), { createCustomer: s } = te(), [l, u] = N(z), [d, p] = N(!1), [v, y] = N(null), b = () => n?.(g(t, "customers")), x = async (e) => {
+		if (e.preventDefault(), !l.name.trim()) {
+			y("Customer name is required.");
 			return;
 		}
-		g(!0), v(null);
+		p(!0), y(null);
 		try {
 			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()
+				name: l.name.trim(),
+				type: l.type,
+				email: l.email.trim() || void 0,
+				phone: l.phone.trim() || void 0,
+				company: l.company.trim() || void 0,
+				address: l.street || l.city || l.state || l.postalCode || l.country ? {
+					street: l.street.trim(),
+					city: l.city.trim(),
+					state: l.state.trim(),
+					postalCode: l.postalCode.trim(),
+					country: l.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));
+				businessLicense: l.businessLicense.trim() || void 0,
+				taxId: l.taxId.trim() || void 0,
+				rating: l.rating ? Number(l.rating) : void 0,
+				notifyByEmail: l.notifyByEmail,
+				notifyBySms: l.notifyBySms
+			}), r = o ? m(o, e.id) : `customers/${e.id}`;
+			n?.(g(t, r));
 		} catch (e) {
-			console.error("Failed to create customer:", e), v(e instanceof Error ? e.message : "Failed to create customer. Please try again."), g(!1);
+			console.error("Failed to create customer:", e), y(e instanceof Error ? e.message : "Failed to create customer. Please try again."), p(!1);
 		}
 	};
-	return /* @__PURE__ */ I(ae, {
+	return /* @__PURE__ */ I(se, {
 		title: "New Customer",
 		subtitle: "Add a new customer to your account",
-		icon: /* @__PURE__ */ F(u, { size: 24 }),
+		icon: /* @__PURE__ */ F(f, { size: 24 }),
 		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
-				onClick: y,
+				onClick: b,
 				disabled: d,
 				children: [/* @__PURE__ */ F(e, { size: 16 }), " Cancel"]
 			}), /* @__PURE__ */ I(S, {
-				onClick: b,
+				onClick: x,
 				disabled: d,
 				children: [
-					/* @__PURE__ */ F(o, { size: 16 }),
+					/* @__PURE__ */ F(c, { size: 16 }),
 					" ",
 					d ? "Saving..." : "Create Customer"
 				]
 			})]
 		}),
 		children: [/* @__PURE__ */ F(R, {
-			icon: /* @__PURE__ */ F(u, { size: 18 }),
+			icon: /* @__PURE__ */ F(f, { 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__ */ I("form", {
-			onSubmit: b,
+			onSubmit: x,
 			className: "max-w-2xl space-y-6",
 			children: [
-				/* @__PURE__ */ F(M, { message: _ }),
+				/* @__PURE__ */ F(j, { message: v }),
 				/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
 					className: "text-base font-semibold text-text-primary mb-4",
 					children: "Customer Details"
@@ -118,8 +124,8 @@ function be() {
 									})]
 								}), /* @__PURE__ */ F(D, {
 									id: "name",
-									value: c.name,
-									onChange: (e) => l((t) => ({
+									value: l.name,
+									onChange: (e) => u((t) => ({
 										...t,
 										name: e.target.value
 									})),
@@ -132,18 +138,18 @@ function be() {
 									htmlFor: "type",
 									children: "Customer Type"
 								}), /* @__PURE__ */ I(k, {
-									value: c.type,
-									onValueChange: (e) => l((t) => ({
+									value: l.type,
+									onValueChange: (e) => u((t) => ({
 										...t,
 										type: e
 									})),
-									children: [/* @__PURE__ */ F(te, {
+									children: [/* @__PURE__ */ F(re, {
 										id: "type",
-										children: /* @__PURE__ */ F(ne, {})
-									}), /* @__PURE__ */ I(A, { children: [/* @__PURE__ */ F(j, {
+										children: /* @__PURE__ */ F(ie, {})
+									}), /* @__PURE__ */ I(ne, { children: [/* @__PURE__ */ F(A, {
 										value: "b2c",
 										children: "B2C (Individual)"
-									}), /* @__PURE__ */ F(j, {
+									}), /* @__PURE__ */ F(A, {
 										value: "b2b",
 										children: "B2B (Business)"
 									})] })]
@@ -160,8 +166,8 @@ function be() {
 								}), /* @__PURE__ */ F(D, {
 									id: "email",
 									type: "email",
-									value: c.email,
-									onChange: (e) => l((t) => ({
+									value: l.email,
+									onChange: (e) => u((t) => ({
 										...t,
 										email: e.target.value
 									})),
@@ -174,8 +180,8 @@ function be() {
 									children: "Phone"
 								}), /* @__PURE__ */ F(D, {
 									id: "phone",
-									value: c.phone,
-									onChange: (e) => l((t) => ({
+									value: l.phone,
+									onChange: (e) => u((t) => ({
 										...t,
 										phone: e.target.value
 									})),
@@ -190,8 +196,8 @@ function be() {
 								children: "Company"
 							}), /* @__PURE__ */ F(D, {
 								id: "company",
-								value: c.company,
-								onChange: (e) => l((t) => ({
+								value: l.company,
+								onChange: (e) => u((t) => ({
 									...t,
 									company: e.target.value
 								})),
@@ -202,7 +208,7 @@ function be() {
 				})] }),
 				/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ F(ee, { size: 18 }), " Address"]
+					children: [/* @__PURE__ */ F(a, { size: 18 }), " Address"]
 				}) }), /* @__PURE__ */ I(w, {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ I("div", {
@@ -212,8 +218,8 @@ function be() {
 							children: "Street"
 						}), /* @__PURE__ */ F(D, {
 							id: "street",
-							value: c.street,
-							onChange: (e) => l((t) => ({
+							value: l.street,
+							onChange: (e) => u((t) => ({
 								...t,
 								street: e.target.value
 							})),
@@ -229,8 +235,8 @@ function be() {
 									children: "City"
 								}), /* @__PURE__ */ F(D, {
 									id: "city",
-									value: c.city,
-									onChange: (e) => l((t) => ({
+									value: l.city,
+									onChange: (e) => u((t) => ({
 										...t,
 										city: e.target.value
 									}))
@@ -243,8 +249,8 @@ function be() {
 									children: "State"
 								}), /* @__PURE__ */ F(D, {
 									id: "state",
-									value: c.state,
-									onChange: (e) => l((t) => ({
+									value: l.state,
+									onChange: (e) => u((t) => ({
 										...t,
 										state: e.target.value
 									}))
@@ -257,8 +263,8 @@ function be() {
 									children: "Postal Code"
 								}), /* @__PURE__ */ F(D, {
 									id: "postalCode",
-									value: c.postalCode,
-									onChange: (e) => l((t) => ({
+									value: l.postalCode,
+									onChange: (e) => u((t) => ({
 										...t,
 										postalCode: e.target.value
 									}))
@@ -271,8 +277,8 @@ function be() {
 									children: "Country"
 								}), /* @__PURE__ */ F(D, {
 									id: "country",
-									value: c.country,
-									onChange: (e) => l((t) => ({
+									value: l.country,
+									onChange: (e) => u((t) => ({
 										...t,
 										country: e.target.value
 									}))
@@ -283,8 +289,8 @@ function be() {
 				})] }),
 				/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ F(n, { size: 18 }), " Business Details"]
-				}) }), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ I("div", {
+					children: [/* @__PURE__ */ F(r, { size: 18 }), " Business Details"]
+				}) }), /* @__PURE__ */ I(w, { children: [/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 					children: [
 						/* @__PURE__ */ I("div", {
@@ -294,8 +300,8 @@ function be() {
 								children: "Business License"
 							}), /* @__PURE__ */ F(D, {
 								id: "businessLicense",
-								value: c.businessLicense,
-								onChange: (e) => l((t) => ({
+								value: l.businessLicense,
+								onChange: (e) => u((t) => ({
 									...t,
 									businessLicense: e.target.value
 								}))
@@ -308,8 +314,8 @@ function be() {
 								children: "Tax ID"
 							}), /* @__PURE__ */ F(D, {
 								id: "taxId",
-								value: c.taxId,
-								onChange: (e) => l((t) => ({
+								value: l.taxId,
+								onChange: (e) => u((t) => ({
 									...t,
 									taxId: e.target.value
 								}))
@@ -326,20 +332,33 @@ function be() {
 								min: 0,
 								max: 5,
 								step: .1,
-								value: c.rating,
-								onChange: (e) => l((t) => ({
+								value: l.rating,
+								onChange: (e) => u((t) => ({
 									...t,
 									rating: e.target.value
 								}))
 							})]
 						})
 					]
-				}) })] })
+				}), /* @__PURE__ */ F("div", {
+					className: "mt-6",
+					children: /* @__PURE__ */ F(M, {
+						idPrefix: "new-customer",
+						value: {
+							notifyByEmail: l.notifyByEmail,
+							notifyBySms: l.notifyBySms
+						},
+						onChange: (e) => u((t) => ({
+							...t,
+							...e
+						}))
+					})
+				})] })] })
 			]
 		})]
 	});
 }
-function B(e) {
+function we(e) {
 	return {
 		name: e.name,
 		email: e.email,
@@ -353,118 +372,122 @@ function B(e) {
 		country: e.address.country ?? "",
 		businessLicense: e.businessLicense ?? "",
 		taxId: e.taxId ?? "",
-		rating: e.rating ? String(e.rating) : ""
+		rating: e.rating ? String(e.rating) : "",
+		notifyByEmail: e.notifyByEmail,
+		notifyBySms: e.notifyBySms
 	};
 }
-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);
+function B() {
+	let { customerId: h } = me(), { basePath: P, navigate: B } = _(), { customer: V, isLoading: Te, error: Ee, refetch: H } = ee(h), { updateCustomer: De, deleteCustomer: Oe } = te(), { orders: U, isLoading: ke } = x({ filters: { customerId: h } }), { message: W, notify: Ae } = de(), [G, K] = N(!1), [q, je] = N(!1), [Me, J] = N(null), [Y, X] = N(z), [Ne, Z] = N(!1), [Q, Pe] = N(!1), [Fe, Ie] = N(null);
+	pe(() => {
+		V && X(we(V));
+	}, [V]);
+	let Le = () => B?.(g(P, "customers")), $ = (e) => B?.(g(P, e)), Re = () => {
+		J(null), K(!0);
 	};
-	return p ? xe ? /* @__PURE__ */ F(ie, { message: "Loading customer details..." }) : Se || !H ? /* @__PURE__ */ F(re, {
+	return h ? Te ? /* @__PURE__ */ F(oe, { message: "Loading customer details..." }) : Ee || !V ? /* @__PURE__ */ F(ae, {
 		title: "Customer not found",
-		onRetry: U
-	}) : /* @__PURE__ */ I(ae, {
-		title: H.name,
-		subtitle: H.company || H.email,
-		icon: /* @__PURE__ */ F(u, { size: 24 }),
+		onRetry: H
+	}) : /* @__PURE__ */ I(se, {
+		title: V.name,
+		subtitle: V.company || V.email,
+		icon: /* @__PURE__ */ F(f, { size: 24 }),
 		headerActions: /* @__PURE__ */ I("div", {
 			className: "flex gap-2",
 			children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
-				onClick: Fe,
+				onClick: Le,
 				children: [/* @__PURE__ */ F(e, { size: 16 }), " Back"]
-			}), Oe ? /* @__PURE__ */ I(fe, { children: [/* @__PURE__ */ I(S, {
+			}), G ? /* @__PURE__ */ I(he, { children: [/* @__PURE__ */ I(S, {
 				variant: "outline",
 				onClick: () => {
-					q(null), G(!1), H && Y(B(H));
+					J(null), K(!1), V && X(we(V));
 				},
-				disabled: K,
-				children: [/* @__PURE__ */ F(d, { size: 16 }), " Cancel"]
+				disabled: q,
+				children: [/* @__PURE__ */ F(p, { size: 16 }), " Cancel"]
 			}), /* @__PURE__ */ I(S, {
 				onClick: async () => {
-					if (p) {
-						if (!J.name.trim()) {
-							q("Customer name is required.");
+					if (h) {
+						if (!Y.name.trim()) {
+							J("Customer name is required.");
 							return;
 						}
-						ke(!0), q(null);
+						je(!0), J(null);
 						try {
-							await Ce(p, {
-								name: J.name.trim(),
-								email: J.email.trim(),
-								phone: J.phone.trim(),
-								company: J.company.trim() || void 0,
-								type: J.type,
+							await De(h, {
+								name: Y.name.trim(),
+								email: Y.email.trim(),
+								phone: Y.phone.trim(),
+								company: Y.company.trim() || void 0,
+								type: Y.type,
 								address: {
-									street: J.street.trim(),
-									city: J.city.trim(),
-									state: J.state.trim(),
-									postalCode: J.postalCode.trim(),
-									country: J.country.trim()
+									street: Y.street.trim(),
+									city: Y.city.trim(),
+									state: Y.state.trim(),
+									postalCode: Y.postalCode.trim(),
+									country: Y.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), U();
+								businessLicense: Y.businessLicense.trim() || void 0,
+								taxId: Y.taxId.trim() || void 0,
+								rating: Y.rating ? Number(Y.rating) : void 0,
+								notifyByEmail: Y.notifyByEmail,
+								notifyBySms: Y.notifyBySms
+							}), Ae("Customer updated."), K(!1), H();
 						} catch (e) {
-							q(e instanceof Error ? e.message : "Failed to update customer.");
+							J(e instanceof Error ? e.message : "Failed to update customer.");
 						} finally {
-							ke(!1);
+							je(!1);
 						}
 					}
 				},
-				disabled: K,
+				disabled: q,
 				children: [
-					/* @__PURE__ */ F(o, { size: 16 }),
+					/* @__PURE__ */ F(c, { size: 16 }),
 					" ",
-					K ? "Saving…" : "Save"
+					q ? "Saving…" : "Save"
 				]
 			})] }) : /* @__PURE__ */ I(S, {
-				onClick: $,
-				children: [/* @__PURE__ */ F(s, { size: 16 }), " Edit"]
+				onClick: Re,
+				children: [/* @__PURE__ */ F(l, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ I("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ F(se, { type: H.type }), H.rating !== void 0 && /* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ F(le, { type: V.type }), V.rating !== void 0 && /* @__PURE__ */ I("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ F(c, {
+				children: [/* @__PURE__ */ F(u, {
 					size: 16,
 					className: "text-status-warning-text fill-current"
 				}), /* @__PURE__ */ F("span", {
 					className: "font-medium",
-					children: H.rating.toFixed(1)
+					children: V.rating.toFixed(1)
 				})]
 			})]
 		}),
 		children: [
 			/* @__PURE__ */ F(R, {
-				icon: /* @__PURE__ */ F(u, { size: 18 }),
+				icon: /* @__PURE__ */ F(f, { 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__ */ F(pe, {
+			/* @__PURE__ */ F(ge, {
 				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__ */ F(n, { size: 16 }),
-					onClick: () => Q(f("orders/new", H.id))
+					icon: /* @__PURE__ */ F(r, { size: 16 }),
+					onClick: () => $(m("orders/new", V.id))
 				}, {
 					id: "edit",
 					label: "Update contact details",
 					description: "Keep email, phone and address current.",
-					icon: /* @__PURE__ */ F(s, { size: 16 }),
-					onClick: $
+					icon: /* @__PURE__ */ F(l, { size: 16 }),
+					onClick: Re
 				}]
 			}),
-			Ee && /* @__PURE__ */ F("div", {
+			W && /* @__PURE__ */ F("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ F(ce, { message: Ee })
+				children: /* @__PURE__ */ F(ue, { message: W })
 			}),
 			/* @__PURE__ */ I("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
@@ -474,10 +497,10 @@ function V() {
 						/* @__PURE__ */ I(L, { children: [/* @__PURE__ */ F("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Contact Information"
-						}), Oe ? /* @__PURE__ */ I("div", {
+						}), G ? /* @__PURE__ */ I("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ F(M, { message: Ae }),
+								/* @__PURE__ */ F(j, { message: Me }),
 								/* @__PURE__ */ I("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 									children: [
@@ -491,8 +514,8 @@ function V() {
 												})]
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-name",
-												value: J.name,
-												onChange: (e) => Y((t) => ({
+												value: Y.name,
+												onChange: (e) => X((t) => ({
 													...t,
 													name: e.target.value
 												}))
@@ -505,8 +528,8 @@ function V() {
 												children: "Company"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-company",
-												value: J.company,
-												onChange: (e) => Y((t) => ({
+												value: Y.company,
+												onChange: (e) => X((t) => ({
 													...t,
 													company: e.target.value
 												})),
@@ -521,8 +544,8 @@ function V() {
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-email",
 												type: "email",
-												value: J.email,
-												onChange: (e) => Y((t) => ({
+												value: Y.email,
+												onChange: (e) => X((t) => ({
 													...t,
 													email: e.target.value
 												}))
@@ -535,8 +558,8 @@ function V() {
 												children: "Phone"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-phone",
-												value: J.phone,
-												onChange: (e) => Y((t) => ({
+												value: Y.phone,
+												onChange: (e) => X((t) => ({
 													...t,
 													phone: e.target.value
 												}))
@@ -548,18 +571,18 @@ function V() {
 												htmlFor: "edit-type",
 												children: "Customer Type"
 											}), /* @__PURE__ */ I(k, {
-												value: J.type,
-												onValueChange: (e) => Y((t) => ({
+												value: Y.type,
+												onValueChange: (e) => X((t) => ({
 													...t,
 													type: e
 												})),
-												children: [/* @__PURE__ */ F(te, {
+												children: [/* @__PURE__ */ F(re, {
 													id: "edit-type",
-													children: /* @__PURE__ */ F(ne, {})
-												}), /* @__PURE__ */ I(A, { children: [/* @__PURE__ */ F(j, {
+													children: /* @__PURE__ */ F(ie, {})
+												}), /* @__PURE__ */ I(ne, { children: [/* @__PURE__ */ F(A, {
 													value: "b2c",
 													children: "B2C (Individual)"
-												}), /* @__PURE__ */ F(j, {
+												}), /* @__PURE__ */ F(A, {
 													value: "b2b",
 													children: "B2B (Business)"
 												})] })]
@@ -576,8 +599,8 @@ function V() {
 												min: 0,
 												max: 5,
 												step: .1,
-												value: J.rating,
-												onChange: (e) => Y((t) => ({
+												value: Y.rating,
+												onChange: (e) => X((t) => ({
 													...t,
 													rating: e.target.value
 												}))
@@ -595,8 +618,8 @@ function V() {
 												children: "Street"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-street",
-												value: J.street,
-												onChange: (e) => Y((t) => ({
+												value: Y.street,
+												onChange: (e) => X((t) => ({
 													...t,
 													street: e.target.value
 												}))
@@ -609,8 +632,8 @@ function V() {
 												children: "City"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-city",
-												value: J.city,
-												onChange: (e) => Y((t) => ({
+												value: Y.city,
+												onChange: (e) => X((t) => ({
 													...t,
 													city: e.target.value
 												}))
@@ -623,8 +646,8 @@ function V() {
 												children: "State"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-state",
-												value: J.state,
-												onChange: (e) => Y((t) => ({
+												value: Y.state,
+												onChange: (e) => X((t) => ({
 													...t,
 													state: e.target.value
 												}))
@@ -637,8 +660,8 @@ function V() {
 												children: "Postal Code"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-postalCode",
-												value: J.postalCode,
-												onChange: (e) => Y((t) => ({
+												value: Y.postalCode,
+												onChange: (e) => X((t) => ({
 													...t,
 													postalCode: e.target.value
 												}))
@@ -651,8 +674,8 @@ function V() {
 												children: "Country"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-country",
-												value: J.country,
-												onChange: (e) => Y((t) => ({
+												value: Y.country,
+												onChange: (e) => X((t) => ({
 													...t,
 													country: e.target.value
 												}))
@@ -665,8 +688,8 @@ function V() {
 												children: "Business License"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-businessLicense",
-												value: J.businessLicense,
-												onChange: (e) => Y((t) => ({
+												value: Y.businessLicense,
+												onChange: (e) => X((t) => ({
 													...t,
 													businessLicense: e.target.value
 												}))
@@ -679,14 +702,26 @@ function V() {
 												children: "Tax ID"
 											}), /* @__PURE__ */ F(D, {
 												id: "edit-taxId",
-												value: J.taxId,
-												onChange: (e) => Y((t) => ({
+												value: Y.taxId,
+												onChange: (e) => X((t) => ({
 													...t,
 													taxId: e.target.value
 												}))
 											})]
 										})
 									]
+								}),
+								/* @__PURE__ */ F(M, {
+									idPrefix: "edit-customer",
+									value: {
+										notifyByEmail: Y.notifyByEmail,
+										notifyBySms: Y.notifyBySms
+									},
+									onChange: (e) => X((t) => ({
+										...t,
+										...e
+									})),
+									disabled: q
 								})
 							]
 						}) : /* @__PURE__ */ I("div", {
@@ -695,7 +730,7 @@ function V() {
 								className: "space-y-4",
 								children: [/* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ F(r, {
+									children: [/* @__PURE__ */ F(i, {
 										size: 18,
 										className: "text-text-secondary"
 									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
@@ -703,11 +738,11 @@ function V() {
 										children: "Email"
 									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: H.email || "—"
+										children: V.email || "—"
 									})] })]
 								}), /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ F(a, {
+									children: [/* @__PURE__ */ F(s, {
 										size: 18,
 										className: "text-text-secondary"
 									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
@@ -715,14 +750,14 @@ function V() {
 										children: "Phone"
 									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: H.phone || "—"
+										children: V.phone || "—"
 									})] })]
 								})]
-							}), /* @__PURE__ */ F("div", {
+							}), /* @__PURE__ */ I("div", {
 								className: "space-y-4",
-								children: H.company && /* @__PURE__ */ I("div", {
+								children: [V.company && /* @__PURE__ */ I("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ F(t, {
+									children: [/* @__PURE__ */ F(n, {
 										size: 18,
 										className: "text-text-secondary"
 									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
@@ -730,34 +765,47 @@ function V() {
 										children: "Company"
 									}), /* @__PURE__ */ F("p", {
 										className: "font-medium",
-										children: H.company
+										children: V.company
 									})] })]
-								})
+								}), /* @__PURE__ */ I("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ F(t, {
+										size: 18,
+										className: "text-text-secondary"
+									}), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+										className: "text-sm text-text-secondary",
+										children: "Delivery updates"
+									}), /* @__PURE__ */ F("p", {
+										className: "font-medium",
+										"data-testid": "customer-delivery-updates",
+										children: fe(V)
+									})] })]
+								})]
 							})]
 						})] }),
 						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ F(ee, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ F("p", { children: g(H.address) || "—" }) })] }),
+							children: [/* @__PURE__ */ F(a, { size: 18 }), " Address"]
+						}) }), /* @__PURE__ */ F(w, { children: /* @__PURE__ */ F("p", { children: v(V.address) || "—" }) })] }),
 						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ I(T, {
 							className: "flex flex-row items-center justify-between",
 							children: [/* @__PURE__ */ I(E, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ F(i, { size: 18 }), " Orders"]
+								children: [/* @__PURE__ */ F(o, { size: 18 }), " Orders"]
 							}), /* @__PURE__ */ I(S, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => Q(f("orders/new", H.id)),
-								children: [/* @__PURE__ */ F(n, { size: 14 }), " New order"]
+								onClick: () => $(m("orders/new", V.id)),
+								children: [/* @__PURE__ */ F(r, { size: 14 }), " New order"]
 							})]
-						}), /* @__PURE__ */ F(w, { children: Te ? /* @__PURE__ */ F("p", {
+						}), /* @__PURE__ */ F(w, { children: ke ? /* @__PURE__ */ F("p", {
 							className: "text-text-secondary text-center py-4",
 							children: "Loading orders…"
-						}) : W.length > 0 ? /* @__PURE__ */ F("div", {
+						}) : U.length > 0 ? /* @__PURE__ */ F("div", {
 							className: "space-y-2",
-							children: W.map((e) => /* @__PURE__ */ I("button", {
+							children: U.map((e) => /* @__PURE__ */ I("button", {
 								type: "button",
-								onClick: () => Q(`orders/${e.id}`),
+								onClick: () => $(`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__ */ I("div", {
 									className: "min-w-0",
@@ -767,13 +815,13 @@ function V() {
 									}), /* @__PURE__ */ I("p", {
 										className: "text-sm text-text-secondary",
 										children: [
-											v(e.createdAt, "relative"),
+											b(e.createdAt, "relative"),
 											" ·",
 											" ",
-											_(e.pricing.total)
+											y(e.pricing.total)
 										]
 									})]
-								}), /* @__PURE__ */ F(oe, {
+								}), /* @__PURE__ */ F(ce, {
 									status: e.status,
 									type: "order",
 									size: "sm"
@@ -782,7 +830,7 @@ function V() {
 						}) : /* @__PURE__ */ I("div", {
 							className: "text-center py-6",
 							children: [
-								/* @__PURE__ */ F(i, {
+								/* @__PURE__ */ F(o, {
 									size: 32,
 									className: "mx-auto mb-2 text-text-secondary opacity-50"
 								}),
@@ -792,7 +840,7 @@ function V() {
 								}),
 								/* @__PURE__ */ F("button", {
 									type: "button",
-									onClick: () => Q(f("orders/new", H.id)),
+									onClick: () => $(m("orders/new", V.id)),
 									className: "mt-1 text-sm text-primary hover:underline",
 									children: "Book their first delivery"
 								})
@@ -802,20 +850,20 @@ function V() {
 				}), /* @__PURE__ */ I("div", {
 					className: "space-y-6",
 					children: [
-						(H.businessLicense || H.taxId) && /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(E, { children: "Business Details" }) }), /* @__PURE__ */ I(w, {
+						(V.businessLicense || V.taxId) && /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(E, { children: "Business Details" }) }), /* @__PURE__ */ I(w, {
 							className: "space-y-3",
-							children: [H.businessLicense && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							children: [V.businessLicense && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Business License"
 							}), /* @__PURE__ */ F("p", {
 								className: "font-mono",
-								children: H.businessLicense
-							})] }), H.taxId && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+								children: V.businessLicense
+							})] }), V.taxId && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Tax ID"
 							}), /* @__PURE__ */ F("p", {
 								className: "font-mono",
-								children: H.taxId
+								children: V.taxId
 							})] })]
 						})] }),
 						/* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(E, { children: "Account Info" }) }), /* @__PURE__ */ I(w, {
@@ -823,16 +871,16 @@ function V() {
 							children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Created"
-							}), /* @__PURE__ */ F("p", { children: v(H.createdAt, "full") })] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							}), /* @__PURE__ */ F("p", { children: b(V.createdAt, "full") })] }), /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Updated"
-							}), /* @__PURE__ */ F("p", { children: v(H.updatedAt, "relative") })] })]
+							}), /* @__PURE__ */ F("p", { children: b(V.updatedAt, "relative") })] })]
 						})] }),
 						/* @__PURE__ */ I(C, {
 							className: "border-status-error-border",
 							children: [/* @__PURE__ */ F(T, { children: /* @__PURE__ */ I(E, {
 								className: "flex items-center gap-2 text-status-error-text",
-								children: [/* @__PURE__ */ F(l, { size: 18 }), " Delete Customer"]
+								children: [/* @__PURE__ */ F(d, { 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."
@@ -840,50 +888,50 @@ function 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__ */ F(l, { size: 16 }), " Delete this customer"]
+								onClick: () => Z(!0),
+								children: [/* @__PURE__ */ F(d, { size: 16 }), " Delete this customer"]
 							})] })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ F(me, {
-				open: je,
-				onOpenChange: X,
-				children: /* @__PURE__ */ I(he, { children: [
-					/* @__PURE__ */ I(ve, { children: [/* @__PURE__ */ F(ye, { children: "Delete this customer?" }), /* @__PURE__ */ I(ge, { children: [
+			/* @__PURE__ */ F(_e, {
+				open: Ne,
+				onOpenChange: Z,
+				children: /* @__PURE__ */ I(ve, { children: [
+					/* @__PURE__ */ I(xe, { children: [/* @__PURE__ */ F(Se, { children: "Delete this customer?" }), /* @__PURE__ */ I(ye, { children: [
 						"This removes ",
-						H.name,
+						V.name,
 						" from your account. It cannot be undone from here."
 					] })] }),
 					/* @__PURE__ */ F("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ F(M, { message: Ne })
+						children: /* @__PURE__ */ F(j, { message: Fe })
 					}),
-					/* @__PURE__ */ I(_e, { children: [/* @__PURE__ */ F(S, {
+					/* @__PURE__ */ I(be, { children: [/* @__PURE__ */ F(S, {
 						variant: "outline",
-						onClick: () => X(!1),
-						disabled: Z,
+						onClick: () => Z(!1),
+						disabled: Q,
 						children: "Cancel"
 					}), /* @__PURE__ */ F(S, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: async () => {
-							if (p) {
-								Me(!0), Pe(null);
+							if (h) {
+								Pe(!0), Ie(null);
 								try {
-									await we(p), X(!1), Fe();
+									await Oe(h), Z(!1), Le();
 								} catch (e) {
-									Pe(e instanceof Error ? e.message : "Failed to delete customer."), Me(!1);
+									Ie(e instanceof Error ? e.message : "Failed to delete customer."), Pe(!1);
 								}
 							}
 						},
-						disabled: Z,
-						children: Z ? "Deleting..." : "Delete customer"
+						disabled: Q,
+						children: Q ? "Deleting..." : "Delete customer"
 					})] })
 				] })
 			})
 		]
-	}) : /* @__PURE__ */ F(be, {});
+	}) : /* @__PURE__ */ F(Ce, {});
 }
 //#endregion
-export { V as default };
+export { B as default };