@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.2

package/dist/{CreateOrderPage-CjlnEtk3.js → CreateOrderPage-C5iwnjp4.js}

@@ -1,51 +1,20 @@
-import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, d as s, f as c, g as l, h as u, i as d, it as f, j as p, t as m, u as h, z as g } from "./PageLayout-D3N8MCTm.js";
-import { t as _ } from "./arrow-left-CBpZKkpq.js";
-import { t as v } from "./map-pin-BSaf5IDL.js";
-import { t as y } from "./package-BE7U0wQE.js";
-import { t as b } from "./plus-Dl1rLeJR.js";
-import { t as x } from "./save-XH8vydOn.js";
-import { t as S } from "./users-g2N0eL-Z.js";
-import { r as C } from "./graphqlClient-CdJyR_ed.js";
-import { r as w, t as T } from "./useOrders-D_3_hGMp.js";
-import { r as E } from "./useCustomers-bS3a4ytk.js";
-import { t as D } from "./navigation-BgnOfsVd.js";
+import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, ct as s, d as c, f as l, g as u, h as d, i as f, j as p, ot as m, t as h, u as g, z as _ } from "./PageLayout-D4LDHJJq.js";
+import { t as v } from "./arrow-left-n48Y-Wis.js";
+import { t as y } from "./map-pin-BGiCvyCs.js";
+import { t as b } from "./package-BChUzpJS.js";
+import { t as x } from "./plus-Z76q-FZm.js";
+import { t as S } from "./save-CojywNhG.js";
+import { t as C } from "./trash-2-BKhar6Hs.js";
+import { t as w } from "./users-DZ-ilS6B.js";
+import { r as T, t as E } from "./useOrders-Cfk1GLiq.js";
+import { r as D } from "./useCustomers-BmTNGxiI.js";
 import { useState as O } from "react";
 import { useParams as k } from "react-router-dom";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { EmphasisPanel as M, NextSteps as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/trash-2.js
-var F = f("Trash2", [
-	["path", {
-		d: "M3 6h18",
-		key: "d0wm0j"
-	}],
-	["path", {
-		d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",
-		key: "4alrt4"
-	}],
-	["path", {
-		d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",
-		key: "v07s0e"
-	}],
-	["line", {
-		x1: "10",
-		x2: "10",
-		y1: "11",
-		y2: "17",
-		key: "1uufr5"
-	}],
-	["line", {
-		x1: "14",
-		x2: "14",
-		y1: "11",
-		y2: "17",
-		key: "xtxkd"
-	}]
-]);
-//#endregion
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function I() {
-	let { orderId: f } = k(), { basePath: I, navigate: L } = C(), { order: R } = T(f), { createOrder: z } = w(), { customers: B } = E({ limit: 100 }), V = !!f && !!R, [H, U] = O({
+function F() {
+	let { orderId: F } = k(), { basePath: I, navigate: L } = m(), { order: R } = E(F), { createOrder: z } = T(), { customers: B } = D({ limit: 100 }), V = !!F && !!R, [H, U] = O({
 		customerId: R?.customerId || "",
 		orderType: R?.orderType || "b2c",
 		priority: R?.priority || "normal",
@@ -66,7 +35,7 @@ function I() {
 		items: R?.items || [],
 		specialInstructions: R?.specialInstructions || ""
 	}), [W, G] = O(!1), K = () => {
-		L && L(D(I, "orders"));
+		L && L(s(I, "orders"));
 	}, q = async (e) => {
 		e.preventDefault(), G(!0);
 		try {
@@ -141,25 +110,25 @@ function I() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ j(d, {
+	return /* @__PURE__ */ j(f, {
 		title: V ? "Edit Order" : "Create Order",
 		subtitle: V ? `Editing ${R?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ A(y, { size: 24 }),
+		icon: /* @__PURE__ */ A(b, { size: 24 }),
 		headerActions: /* @__PURE__ */ j("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ j(h, {
+			children: [/* @__PURE__ */ j(g, {
 				variant: "outline",
 				onClick: K,
-				children: [/* @__PURE__ */ A(_, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ j(h, {
+				children: [/* @__PURE__ */ A(v, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ j(g, {
 				onClick: q,
 				disabled: W,
-				children: [/* @__PURE__ */ A(x, { size: 16 }), W ? "Saving..." : V ? "Save Changes" : "Create Order"]
+				children: [/* @__PURE__ */ A(S, { size: 16 }), W ? "Saving..." : V ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
 			/* @__PURE__ */ A(P, {
-				icon: /* @__PURE__ */ A(y, { size: 18 }),
+				icon: /* @__PURE__ */ A(b, { size: 18 }),
 				children: V ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
 			}),
 			/* @__PURE__ */ A(N, {
@@ -169,7 +138,7 @@ function I() {
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ A(S, { size: 16 }),
+						icon: /* @__PURE__ */ A(w, { size: 16 }),
 						done: !!H.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
@@ -177,7 +146,7 @@ function I() {
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ A(v, { size: 16 }),
+						icon: /* @__PURE__ */ A(y, { size: 16 }),
 						done: !!H.pickupAddress.street && !!H.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
@@ -185,7 +154,7 @@ function I() {
 						id: "items",
 						label: "Add the items to ship",
 						description: "List each product with its quantity and value.",
-						icon: /* @__PURE__ */ A(y, { size: 16 }),
+						icon: /* @__PURE__ */ A(b, { size: 16 }),
 						done: H.items.length > 0,
 						onClick: X
 					}
@@ -281,7 +250,7 @@ function I() {
 					})] }),
 					/* @__PURE__ */ j("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ j(s, { children: [/* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: "Pickup Address" }) }), /* @__PURE__ */ j(c, {
+						children: [/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Pickup Address" }) }), /* @__PURE__ */ j(l, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("div", {
@@ -349,7 +318,7 @@ function I() {
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ j(s, { children: [/* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: "Delivery Address" }) }), /* @__PURE__ */ j(c, {
+						})] }), /* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Delivery Address" }) }), /* @__PURE__ */ j(l, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("div", {
@@ -419,31 +388,31 @@ function I() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ j(s, { children: [/* @__PURE__ */ j(u, {
+					/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ j(d, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ A(l, { children: "Order Items" }), /* @__PURE__ */ j(h, {
+						children: [/* @__PURE__ */ A(u, { children: "Order Items" }), /* @__PURE__ */ j(g, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: X,
-							children: [/* @__PURE__ */ A(b, { size: 16 }), "Add Item"]
+							children: [/* @__PURE__ */ A(x, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ A(c, { children: H.items.length === 0 ? /* @__PURE__ */ A(m, {
+					}), /* @__PURE__ */ A(l, { children: H.items.length === 0 ? /* @__PURE__ */ A(h, {
 						illustration: "empty-files",
 						title: "No items added yet",
 						description: "Add the products this order will ship — each with a name, SKU, quantity and value.",
-						action: /* @__PURE__ */ j(h, {
+						action: /* @__PURE__ */ j(g, {
 							type: "button",
 							variant: "outline",
 							onClick: X,
-							children: [/* @__PURE__ */ A(b, {
+							children: [/* @__PURE__ */ A(x, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
 					}) : /* @__PURE__ */ A("div", {
 						className: "space-y-4",
-						children: H.items.map((t, n) => /* @__PURE__ */ j("div", { children: [n > 0 && /* @__PURE__ */ A(g, { className: "my-4" }), /* @__PURE__ */ j("div", {
+						children: H.items.map((t, n) => /* @__PURE__ */ j("div", { children: [n > 0 && /* @__PURE__ */ A(_, { className: "my-4" }), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-1 md:grid-cols-6 gap-4",
 							children: [
 								/* @__PURE__ */ j("div", {
@@ -483,19 +452,19 @@ function I() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "flex items-end",
-									children: /* @__PURE__ */ A(h, {
+									children: /* @__PURE__ */ A(g, {
 										type: "button",
 										variant: "ghost",
 										size: "icon",
 										className: "text-status-error-text",
 										onClick: () => Z(n),
-										children: /* @__PURE__ */ A(F, { size: 16 })
+										children: /* @__PURE__ */ A(C, { size: 16 })
 									})
 								})
 							]
 						})] }, t.id))
 					}) })] }),
-					/* @__PURE__ */ j(s, { children: [/* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: "Special Instructions" }) }), /* @__PURE__ */ A(c, { children: /* @__PURE__ */ A(a, {
+					/* @__PURE__ */ j(c, { children: [/* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: "Special Instructions" }) }), /* @__PURE__ */ A(l, { children: /* @__PURE__ */ A(a, {
 						value: H.specialInstructions,
 						onChange: (e) => J("specialInstructions", e.target.value),
 						placeholder: "Any special handling or delivery instructions...",
@@ -507,4 +476,4 @@ function I() {
 	});
 }
 //#endregion
-export { I as default };
+export { F as default };

package/dist/CustomerDetailsPage-B6nwFyLO.js

@@ -0,0 +1,406 @@
+import { A as e, F as t, I as n, L as r, P as i, R as a, ct as o, d as s, f as c, g as l, h as u, i as d, j as f, l as p, lt as m, n as h, ot as g, r as _, u as v } from "./PageLayout-D4LDHJJq.js";
+import { t as y } from "./arrow-left-n48Y-Wis.js";
+import { t as b } from "./file-text-DWWY6_f5.js";
+import { n as x, t as S } from "./phone-Ac9s3mo_.js";
+import { t as C } from "./map-pin-BGiCvyCs.js";
+import { t as w } from "./save-CojywNhG.js";
+import { t as T } from "./square-pen-CopE9GmB.js";
+import { t as E } from "./star-nHlLjDKR.js";
+import { t as D } from "./users-DZ-ilS6B.js";
+import { r as O, t as k } from "./useCustomers-BmTNGxiI.js";
+import { i as A } from "./StatusBadge-BZurYHMy.js";
+import { r as j, t as M } from "./formatters-CF2S2l1m.js";
+import { t as N } from "./FormError-BlOjnXOq.js";
+import { useState as P } from "react";
+import { useParams as F } from "react-router-dom";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/building.js
+var V = m("Building", [
+	["rect", {
+		width: "16",
+		height: "20",
+		x: "4",
+		y: "2",
+		rx: "2",
+		ry: "2",
+		key: "76otgf"
+	}],
+	["path", {
+		d: "M9 22v-4h6v4",
+		key: "r93iot"
+	}],
+	["path", {
+		d: "M8 6h.01",
+		key: "1dz90k"
+	}],
+	["path", {
+		d: "M16 6h.01",
+		key: "1x0f13"
+	}],
+	["path", {
+		d: "M12 6h.01",
+		key: "1vi96p"
+	}],
+	["path", {
+		d: "M12 10h.01",
+		key: "1nrarc"
+	}],
+	["path", {
+		d: "M12 14h.01",
+		key: "1etili"
+	}],
+	["path", {
+		d: "M16 10h.01",
+		key: "1m94wz"
+	}],
+	["path", {
+		d: "M16 14h.01",
+		key: "1gbofw"
+	}],
+	["path", {
+		d: "M8 10h.01",
+		key: "19clt8"
+	}],
+	["path", {
+		d: "M8 14h.01",
+		key: "6423bh"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/CustomerDetailsPage.tsx
+function H() {
+	let { basePath: s, navigate: c } = g(), { createCustomer: l } = O(), [u, p] = P({
+		name: "",
+		type: "b2c",
+		email: "",
+		phone: "",
+		company: ""
+	}), [m, h] = P(!1), [_, b] = P(null), x = () => c?.(o(s, "customers")), S = async (e) => {
+		if (e.preventDefault(), !u.name.trim()) {
+			b("Customer name is required.");
+			return;
+		}
+		h(!0), b(null);
+		try {
+			let e = await l({
+				name: u.name.trim(),
+				type: u.type,
+				email: u.email.trim() || void 0,
+				phone: u.phone.trim() || void 0,
+				company: u.company.trim() || void 0
+			});
+			c?.(o(s, `customers/${e.id}`));
+		} catch (e) {
+			console.error("Failed to create customer:", e), b(e instanceof Error ? e.message : "Failed to create customer. Please try again."), h(!1);
+		}
+	};
+	return /* @__PURE__ */ L(d, {
+		title: "New Customer",
+		subtitle: "Add a new customer to your account",
+		icon: /* @__PURE__ */ I(D, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ L(v, {
+				variant: "outline",
+				onClick: x,
+				disabled: m,
+				children: [/* @__PURE__ */ I(y, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ L(v, {
+				onClick: S,
+				disabled: m,
+				children: [
+					/* @__PURE__ */ I(w, { size: 16 }),
+					" ",
+					m ? "Saving..." : "Create Customer"
+				]
+			})]
+		}),
+		children: [/* @__PURE__ */ I(B, {
+			icon: /* @__PURE__ */ I(D, { size: 18 }),
+			children: "Add a customer once and their contact details auto-fill every future order you book for them. Only a name is required — add email, phone and company to make deliveries easier to arrange."
+		}), /* @__PURE__ */ L("form", {
+			onSubmit: S,
+			className: "max-w-2xl space-y-6",
+			children: [/* @__PURE__ */ I(N, { message: _ }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+				className: "text-base font-semibold text-text-primary mb-4",
+				children: "Customer Details"
+			}), /* @__PURE__ */ L("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ L("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ L(f, {
+								htmlFor: "name",
+								children: ["Name ", /* @__PURE__ */ I("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ I(e, {
+								id: "name",
+								value: u.name,
+								onChange: (e) => p((t) => ({
+									...t,
+									name: e.target.value
+								})),
+								placeholder: "Acme Corp or Jane Doe",
+								required: !0
+							})]
+						}), /* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "type",
+								children: "Customer Type"
+							}), /* @__PURE__ */ L(i, {
+								value: u.type,
+								onValueChange: (e) => p((t) => ({
+									...t,
+									type: e
+								})),
+								children: [/* @__PURE__ */ I(r, {
+									id: "type",
+									children: /* @__PURE__ */ I(a, {})
+								}), /* @__PURE__ */ L(t, { children: [/* @__PURE__ */ I(n, {
+									value: "b2c",
+									children: "B2C (Individual)"
+								}), /* @__PURE__ */ I(n, {
+									value: "b2b",
+									children: "B2B (Business)"
+								})] })]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "email",
+								children: "Email"
+							}), /* @__PURE__ */ I(e, {
+								id: "email",
+								type: "email",
+								value: u.email,
+								onChange: (e) => p((t) => ({
+									...t,
+									email: e.target.value
+								})),
+								placeholder: "customer@example.com"
+							})]
+						}), /* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "phone",
+								children: "Phone"
+							}), /* @__PURE__ */ I(e, {
+								id: "phone",
+								value: u.phone,
+								onChange: (e) => p((t) => ({
+									...t,
+									phone: e.target.value
+								})),
+								placeholder: "+1-555-0100"
+							})]
+						})]
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ I(f, {
+							htmlFor: "company",
+							children: "Company"
+						}), /* @__PURE__ */ I(e, {
+							id: "company",
+							value: u.company,
+							onChange: (e) => p((t) => ({
+								...t,
+								company: e.target.value
+							})),
+							placeholder: "Company name (for B2B accounts)"
+						})]
+					})
+				]
+			})] })]
+		})]
+	});
+}
+function U() {
+	let { customerId: e } = F(), { basePath: t, navigate: n } = g(), { customer: r, isLoading: i, error: a, refetch: f } = k(e), m = () => n?.(o(t, "customers")), w = (e) => n?.(o(t, e));
+	return e ? i ? /* @__PURE__ */ I(_, { message: "Loading customer details..." }) : a || !r ? /* @__PURE__ */ I(h, {
+		title: "Customer not found",
+		onRetry: f
+	}) : /* @__PURE__ */ L(d, {
+		title: r.name,
+		subtitle: r.company || r.email,
+		icon: /* @__PURE__ */ I(D, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ L(v, {
+				variant: "outline",
+				onClick: m,
+				children: [/* @__PURE__ */ I(y, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(T, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ L("div", {
+			className: "flex items-center gap-4",
+			children: [
+				/* @__PURE__ */ I(A, { type: r.type }),
+				/* @__PURE__ */ I(p, {
+					variant: r.isActive ? "default" : "secondary",
+					children: r.isActive ? "Active" : "Inactive"
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ I(E, {
+						size: 16,
+						className: "text-status-warning-text fill-current"
+					}), /* @__PURE__ */ I("span", {
+						className: "font-medium",
+						children: r.rating.toFixed(1)
+					})]
+				})
+			]
+		}),
+		children: [
+			/* @__PURE__ */ I(B, {
+				icon: /* @__PURE__ */ I(D, { size: 18 }),
+				children: "Everything you know about this customer — how to reach them, where they are, and their account standing. Use it to confirm contact details before a delivery, check their rating, or book their next order."
+			}),
+			/* @__PURE__ */ I(z, {
+				storageKey: "movethewheels-customer-details",
+				steps: [{
+					id: "new-order",
+					label: "Book a delivery for this customer",
+					description: "Start a new order pre-filled for this account.",
+					icon: /* @__PURE__ */ I(b, { size: 16 }),
+					onClick: () => w("orders/new")
+				}, {
+					id: "edit",
+					label: "Update contact details",
+					description: "Keep email, phone and address current.",
+					icon: /* @__PURE__ */ I(T, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ L("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Contact Information"
+						}), /* @__PURE__ */ L("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+							children: [/* @__PURE__ */ L("div", {
+								className: "space-y-4",
+								children: [/* @__PURE__ */ L("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ I(x, {
+										size: 18,
+										className: "text-text-secondary"
+									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+										className: "text-sm text-text-secondary",
+										children: "Email"
+									}), /* @__PURE__ */ I("p", {
+										className: "font-medium",
+										children: r.email
+									})] })]
+								}), /* @__PURE__ */ L("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ I(S, {
+										size: 18,
+										className: "text-text-secondary"
+									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+										className: "text-sm text-text-secondary",
+										children: "Phone"
+									}), /* @__PURE__ */ I("p", {
+										className: "font-medium",
+										children: r.phone
+									})] })]
+								})]
+							}), /* @__PURE__ */ L("div", {
+								className: "space-y-4",
+								children: [r.company && /* @__PURE__ */ L("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ I(V, {
+										size: 18,
+										className: "text-text-secondary"
+									}), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+										className: "text-sm text-text-secondary",
+										children: "Company"
+									}), /* @__PURE__ */ I("p", {
+										className: "font-medium",
+										children: r.company
+									})] })]
+								}), r.website && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Website"
+								}), /* @__PURE__ */ I("a", {
+									href: r.website,
+									className: "text-primary hover:underline",
+									children: r.website
+								})] })]
+							})]
+						})] }),
+						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I(C, { size: 18 }), " Address"]
+						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: M(r.address) }) })] }),
+						r.notes && /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I(b, { size: 18 }), " Notes"]
+						}) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ I("p", { children: r.notes }) })] })
+					]
+				}), /* @__PURE__ */ L("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Business Details" }) }), /* @__PURE__ */ L(c, {
+						className: "space-y-3",
+						children: [
+							r.businessLicense && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Business License"
+							}), /* @__PURE__ */ I("p", {
+								className: "font-mono",
+								children: r.businessLicense
+							})] }),
+							r.taxId && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Tax ID"
+							}), /* @__PURE__ */ I("p", {
+								className: "font-mono",
+								children: r.taxId
+							})] }),
+							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Preferred Contact"
+							}), /* @__PURE__ */ I("p", {
+								className: "capitalize",
+								children: r.preferredContactMethod
+							})] }),
+							/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Marketing Opt-in"
+							}), /* @__PURE__ */ I(p, {
+								variant: r.marketingOptIn ? "default" : "secondary",
+								children: r.marketingOptIn ? "Yes" : "No"
+							})] })
+						]
+					})] }), /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Account Info" }) }), /* @__PURE__ */ L(c, {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							className: "text-sm text-text-secondary",
+							children: "Created"
+						}), /* @__PURE__ */ I("p", { children: j(r.createdAt, "full") })] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							className: "text-sm text-text-secondary",
+							children: "Last Updated"
+						}), /* @__PURE__ */ I("p", { children: j(r.updatedAt, "relative") })] })]
+					})] })]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ I(H, {});
+}
+//#endregion
+export { U as default };