@burdenoff/microfe-movethewheels 2026.925.1 → 2026.925.3

package/dist/pages/CustomersPage.js

@@ -3,92 +3,91 @@ import { Download as t } from "../node_modules/lucide-react/dist/esm/icons/downl
 import { Plus as n } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Star as i } from "../node_modules/lucide-react/dist/esm/icons/star.js";
-import { UserCheck as a } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { Users as o } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useCustomerStats as l, useCustomers as u } from "../hooks/useCustomers.js";
-import { Avatar as d, AvatarFallback as f, Badge as p, Button as m } from "../components/ui.js";
-import { PageLayout as h } from "../components/PageLayout.js";
-import { MetricCard as g, MetricGrid as _ } from "../components/MetricCard.js";
-import { TypeBadge as v } from "../components/StatusBadge.js";
-import { DataTable as y } from "../components/DataTable.js";
-import { formatDate as b } from "../utils/formatters.js";
-import { useDebouncedValue as x } from "../hooks/useDebouncedValue.js";
-import { useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { CTAOverflowMenu as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { Users as a } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { joinPath as o } from "../utils/navigation.js";
+import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
+import { useCustomerStats as c, useCustomers as l } from "../hooks/useCustomers.js";
+import { Avatar as u, AvatarFallback as d, Button as f } from "../components/ui.js";
+import { PageLayout as p } from "../components/PageLayout.js";
+import { MetricCard as m, MetricGrid as h } from "../components/MetricCard.js";
+import { TypeBadge as g } from "../components/StatusBadge.js";
+import { DataTable as _ } from "../components/DataTable.js";
+import { formatDate as v } from "../utils/formatters.js";
+import { useDebouncedValue as y } from "../hooks/useDebouncedValue.js";
+import { useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CTAOverflowMenu as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomersPage.tsx
-function D() {
-	let { basePath: D, navigate: O } = c(), [k, A] = S(0), [j, M] = S(25), [N, P] = S(""), F = x(N), { customers: I, totalCustomers: L, hasMore: R, isLoading: z, error: B, refetch: V } = u({
-		limit: j,
-		offset: k * j,
-		filters: { search: F }
-	}), { stats: H } = l(), U = (e) => O?.(s(D, e));
-	return /* @__PURE__ */ w(h, {
+function T() {
+	let { basePath: T, navigate: E } = s(), [D, O] = b(0), [k, A] = b(25), [j, M] = b(""), N = y(j), { customers: P, totalCustomers: F, hasMore: I, isLoading: L, error: R, refetch: z } = l({
+		limit: k,
+		offset: D * k,
+		filters: { search: N }
+	}), { stats: B } = c(), V = (e) => E?.(o(T, e));
+	return /* @__PURE__ */ S(p, {
 		title: "Customers",
-		subtitle: `${H.total} customers`,
-		icon: /* @__PURE__ */ C(o, { size: 24 }),
-		headerActions: /* @__PURE__ */ C(T, {
+		subtitle: `${B.total} customers`,
+		icon: /* @__PURE__ */ x(a, { size: 24 }),
+		headerActions: /* @__PURE__ */ x(C, {
 			primary: {
 				label: "Add Customer",
-				icon: /* @__PURE__ */ C(n, { size: 16 }),
-				onSelect: () => U("customers/new")
+				icon: /* @__PURE__ */ x(n, { size: 16 }),
+				onSelect: () => V("customers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ C(r, { size: 16 }),
-				onSelect: () => V()
+				icon: /* @__PURE__ */ x(r, { size: 16 }),
+				onSelect: () => z()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ C(t, { size: 16 }),
-				onSelect: () => U("import-export")
+				icon: /* @__PURE__ */ x(t, { size: 16 }),
+				onSelect: () => V("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ C(E, {
-				icon: /* @__PURE__ */ C(o, { size: 18 }),
+			/* @__PURE__ */ x(w, {
+				icon: /* @__PURE__ */ x(a, { 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__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Customer base at a glance"
-			}), /* @__PURE__ */ w(_, {
+			}), /* @__PURE__ */ S(h, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ C(g, {
+					/* @__PURE__ */ x(m, {
 						label: "Total customers",
-						value: H.total,
-						icon: /* @__PURE__ */ C(o, { size: 20 }),
+						value: B.total,
+						icon: /* @__PURE__ */ x(a, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ C(g, {
-						label: "Active",
-						value: H.active,
-						icon: /* @__PURE__ */ C(a, { size: 20 }),
+					/* @__PURE__ */ x(m, {
+						label: "Avg. rating",
+						value: B.avgRating > 0 ? B.avgRating.toFixed(1) : "—",
+						icon: /* @__PURE__ */ x(i, { size: 20 }),
 						accent: "success",
-						subtitle: "Currently transacting"
+						subtitle: "Across all customers"
 					}),
-					/* @__PURE__ */ C(g, {
+					/* @__PURE__ */ x(m, {
 						label: "Business accounts",
-						value: H.b2b,
-						icon: /* @__PURE__ */ C(e, { size: 20 }),
+						value: B.b2b,
+						icon: /* @__PURE__ */ x(e, { size: 20 }),
 						accent: "blue",
 						subtitle: "B2B relationships"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ C(y, {
+			/* @__PURE__ */ x(_, {
 				columns: [
 					{
 						id: "customer",
 						header: "Customer",
-						cell: (e) => /* @__PURE__ */ w("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ C(d, { children: /* @__PURE__ */ C(f, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(d, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
 								children: e.email
 							})] })]
@@ -98,7 +97,7 @@ function D() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ C(v, { type: e.type })
+						cell: (e) => /* @__PURE__ */ x(g, { type: e.type })
 					},
 					{
 						id: "company",
@@ -119,20 +118,12 @@ function D() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => /* @__PURE__ */ w("div", {
+						cell: (e) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ x(i, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ C("span", { children: e.rating.toFixed(1) })]
-						})
-					},
-					{
-						id: "status",
-						header: "Status",
-						cell: (e) => /* @__PURE__ */ C(p, {
-							variant: e.isActive ? "default" : "secondary",
-							children: e.isActive ? "Active" : "Inactive"
+							}), /* @__PURE__ */ x("span", { children: e.rating.toFixed(1) })]
 						})
 					},
 					{
@@ -140,13 +131,13 @@ function D() {
 						header: "Created",
 						accessorKey: "createdAt",
 						sortable: !0,
-						cell: (e) => b(e.createdAt, "short")
+						cell: (e) => v(e.createdAt, "short")
 					}
 				],
-				data: I,
-				isLoading: z,
-				error: B,
-				onRetry: V,
+				data: P,
+				isLoading: L,
+				error: R,
+				onRetry: z,
 				searchable: !0,
 				searchPlaceholder: "Search customers...",
 				searchFields: [
@@ -154,26 +145,26 @@ function D() {
 					"email",
 					"company"
 				],
-				searchQuery: N,
+				searchQuery: j,
 				onSearchQueryChange: (e) => {
-					P(e), A(0);
+					M(e), O(0);
 				},
-				onRowClick: (e) => U(`customers/${e.id}`),
+				onRowClick: (e) => V(`customers/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: k,
-				pageSize: j,
-				onPageChange: A,
+				pageIndex: D,
+				pageSize: k,
+				onPageChange: O,
 				onPageSizeChange: (e) => {
-					M(e), A(0);
+					A(e), O(0);
 				},
-				totalItems: L,
-				hasNextPage: R,
+				totalItems: F,
+				hasNextPage: I,
 				emptyIllustration: "empty-people",
 				emptyTitle: "No customers yet",
 				emptyDescription: "Add your first customer to start booking deliveries for them.",
-				emptyAction: /* @__PURE__ */ w(m, {
-					onClick: () => U("customers/new"),
-					children: [/* @__PURE__ */ C(n, {
+				emptyAction: /* @__PURE__ */ S(f, {
+					onClick: () => V("customers/new"),
+					children: [/* @__PURE__ */ x(n, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Add Customer"]
@@ -183,4 +174,4 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { T as default };