@burdenoff/microfe-movethewheels 2026.614.1 → 2026.625.1

package/dist/{OrdersListPage-DczM6NXa.js → OrdersListPage-DHYBGrWf.js}

@@ -1,35 +1,36 @@
-import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, i as s, l as c, u as l } from "./PageLayout-3DR4pMQ9.js";
-import { t as u } from "./DataTable-oNjXEcUO.js";
-import { t as d } from "./download-CQqBpPk5.js";
-import { t as f } from "./filter-CgTF21j9.js";
-import { t as p } from "./package-CPePjBwW.js";
-import { t as m } from "./plus-Dew5yoQK.js";
-import { t as h } from "./refresh-cw-oWEqfHnS.js";
+import { F as e, I as t, L as n, P as r, R as i, d as a, f as o, i as s, l as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./DataTable-CfWvFw5B.js";
+import { t as d } from "./download-Dpa9vqoG.js";
+import { t as f } from "./filter-Da5OZaHI.js";
+import { t as p } from "./package-BE7U0wQE.js";
+import { t as m } from "./plus-Dl1rLeJR.js";
+import { t as h } from "./refresh-cw-CWfERAit.js";
 import { r as g } from "./graphqlClient-CdJyR_ed.js";
 import { r as _ } from "./useOrders-D_3_hGMp.js";
-import { i as v, n as y, r as b } from "./StatusBadge-elLZA4Wl.js";
+import { i as v, n as y, r as b } from "./StatusBadge-CijYQXtb.js";
 import { n as x, r as S } from "./formatters-_vJlC-47.js";
 import { t as C } from "./navigation-BgnOfsVd.js";
 import { useState as w } from "react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as D } from "@burdenoff/fe-libs/ui";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/OrdersListPage.tsx
-function O() {
-	let { t: O } = D(), k = (e, t) => {
-		let n = O(e);
+function k() {
+	let { t: k } = O(), A = (e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, { basePath: A, navigate: j } = g(), [M, N] = w("all"), [P, F] = w("all"), { orders: I, totalOrders: L, isLoading: R, refetch: z } = _({
+	}, { basePath: j, navigate: M } = g(), [N, P] = w("all"), [F, I] = w("all"), { orders: L, totalOrders: R, isLoading: z, refetch: B } = _({
 		filters: {
-			status: M === "all" ? void 0 : M,
-			orderType: P === "all" ? void 0 : P
+			status: N === "all" ? void 0 : N,
+			orderType: F === "all" ? void 0 : F
 		},
 		limit: 50
-	}), B = (e) => {
-		j && j(C(A, e));
-	}, V = [
+	}), V = (e) => {
+		M && M(C(j, e));
+	}, H = [
 		{
 			id: "orderNumber",
-			header: k("movethewheels.orders.table.orderNumber", "Order #"),
+			header: A("movethewheels.orders.table.orderNumber", "Order #"),
 			accessorKey: "orderNumber",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap",
@@ -40,7 +41,7 @@ function O() {
 		},
 		{
 			id: "customer",
-			header: k("movethewheels.orders.table.customer", "Customer"),
+			header: A("movethewheels.orders.table.customer", "Customer"),
 			className: "min-w-[180px] max-w-[220px]",
 			cell: (e) => /* @__PURE__ */ E("div", {
 				className: "min-w-0",
@@ -48,14 +49,14 @@ function O() {
 					className: "font-medium truncate",
 					children: e.customerInfo.name
 				}), /* @__PURE__ */ T("p", {
-					className: "text-sm text-muted-foreground truncate",
+					className: "text-sm text-text-secondary truncate",
 					children: e.customerInfo.email
 				})]
 			})
 		},
 		{
 			id: "status",
-			header: k("movethewheels.orders.table.status", "Status"),
+			header: A("movethewheels.orders.table.status", "Status"),
 			accessorKey: "status",
 			sortable: !0,
 			className: "min-w-[130px] whitespace-nowrap",
@@ -66,14 +67,14 @@ function O() {
 		},
 		{
 			id: "type",
-			header: k("movethewheels.orders.table.type", "Type"),
+			header: A("movethewheels.orders.table.type", "Type"),
 			accessorKey: "orderType",
 			className: "min-w-[70px] whitespace-nowrap",
 			cell: (e) => /* @__PURE__ */ T(v, { type: e.orderType })
 		},
 		{
 			id: "priority",
-			header: k("movethewheels.orders.table.priority", "Priority"),
+			header: A("movethewheels.orders.table.priority", "Priority"),
 			accessorKey: "priority",
 			sortable: !0,
 			className: "min-w-[90px] whitespace-nowrap",
@@ -81,20 +82,20 @@ function O() {
 		},
 		{
 			id: "items",
-			header: k("movethewheels.orders.table.items", "Items"),
+			header: A("movethewheels.orders.table.items", "Items"),
 			className: "min-w-[80px] whitespace-nowrap",
 			cell: (e) => /* @__PURE__ */ E(c, {
 				variant: "secondary",
 				children: [
 					e.items.length,
 					" ",
-					k("movethewheels.orders.table.itemsSuffix", "items")
+					A("movethewheels.orders.table.itemsSuffix", "items")
 				]
 			})
 		},
 		{
 			id: "total",
-			header: k("movethewheels.orders.table.total", "Total"),
+			header: A("movethewheels.orders.table.total", "Total"),
 			accessorKey: "pricing",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap text-right",
@@ -105,7 +106,7 @@ function O() {
 		},
 		{
 			id: "scheduledDelivery",
-			header: k("movethewheels.orders.table.deliveryDate", "Delivery Date"),
+			header: A("movethewheels.orders.table.deliveryDate", "Delivery Date"),
 			accessorKey: "scheduledDelivery",
 			sortable: !0,
 			className: "min-w-[110px] whitespace-nowrap",
@@ -113,75 +114,73 @@ function O() {
 		},
 		{
 			id: "createdAt",
-			header: k("movethewheels.orders.table.created", "Created"),
+			header: A("movethewheels.orders.table.created", "Created"),
 			accessorKey: "createdAt",
 			sortable: !0,
 			className: "min-w-[100px] whitespace-nowrap",
 			cell: (e) => S(e.createdAt, "relative")
 		}
-	], H = [
+	], U = [
 		{
 			value: "all",
-			label: k("movethewheels.orders.filters.allStatuses", "All Statuses")
+			label: A("movethewheels.orders.filters.allStatuses", "All Statuses")
 		},
 		{
 			value: "pending",
-			label: k("movethewheels.orders.status.pending", "Pending")
+			label: A("movethewheels.orders.status.pending", "Pending")
 		},
 		{
 			value: "confirmed",
-			label: k("movethewheels.orders.status.confirmed", "Confirmed")
+			label: A("movethewheels.orders.status.confirmed", "Confirmed")
 		},
 		{
 			value: "assigned",
-			label: k("movethewheels.orders.status.assigned", "Assigned")
+			label: A("movethewheels.orders.status.assigned", "Assigned")
 		},
 		{
 			value: "picked_up",
-			label: k("movethewheels.orders.status.pickedUp", "Picked Up")
+			label: A("movethewheels.orders.status.pickedUp", "Picked Up")
 		},
 		{
 			value: "in_transit",
-			label: k("movethewheels.orders.status.inTransit", "In Transit")
+			label: A("movethewheels.orders.status.inTransit", "In Transit")
 		},
 		{
 			value: "out_for_delivery",
-			label: k("movethewheels.orders.status.outForDelivery", "Out for Delivery")
+			label: A("movethewheels.orders.status.outForDelivery", "Out for Delivery")
 		},
 		{
 			value: "delivered",
-			label: k("movethewheels.orders.status.delivered", "Delivered")
+			label: A("movethewheels.orders.status.delivered", "Delivered")
 		},
 		{
 			value: "cancelled",
-			label: k("movethewheels.orders.status.cancelled", "Cancelled")
+			label: A("movethewheels.orders.status.cancelled", "Cancelled")
 		},
 		{
 			value: "failed",
-			label: k("movethewheels.orders.status.failed", "Failed")
+			label: A("movethewheels.orders.status.failed", "Failed")
 		}
 	];
 	return /* @__PURE__ */ E(s, {
-		title: k("movethewheels.orders.title", "Orders"),
-		subtitle: `${L} ${k("movethewheels.orders.subtitle", "total orders")}`,
+		title: A("movethewheels.orders.title", "Orders"),
+		subtitle: `${R} ${A("movethewheels.orders.subtitle", "total orders")}`,
 		icon: /* @__PURE__ */ T(p, { size: 24 }),
-		headerActions: /* @__PURE__ */ E("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ E(l, {
-					variant: "outline",
-					onClick: z,
-					children: [/* @__PURE__ */ T(h, { size: 16 }), k("movethewheels.orders.actions.refresh", "Refresh")]
-				}),
-				/* @__PURE__ */ E(l, {
-					variant: "outline",
-					children: [/* @__PURE__ */ T(d, { size: 16 }), k("movethewheels.orders.actions.export", "Export")]
-				}),
-				/* @__PURE__ */ E(l, {
-					onClick: () => B("orders/new"),
-					children: [/* @__PURE__ */ T(m, { size: 16 }), k("movethewheels.orders.actions.newOrder", "New Order")]
-				})
-			]
+		headerActions: /* @__PURE__ */ T(D, {
+			primary: {
+				label: A("movethewheels.orders.actions.newOrder", "New Order"),
+				icon: /* @__PURE__ */ T(m, { size: 16 }),
+				onSelect: () => V("orders/new")
+			},
+			actions: [{
+				label: A("movethewheels.orders.actions.refresh", "Refresh"),
+				icon: /* @__PURE__ */ T(h, { size: 16 }),
+				onSelect: () => B()
+			}, {
+				label: A("movethewheels.orders.actions.export", "Export"),
+				icon: /* @__PURE__ */ T(d, { size: 16 }),
+				onSelect: () => {}
+			}]
 		}),
 		children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(o, {
 			className: "p-4",
@@ -192,33 +191,33 @@ function O() {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ T(f, {
 							size: 16,
-							className: "text-muted-foreground"
+							className: "text-text-secondary"
 						}), /* @__PURE__ */ T("span", {
 							className: "text-sm font-medium",
-							children: k("movethewheels.orders.filters.label", "Filters:")
+							children: A("movethewheels.orders.filters.label", "Filters:")
 						})]
 					}),
 					/* @__PURE__ */ E(r, {
-						value: M,
-						onValueChange: (e) => N(e),
+						value: N,
+						onValueChange: (e) => P(e),
 						children: [/* @__PURE__ */ T(n, {
 							className: "w-[180px]",
-							children: /* @__PURE__ */ T(i, { placeholder: k("movethewheels.orders.filters.status", "Status") })
-						}), /* @__PURE__ */ T(e, { children: H.map((e) => /* @__PURE__ */ T(t, {
+							children: /* @__PURE__ */ T(i, { placeholder: A("movethewheels.orders.filters.status", "Status") })
+						}), /* @__PURE__ */ T(e, { children: U.map((e) => /* @__PURE__ */ T(t, {
 							value: e.value,
 							children: e.label
 						}, e.value)) })]
 					}),
 					/* @__PURE__ */ E(r, {
-						value: P,
-						onValueChange: (e) => F(e),
+						value: F,
+						onValueChange: (e) => I(e),
 						children: [/* @__PURE__ */ T(n, {
 							className: "w-[150px]",
-							children: /* @__PURE__ */ T(i, { placeholder: k("movethewheels.orders.filters.type", "Type") })
+							children: /* @__PURE__ */ T(i, { placeholder: A("movethewheels.orders.filters.type", "Type") })
 						}), /* @__PURE__ */ E(e, { children: [
 							/* @__PURE__ */ T(t, {
 								value: "all",
-								children: k("movethewheels.orders.filters.allTypes", "All Types")
+								children: A("movethewheels.orders.filters.allTypes", "All Types")
 							}),
 							/* @__PURE__ */ T(t, {
 								value: "b2b",
@@ -230,28 +229,28 @@ function O() {
 							})
 						] })]
 					}),
-					(M !== "all" || P !== "all") && /* @__PURE__ */ T(l, {
+					(N !== "all" || F !== "all") && /* @__PURE__ */ T(l, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => {
-							N("all"), F("all");
+							P("all"), I("all");
 						},
-						children: k("movethewheels.orders.filters.clear", "Clear filters")
+						children: A("movethewheels.orders.filters.clear", "Clear filters")
 					})
 				]
 			})
 		}) }), /* @__PURE__ */ T(u, {
-			columns: V,
-			data: I,
-			isLoading: R,
+			columns: H,
+			data: L,
+			isLoading: z,
 			searchable: !0,
-			searchPlaceholder: k("movethewheels.orders.searchPlaceholder", "Search orders..."),
+			searchPlaceholder: A("movethewheels.orders.searchPlaceholder", "Search orders..."),
 			searchFields: ["orderNumber", "customerInfo"],
-			onRowClick: (e) => B(`orders/${e.id}`),
+			onRowClick: (e) => V(`orders/${e.id}`),
 			getRowId: (e) => e.id,
-			emptyMessage: k("movethewheels.orders.empty", "No orders found")
+			emptyMessage: A("movethewheels.orders.empty", "No orders found")
 		})]
 	});
 }
 //#endregion
-export { O as default };
+export { k as default };