@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/CustomersPage-Bbvwvn8k.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-BniRJaQ6.js";
+import { t as c } from "./DataTable-CqMUD4er.js";
+import { t as l } from "./download-DP04iWTd.js";
+import { t as u } from "./plus-DlANgOFx.js";
+import { t as d } from "./refresh-cw-rW59D4b7.js";
+import { t as f } from "./star-CVZHFwDx.js";
+import { t as p } from "./user-check-IMhk-qkX.js";
+import { t as m } from "./users-B8KhJBGg.js";
+import { n as h, r as g } from "./useCustomers-ChJao1ET.js";
+import { r as _, t as v } from "./MetricCard-y3bWHKUQ.js";
+import { i as y } from "./StatusBadge-BNHXYvZx.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 };