@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.6

package/dist/{CustomerDetailsPage-BCeMmOFe.js → CustomerDetailsPage-DErpbafW.js}

@@ -1,26 +1,26 @@
-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-D-1uvLZG.js";
-import { n as x, t as S } from "./Notice-CSoDYKw9.js";
-import { n as ee, t as te } from "./phone-DVSZHt_j.js";
-import { t as ne } from "./map-pin-Dznl5l40.js";
-import { t as C } from "./package-CcRttV2N.js";
-import { t as w } from "./save-DJE8Fpdv.js";
-import { t as T } from "./square-pen-D-6JYrVQ.js";
-import { t as re } from "./star-BpRlUZuU.js";
-import { t as E } from "./users-CCrq-w0C.js";
-import { t as ie } from "./x-tMeDMcCw.js";
-import { r as ae } from "./useOrders-B465S2nt.js";
-import { r as D, t as O } from "./useCustomers-BPW4__PR.js";
-import { i as k, r as oe } from "./StatusBadge-C87mDpDP.js";
-import { t as A } from "./FormError-cuLV2jVD.js";
-import { n as se, r as j, t as ce } from "./formatters-BQr-aR5W.js";
+import { A as e, F as t, I as n, L as r, P as i, R as a, d as o, f as s, g as c, h as l, i as u, j as d, l as f, lt as p, n as m, r as h, st as g, u as _, ut as v } from "./PageLayout-DX1Ou6V6.js";
+import { t as y } from "./arrow-left-DJDw_Yqv.js";
+import { t as b } from "./file-text-CzH-zMub.js";
+import { n as x, t as S } from "./Notice-GmA7JDR3.js";
+import { n as ee, t as te } from "./phone-V2nuzPu9.js";
+import { t as ne } from "./map-pin-czpLv9uy.js";
+import { t as C } from "./package-B0sdi6lU.js";
+import { t as w } from "./save-DDFvrxWl.js";
+import { t as T } from "./square-pen-DoZZS4Lw.js";
+import { t as re } from "./star-B7PgVu5j.js";
+import { t as E } from "./users-Cvwko-Dx.js";
+import { t as ie } from "./x-D8C9Pg5V.js";
+import { r as ae } from "./useOrders-BuQU1OHX.js";
+import { r as D, t as O } from "./useCustomers-Dq2IR2HQ.js";
+import { i as k, r as oe } from "./StatusBadge-oZjownr1.js";
+import { t as A } from "./FormError-CRsMP7TQ.js";
+import { n as se, r as j, t as ce } from "./formatters-FWJDwTFv.js";
 import { useEffect as le, useState as M } from "react";
 import { useParams as ue } from "react-router-dom";
 import { Fragment as de, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { EmphasisPanel as F, NextSteps as I, PagePurpose as L } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/building.js
-var R = m("Building", [
+var R = v("Building", [
 	["rect", {
 		width: "16",
 		height: "20",
@@ -84,43 +84,43 @@ function z(e) {
 	}
 }
 function B() {
-	let { basePath: s, navigate: c } = g(), { createCustomer: l } = D(), [u, p] = M({
+	let { basePath: o, navigate: s } = g(), { createCustomer: c } = D(), [l, f] = M({
 		name: "",
 		type: "b2c",
 		email: "",
 		phone: "",
 		company: ""
-	}), [m, h] = M(!1), [_, b] = M(null), x = () => c?.(o(s, "customers")), S = async (e) => {
-		if (e.preventDefault(), !u.name.trim()) {
+	}), [m, h] = M(!1), [v, b] = M(null), x = () => s?.(p(o, "customers")), S = async (e) => {
+		if (e.preventDefault(), !l.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
+			let e = await c({
+				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
 			});
-			c?.(o(s, `customers/${e.id}`));
+			s?.(p(o, `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__ */ P(d, {
+	return /* @__PURE__ */ P(u, {
 		title: "New Customer",
 		subtitle: "Add a new customer to your account",
 		icon: /* @__PURE__ */ N(E, { size: 24 }),
 		headerActions: /* @__PURE__ */ P("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ P(v, {
+			children: [/* @__PURE__ */ P(_, {
 				variant: "outline",
 				onClick: x,
 				disabled: m,
 				children: [/* @__PURE__ */ N(y, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ P(v, {
+			}), /* @__PURE__ */ P(_, {
 				onClick: S,
 				disabled: m,
 				children: [
@@ -136,7 +136,7 @@ function B() {
 		}), /* @__PURE__ */ P("form", {
 			onSubmit: S,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ N(A, { message: _ }), /* @__PURE__ */ P(F, { children: [/* @__PURE__ */ N("h2", {
+			children: [/* @__PURE__ */ N(A, { message: v }), /* @__PURE__ */ P(F, { children: [/* @__PURE__ */ N("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Customer Details"
 			}), /* @__PURE__ */ P("div", {
@@ -146,7 +146,7 @@ function B() {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ P("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ P(f, {
+							children: [/* @__PURE__ */ P(d, {
 								htmlFor: "name",
 								children: ["Name ", /* @__PURE__ */ N("span", {
 									className: "text-status-error-text",
@@ -154,8 +154,8 @@ function B() {
 								})]
 							}), /* @__PURE__ */ N(e, {
 								id: "name",
-								value: u.name,
-								onChange: (e) => p((t) => ({
+								value: l.name,
+								onChange: (e) => f((t) => ({
 									...t,
 									name: e.target.value
 								})),
@@ -164,12 +164,12 @@ function B() {
 							})]
 						}), /* @__PURE__ */ P("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(f, {
+							children: [/* @__PURE__ */ N(d, {
 								htmlFor: "type",
 								children: "Customer Type"
 							}), /* @__PURE__ */ P(i, {
-								value: u.type,
-								onValueChange: (e) => p((t) => ({
+								value: l.type,
+								onValueChange: (e) => f((t) => ({
 									...t,
 									type: e
 								})),
@@ -190,14 +190,14 @@ function B() {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 						children: [/* @__PURE__ */ P("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(f, {
+							children: [/* @__PURE__ */ N(d, {
 								htmlFor: "email",
 								children: "Email"
 							}), /* @__PURE__ */ N(e, {
 								id: "email",
 								type: "email",
-								value: u.email,
-								onChange: (e) => p((t) => ({
+								value: l.email,
+								onChange: (e) => f((t) => ({
 									...t,
 									email: e.target.value
 								})),
@@ -205,13 +205,13 @@ function B() {
 							})]
 						}), /* @__PURE__ */ P("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(f, {
+							children: [/* @__PURE__ */ N(d, {
 								htmlFor: "phone",
 								children: "Phone"
 							}), /* @__PURE__ */ N(e, {
 								id: "phone",
-								value: u.phone,
-								onChange: (e) => p((t) => ({
+								value: l.phone,
+								onChange: (e) => f((t) => ({
 									...t,
 									phone: e.target.value
 								})),
@@ -221,13 +221,13 @@ function B() {
 					}),
 					/* @__PURE__ */ P("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ N(f, {
+						children: [/* @__PURE__ */ N(d, {
 							htmlFor: "company",
 							children: "Company"
 						}), /* @__PURE__ */ N(e, {
 							id: "company",
-							value: u.company,
-							onChange: (e) => p((t) => ({
+							value: l.company,
+							onChange: (e) => f((t) => ({
 								...t,
 								company: e.target.value
 							})),
@@ -240,7 +240,7 @@ function B() {
 	});
 }
 function V() {
-	let { customerId: t } = ue(), { basePath: n, navigate: r } = g(), { customer: i, isLoading: a, error: m, refetch: V } = O(t), { updateCustomer: fe } = D(), { orders: H, isLoading: pe } = ae({ filters: { customerId: t } }), { message: U, notify: me } = x(), [W, G] = M(!1), [K, q] = M(!1), [J, Y] = M(null), [X, Z] = M({
+	let { customerId: t } = ue(), { basePath: n, navigate: r } = g(), { customer: i, isLoading: a, error: v, refetch: V } = O(t), { updateCustomer: fe } = D(), { orders: H, isLoading: pe } = ae({ filters: { customerId: t } }), { message: U, notify: me } = x(), [W, G] = M(!1), [K, q] = M(!1), [J, Y] = M(null), [X, Z] = M({
 		name: "",
 		email: "",
 		phone: "",
@@ -254,23 +254,23 @@ function V() {
 			company: i.company ?? ""
 		});
 	}, [i]);
-	let he = () => r?.(o(n, "customers")), Q = (e) => r?.(o(n, e)), $ = () => {
+	let he = () => r?.(p(n, "customers")), Q = (e) => r?.(p(n, e)), $ = () => {
 		Y(null), G(!0);
 	};
-	return t ? a ? /* @__PURE__ */ N(_, { message: "Loading customer details..." }) : m || !i ? /* @__PURE__ */ N(h, {
+	return t ? a ? /* @__PURE__ */ N(h, { message: "Loading customer details..." }) : v || !i ? /* @__PURE__ */ N(m, {
 		title: "Customer not found",
 		onRetry: V
-	}) : /* @__PURE__ */ P(d, {
+	}) : /* @__PURE__ */ P(u, {
 		title: i.name,
 		subtitle: i.company || i.email,
 		icon: /* @__PURE__ */ N(E, { size: 24 }),
 		headerActions: /* @__PURE__ */ P("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ P(v, {
+			children: [/* @__PURE__ */ P(_, {
 				variant: "outline",
 				onClick: he,
 				children: [/* @__PURE__ */ N(y, { size: 16 }), " Back"]
-			}), W ? /* @__PURE__ */ P(de, { children: [/* @__PURE__ */ P(v, {
+			}), W ? /* @__PURE__ */ P(de, { children: [/* @__PURE__ */ P(_, {
 				variant: "outline",
 				onClick: () => {
 					Y(null), G(!1), i && Z({
@@ -282,7 +282,7 @@ function V() {
 				},
 				disabled: K,
 				children: [/* @__PURE__ */ N(ie, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ P(v, {
+			}), /* @__PURE__ */ P(_, {
 				onClick: async () => {
 					if (t) {
 						if (!X.name.trim()) {
@@ -310,7 +310,7 @@ function V() {
 					" ",
 					K ? "Saving…" : "Save"
 				]
-			})] }) : /* @__PURE__ */ P(v, {
+			})] }) : /* @__PURE__ */ P(_, {
 				onClick: $,
 				children: [/* @__PURE__ */ N(T, { size: 16 }), " Edit"]
 			})]
@@ -319,7 +319,7 @@ function V() {
 			className: "flex items-center gap-4",
 			children: [
 				/* @__PURE__ */ N(k, { type: i.type }),
-				/* @__PURE__ */ N(p, {
+				/* @__PURE__ */ N(f, {
 					variant: i.isActive ? "default" : "secondary",
 					children: i.isActive ? "Active" : "Inactive"
 				}),
@@ -375,7 +375,7 @@ function V() {
 								children: [
 									/* @__PURE__ */ P("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ P(f, {
+										children: [/* @__PURE__ */ P(d, {
 											htmlFor: "edit-name",
 											children: ["Name ", /* @__PURE__ */ N("span", {
 												className: "text-status-error-text",
@@ -392,7 +392,7 @@ function V() {
 									}),
 									/* @__PURE__ */ P("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ N(f, {
+										children: [/* @__PURE__ */ N(d, {
 											htmlFor: "edit-company",
 											children: "Company"
 										}), /* @__PURE__ */ N(e, {
@@ -407,7 +407,7 @@ function V() {
 									}),
 									/* @__PURE__ */ P("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ N(f, {
+										children: [/* @__PURE__ */ N(d, {
 											htmlFor: "edit-email",
 											children: "Email"
 										}), /* @__PURE__ */ N(e, {
@@ -422,7 +422,7 @@ function V() {
 									}),
 									/* @__PURE__ */ P("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ N(f, {
+										children: [/* @__PURE__ */ N(d, {
 											htmlFor: "edit-phone",
 											children: "Phone"
 										}), /* @__PURE__ */ N(e, {
@@ -494,26 +494,26 @@ function V() {
 								})()]
 							})]
 						})] }),
-						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
+						/* @__PURE__ */ P(o, { children: [/* @__PURE__ */ N(l, { children: /* @__PURE__ */ P(c, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ N(ne, { size: 18 }), " Address"]
-						}) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("p", { children: ce(i.address) }) })] }),
-						i.notes && /* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
+						}) }), /* @__PURE__ */ N(s, { children: /* @__PURE__ */ N("p", { children: ce(i.address) }) })] }),
+						i.notes && /* @__PURE__ */ P(o, { children: [/* @__PURE__ */ N(l, { children: /* @__PURE__ */ P(c, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ N(b, { size: 18 }), " Notes"]
-						}) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("p", { children: i.notes }) })] }),
-						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ P(u, {
+						}) }), /* @__PURE__ */ N(s, { children: /* @__PURE__ */ N("p", { children: i.notes }) })] }),
+						/* @__PURE__ */ P(o, { children: [/* @__PURE__ */ P(l, {
 							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ P(l, {
+							children: [/* @__PURE__ */ P(c, {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ N(C, { size: 18 }), " Orders"]
-							}), /* @__PURE__ */ P(v, {
+							}), /* @__PURE__ */ P(_, {
 								variant: "outline",
 								size: "sm",
 								onClick: () => Q("orders/new"),
 								children: [/* @__PURE__ */ N(b, { size: 14 }), " New order"]
 							})]
-						}), /* @__PURE__ */ N(c, { children: pe ? /* @__PURE__ */ N("p", {
+						}), /* @__PURE__ */ N(s, { children: pe ? /* @__PURE__ */ N("p", {
 							className: "text-text-secondary text-center py-4",
 							children: "Loading orders…"
 						}) : H.length > 0 ? /* @__PURE__ */ N("div", {
@@ -564,7 +564,7 @@ function V() {
 					]
 				}), /* @__PURE__ */ P("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ N(l, { children: "Business Details" }) }), /* @__PURE__ */ P(c, {
+					children: [/* @__PURE__ */ P(o, { children: [/* @__PURE__ */ N(l, { children: /* @__PURE__ */ N(c, { children: "Business Details" }) }), /* @__PURE__ */ P(s, {
 						className: "space-y-3",
 						children: [
 							i.businessLicense && /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
@@ -591,12 +591,12 @@ function V() {
 							/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-sm text-text-secondary",
 								children: "Marketing Opt-in"
-							}), /* @__PURE__ */ N(p, {
+							}), /* @__PURE__ */ N(f, {
 								variant: i.marketingOptIn ? "default" : "secondary",
 								children: i.marketingOptIn ? "Yes" : "No"
 							})] })
 						]
-					})] }), /* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ N(l, { children: "Account Info" }) }), /* @__PURE__ */ P(c, {
+					})] }), /* @__PURE__ */ P(o, { children: [/* @__PURE__ */ N(l, { children: /* @__PURE__ */ N(c, { children: "Account Info" }) }), /* @__PURE__ */ P(s, {
 						className: "space-y-3",
 						children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 							className: "text-sm text-text-secondary",

package/dist/CustomersPage-C1lRU6xs.js

@@ -0,0 +1,205 @@
+import { i as e, l as t, lt as n, o as r, s as i, st as a, u as o, ut as s } from "./PageLayout-DX1Ou6V6.js";
+import { t as c } from "./DataTable-KjzbwnRL.js";
+import { t as l } from "./download-CG4Tponq.js";
+import { t as u } from "./plus-BqQxkfoU.js";
+import { t as d } from "./refresh-cw-CEOAPEcV.js";
+import { t as f } from "./star-B7PgVu5j.js";
+import { t as p } from "./user-check-DtnQmimP.js";
+import { t as m } from "./users-Cvwko-Dx.js";
+import { n as h, r as g } from "./useCustomers-Dq2IR2HQ.js";
+import { r as _, t as v } from "./MetricCard-DQlDNqmK.js";
+import { i as y } from "./StatusBadge-oZjownr1.js";
+import { r as b } from "./formatters-FWJDwTFv.js";
+import { useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CTAOverflowMenu as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/building-2.js
+var E = s("Building2", [
+	["path", {
+		d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
+		key: "1b4qmf"
+	}],
+	["path", {
+		d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2",
+		key: "i71pzd"
+	}],
+	["path", {
+		d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2",
+		key: "10jefs"
+	}],
+	["path", {
+		d: "M10 6h4",
+		key: "1itunk"
+	}],
+	["path", {
+		d: "M10 10h4",
+		key: "tcdvrf"
+	}],
+	["path", {
+		d: "M10 14h4",
+		key: "kelpxr"
+	}],
+	["path", {
+		d: "M10 18h4",
+		key: "1ulq68"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/CustomersPage.tsx
+function D() {
+	let { basePath: s, navigate: D } = a(), [O, k] = x(0), [A, j] = x(25), { customers: M, hasMore: N, isLoading: P, refetch: F } = g({
+		limit: A,
+		offset: O * A
+	}), { stats: I } = h(), L = (e) => D?.(n(s, e));
+	return /* @__PURE__ */ C(e, {
+		title: "Customers",
+		subtitle: `${I.total} customers`,
+		icon: /* @__PURE__ */ S(m, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(w, {
+			primary: {
+				label: "Add Customer",
+				icon: /* @__PURE__ */ S(u, { size: 16 }),
+				onSelect: () => L("customers/new")
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ S(d, { size: 16 }),
+				onSelect: () => F()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ S(l, { size: 16 }),
+				onSelect: () => L("import-export")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ S(T, {
+				icon: /* @__PURE__ */ S(m, { size: 18 }),
+				children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
+			}),
+			/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+				className: "mb-3 text-sm font-medium text-text-secondary",
+				children: "Customer base at a glance"
+			}), /* @__PURE__ */ C(_, {
+				columns: 3,
+				children: [
+					/* @__PURE__ */ S(v, {
+						label: "Total customers",
+						value: I.total,
+						icon: /* @__PURE__ */ S(m, { size: 20 }),
+						accent: "brand"
+					}),
+					/* @__PURE__ */ S(v, {
+						label: "Active",
+						value: I.active,
+						icon: /* @__PURE__ */ S(p, { size: 20 }),
+						accent: "success",
+						subtitle: "Currently transacting"
+					}),
+					/* @__PURE__ */ S(v, {
+						label: "Business accounts",
+						value: I.b2b,
+						icon: /* @__PURE__ */ S(E, { size: 20 }),
+						accent: "blue",
+						subtitle: "B2B relationships"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ S(c, {
+				columns: [
+					{
+						id: "customer",
+						header: "Customer",
+						cell: (e) => /* @__PURE__ */ C("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(i, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								className: "font-medium",
+								children: e.name
+							}), /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: e.email
+							})] })]
+						})
+					},
+					{
+						id: "type",
+						header: "Type",
+						accessorKey: "type",
+						cell: (e) => /* @__PURE__ */ S(y, { type: e.type })
+					},
+					{
+						id: "company",
+						header: "Company",
+						accessorKey: "company",
+						cell: (e) => e.company || "-"
+					},
+					{
+						id: "phone",
+						header: "Phone",
+						accessorKey: "phone"
+					},
+					{
+						id: "location",
+						header: "Location",
+						cell: (e) => `${e.address.city}, ${e.address.state}`
+					},
+					{
+						id: "rating",
+						header: "Rating",
+						cell: (e) => /* @__PURE__ */ C("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ S(f, {
+								size: 14,
+								className: "text-status-warning-text fill-current"
+							}), /* @__PURE__ */ S("span", { children: e.rating.toFixed(1) })]
+						})
+					},
+					{
+						id: "status",
+						header: "Status",
+						cell: (e) => /* @__PURE__ */ S(t, {
+							variant: e.isActive ? "default" : "secondary",
+							children: e.isActive ? "Active" : "Inactive"
+						})
+					},
+					{
+						id: "created",
+						header: "Created",
+						accessorKey: "createdAt",
+						sortable: !0,
+						cell: (e) => b(e.createdAt, "short")
+					}
+				],
+				data: M,
+				isLoading: P,
+				searchable: !0,
+				searchPlaceholder: "Search customers...",
+				searchFields: [
+					"name",
+					"email",
+					"company"
+				],
+				onRowClick: (e) => L(`customers/${e.id}`),
+				getRowId: (e) => e.id,
+				pageIndex: O,
+				pageSize: A,
+				onPageChange: k,
+				onPageSizeChange: (e) => {
+					j(e), k(0);
+				},
+				hasNextPage: N,
+				emptyIllustration: "empty-people",
+				emptyTitle: "No customers yet",
+				emptyDescription: "Add your first customer to start booking deliveries for them.",
+				emptyAction: /* @__PURE__ */ C(o, {
+					onClick: () => L("customers/new"),
+					children: [/* @__PURE__ */ S(u, {
+						size: 16,
+						className: "mr-1.5"
+					}), "Add Customer"]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { D as default };