@burdenoff/microfe-movethewheels 2026.703.6 → 2026.703.7

package/dist/OrdersListPage-Csy_KScx.js

@@ -0,0 +1,388 @@
+import { F as e, I as t, L as n, P as r, R as i, d as ee, f as a, i as te, l as ne, lt as o, st as s, u as c, ut as l } from "./PageLayout-h_q9l8af.js";
+import { t as u } from "./DataTable-Da7yHjM1.js";
+import { t as d } from "./circle-check-CWLAr_8f.js";
+import { t as f } from "./clock-DrZOQD8h.js";
+import { t as re } from "./download-C-yNvUiL.js";
+import { t as ie } from "./filter-uA6govE9.js";
+import { t as p } from "./package-D36cKFvu.js";
+import { t as m } from "./plus-DY5R-c1j.js";
+import { t as h } from "./refresh-cw-DyOLYuDU.js";
+import { t as g } from "./truck-ByZxqZhI.js";
+import { t as _ } from "./user-check-CBSiMH6I.js";
+import { n as v, r as y } from "./useOrders-BC-1mCc0.js";
+import { r as b, t as x } from "./MetricCard-DA5ZqAVl.js";
+import { i as S, n as C, r as w } from "./StatusBadge-1W2p8fEi.js";
+import { n as T, r as E } from "./formatters-FWJDwTFv.js";
+import { useState as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { CTAOverflowMenu as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region node_modules/lucide-react/dist/esm/icons/user-plus.js
+var N = l("UserPlus", [
+	["path", {
+		d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",
+		key: "1yyitq"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "7",
+		r: "4",
+		key: "nufk8"
+	}],
+	["line", {
+		x1: "19",
+		x2: "19",
+		y1: "8",
+		y2: "14",
+		key: "1bvyxn"
+	}],
+	["line", {
+		x1: "22",
+		x2: "16",
+		y1: "11",
+		y2: "11",
+		key: "1shjgl"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/OrdersListPage.tsx
+function P() {
+	let { t: l } = M(), P = (e, t) => {
+		let n = l(e);
+		return n === e ? t : n;
+	}, { basePath: F, navigate: I } = s(), [L, R] = D("all"), [z, B] = D("all"), [V, H] = D(!1), [U, W] = D(0), [G, K] = D(25), q = L !== "all" || z !== "all" || V, { orders: J, hasMore: ae, isLoading: oe, error: se, refetch: Y } = y({
+		filters: {
+			status: L === "all" ? void 0 : L,
+			orderType: z === "all" ? void 0 : z,
+			unassigned: V || void 0
+		},
+		limit: G,
+		offset: U * G
+	}), { stats: X } = v(), Z = X.total, Q = (e) => {
+		I && I(o(F, e));
+	}, $ = () => W(0), ce = [
+		{
+			id: "orderNumber",
+			header: P("movethewheels.orders.table.orderNumber", "Order #"),
+			accessorKey: "orderNumber",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "font-medium text-primary",
+				children: e.orderNumber
+			})
+		},
+		{
+			id: "customer",
+			header: P("movethewheels.orders.table.customer", "Customer"),
+			className: "min-w-[180px] max-w-[220px]",
+			cell: (e) => /* @__PURE__ */ k("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ O("p", {
+					className: "font-medium truncate",
+					children: e.customerInfo.name
+				}), /* @__PURE__ */ O("p", {
+					className: "text-sm text-text-secondary truncate",
+					children: e.customerInfo.email
+				})]
+			})
+		},
+		{
+			id: "status",
+			header: P("movethewheels.orders.table.status", "Status"),
+			accessorKey: "status",
+			sortable: !0,
+			className: "min-w-[130px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ O(w, {
+				status: e.status,
+				type: "order"
+			})
+		},
+		{
+			id: "type",
+			header: P("movethewheels.orders.table.type", "Type"),
+			accessorKey: "orderType",
+			className: "min-w-[70px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ O(S, { type: e.orderType })
+		},
+		{
+			id: "priority",
+			header: P("movethewheels.orders.table.priority", "Priority"),
+			accessorKey: "priority",
+			sortable: !0,
+			className: "min-w-[90px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ O(C, { priority: e.priority })
+		},
+		{
+			id: "items",
+			header: P("movethewheels.orders.table.items", "Items"),
+			className: "min-w-[80px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ k(ne, {
+				variant: "secondary",
+				children: [
+					e.items.length,
+					" ",
+					P("movethewheels.orders.table.itemsSuffix", "items")
+				]
+			})
+		},
+		{
+			id: "total",
+			header: P("movethewheels.orders.table.total", "Total"),
+			accessorKey: "pricing",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap text-right",
+			cell: (e) => /* @__PURE__ */ O("span", {
+				className: "font-medium",
+				children: T(e.pricing.total)
+			})
+		},
+		{
+			id: "scheduledDelivery",
+			header: P("movethewheels.orders.table.deliveryDate", "Delivery Date"),
+			accessorKey: "scheduledDelivery",
+			sortable: !0,
+			className: "min-w-[110px] whitespace-nowrap",
+			cell: (e) => e.scheduledDelivery ? E(e.scheduledDelivery) : "-"
+		},
+		{
+			id: "createdAt",
+			header: P("movethewheels.orders.table.created", "Created"),
+			accessorKey: "createdAt",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap",
+			cell: (e) => E(e.createdAt, "relative")
+		},
+		{
+			id: "driver",
+			header: P("movethewheels.orders.table.driver", "Driver"),
+			className: "min-w-[120px] whitespace-nowrap",
+			cell: (e) => e.driverId ? /* @__PURE__ */ k("span", {
+				className: "inline-flex items-center gap-1 text-sm text-status-success-text",
+				children: [
+					/* @__PURE__ */ O(_, { size: 14 }),
+					" ",
+					P("movethewheels.orders.table.assigned", "Assigned")
+				]
+			}) : /* @__PURE__ */ k(c, {
+				variant: "outline",
+				size: "sm",
+				onClick: (t) => {
+					t.stopPropagation(), Q(`orders/${e.id}`);
+				},
+				children: [/* @__PURE__ */ O(N, {
+					size: 14,
+					className: "mr-1"
+				}), P("movethewheels.orders.table.assign", "Assign")]
+			})
+		}
+	], le = [
+		{
+			value: "all",
+			label: P("movethewheels.orders.filters.allStatuses", "All Statuses")
+		},
+		{
+			value: "pending",
+			label: P("movethewheels.orders.status.pending", "Pending")
+		},
+		{
+			value: "confirmed",
+			label: P("movethewheels.orders.status.confirmed", "Confirmed")
+		},
+		{
+			value: "assigned",
+			label: P("movethewheels.orders.status.assigned", "Assigned")
+		},
+		{
+			value: "picked_up",
+			label: P("movethewheels.orders.status.pickedUp", "Picked Up")
+		},
+		{
+			value: "in_transit",
+			label: P("movethewheels.orders.status.inTransit", "In Transit")
+		},
+		{
+			value: "out_for_delivery",
+			label: P("movethewheels.orders.status.outForDelivery", "Out for Delivery")
+		},
+		{
+			value: "delivered",
+			label: P("movethewheels.orders.status.delivered", "Delivered")
+		},
+		{
+			value: "cancelled",
+			label: P("movethewheels.orders.status.cancelled", "Cancelled")
+		},
+		{
+			value: "failed",
+			label: P("movethewheels.orders.status.failed", "Failed")
+		}
+	];
+	return /* @__PURE__ */ k(te, {
+		title: P("movethewheels.orders.title", "Orders"),
+		subtitle: `${Z} ${P("movethewheels.orders.subtitle", "total orders")}`,
+		icon: /* @__PURE__ */ O(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ O(A, {
+			primary: {
+				label: P("movethewheels.orders.actions.newOrder", "New Order"),
+				icon: /* @__PURE__ */ O(m, { size: 16 }),
+				onSelect: () => Q("orders/new")
+			},
+			actions: [{
+				label: P("movethewheels.orders.actions.refresh", "Refresh"),
+				icon: /* @__PURE__ */ O(h, { size: 16 }),
+				onSelect: () => Y()
+			}, {
+				label: P("movethewheels.orders.actions.export", "Export"),
+				icon: /* @__PURE__ */ O(re, { size: 16 }),
+				onSelect: () => Q("import-export")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ O(j, {
+				icon: /* @__PURE__ */ O(p, { size: 18 }),
+				children: P("movethewheels.orders.purpose", "Every delivery job lives here — B2B and B2C orders, their status, priority and value. Use this list to find an order, filter by status or type, and open one to assign a driver, track it, or update fulfilment.")
+			}),
+			/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+				className: "mb-3 text-sm font-medium text-text-secondary",
+				children: P("movethewheels.orders.glance.title", "Pipeline at a glance")
+			}), /* @__PURE__ */ k(b, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ O(x, {
+						label: P("movethewheels.orders.glance.total", "Total orders"),
+						value: Z,
+						icon: /* @__PURE__ */ O(p, { size: 20 }),
+						accent: "brand"
+					}),
+					/* @__PURE__ */ O(x, {
+						label: P("movethewheels.orders.glance.pending", "Pending"),
+						value: X.byStatus.pending,
+						icon: /* @__PURE__ */ O(f, { size: 20 }),
+						accent: "warning",
+						subtitle: P("movethewheels.orders.glance.pendingSub", "Awaiting fulfilment")
+					}),
+					/* @__PURE__ */ O(x, {
+						label: P("movethewheels.orders.glance.inTransit", "In transit"),
+						value: X.byStatus.in_transit + X.byStatus.out_for_delivery,
+						icon: /* @__PURE__ */ O(g, { size: 20 }),
+						accent: "blue",
+						subtitle: P("movethewheels.orders.glance.inTransitSub", "On the road now")
+					}),
+					/* @__PURE__ */ O(x, {
+						label: P("movethewheels.orders.glance.delivered", "Delivered"),
+						value: X.byStatus.delivered,
+						icon: /* @__PURE__ */ O(d, { size: 20 }),
+						accent: "success"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ O(ee, { children: /* @__PURE__ */ O(a, {
+				className: "p-4",
+				children: /* @__PURE__ */ k("div", {
+					className: "flex flex-wrap items-center gap-4",
+					children: [
+						/* @__PURE__ */ k("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ O(ie, {
+								size: 16,
+								className: "text-text-secondary"
+							}), /* @__PURE__ */ O("span", {
+								className: "text-sm font-medium",
+								children: P("movethewheels.orders.filters.label", "Filters:")
+							})]
+						}),
+						/* @__PURE__ */ k(r, {
+							value: L,
+							onValueChange: (e) => {
+								R(e), $();
+							},
+							children: [/* @__PURE__ */ O(n, {
+								className: "w-[180px]",
+								children: /* @__PURE__ */ O(i, { placeholder: P("movethewheels.orders.filters.status", "Status") })
+							}), /* @__PURE__ */ O(e, { children: le.map((e) => /* @__PURE__ */ O(t, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						}),
+						/* @__PURE__ */ k(r, {
+							value: z,
+							onValueChange: (e) => {
+								B(e), $();
+							},
+							children: [/* @__PURE__ */ O(n, {
+								className: "w-[150px]",
+								children: /* @__PURE__ */ O(i, { placeholder: P("movethewheels.orders.filters.type", "Type") })
+							}), /* @__PURE__ */ k(e, { children: [
+								/* @__PURE__ */ O(t, {
+									value: "all",
+									children: P("movethewheels.orders.filters.allTypes", "All Types")
+								}),
+								/* @__PURE__ */ O(t, {
+									value: "b2b",
+									children: "B2B"
+								}),
+								/* @__PURE__ */ O(t, {
+									value: "b2c",
+									children: "B2C"
+								})
+							] })]
+						}),
+						/* @__PURE__ */ k(c, {
+							variant: V ? "default" : "outline",
+							size: "sm",
+							onClick: () => {
+								H((e) => !e), $();
+							},
+							children: [/* @__PURE__ */ O(N, {
+								size: 14,
+								className: "mr-1"
+							}), P("movethewheels.orders.filters.unassigned", "Needs driver")]
+						}),
+						q && /* @__PURE__ */ O(c, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => {
+								R("all"), B("all"), H(!1), $();
+							},
+							children: P("movethewheels.orders.filters.clear", "Clear filters")
+						})
+					]
+				})
+			}) }),
+			/* @__PURE__ */ O(u, {
+				columns: ce,
+				data: J,
+				isLoading: oe,
+				error: se,
+				onRetry: Y,
+				searchable: !0,
+				searchPlaceholder: P("movethewheels.orders.searchPlaceholder", "Search orders..."),
+				searchFields: ["orderNumber", "customerInfo"],
+				onRowClick: (e) => Q(`orders/${e.id}`),
+				getRowId: (e) => e.id,
+				pageIndex: U,
+				pageSize: G,
+				onPageChange: W,
+				onPageSizeChange: (e) => {
+					K(e), W(0);
+				},
+				totalItems: q ? void 0 : Z,
+				hasNextPage: ae,
+				emptyMessage: P("movethewheels.orders.empty", "No orders found"),
+				emptyIllustration: "empty-data",
+				emptyTitle: P("movethewheels.orders.emptyTitle", "No orders yet"),
+				emptyDescription: P("movethewheels.orders.emptyDescription", "Create your first order to start moving shipments through the pipeline."),
+				emptyAction: /* @__PURE__ */ k(c, {
+					onClick: () => Q("orders/new"),
+					children: [/* @__PURE__ */ O(m, {
+						size: 16,
+						className: "mr-1.5"
+					}), P("movethewheels.orders.actions.newOrder", "New Order")]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { P as default };