@burdenoff/microfe-movethewheels 2026.510.105

package/dist/OrderDetailsPage-BIuYG0ub.js

@@ -0,0 +1,398 @@
+import { G as e, H as t, K as n, U as r, W as i, d as a, f as o, g as s, h as c, i as l, it as u, l as d, n as f, q as p, r as m, u as h, z as g } from "./PageLayout-B7b0vl0R.js";
+import { t as _ } from "./arrow-left-6CiLhqVp.js";
+import { t as v } from "./circle-check-big-D-JMHcTe.js";
+import { t as y } from "./clock-CvwBKbQP.js";
+import { t as b } from "./dollar-sign-CP9qeU5d.js";
+import { t as x } from "./file-text-Dd_thxkn.js";
+import { n as S, t as C } from "./phone-KdwpVmC4.js";
+import { t as w } from "./map-pin-CFBOmh-A.js";
+import { t as T } from "./package-DVZbDRcV.js";
+import { t as E } from "./square-pen-BwQ67vLE.js";
+import { t as D } from "./truck-BmDAzu05.js";
+import { t as O } from "./user-BplzDrLP.js";
+import { r as k } from "./graphqlClient-CdJyR_ed.js";
+import { t as A } from "./useOrders-D_3_hGMp.js";
+import { i as j, n as M, r as N, t as P } from "./StatusBadge-BrrwraIA.js";
+import { n as F, r as I, t as L } from "./formatters-_vJlC-47.js";
+import { t as R } from "./navigation-BgnOfsVd.js";
+import { useParams as z } from "react-router-dom";
+import { jsx as B, jsxs as V } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/printer.js
+var H = u("Printer", [
+	["path", {
+		d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
+		key: "143wyd"
+	}],
+	["path", {
+		d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
+		key: "1itne7"
+	}],
+	["rect", {
+		x: "6",
+		y: "14",
+		width: "12",
+		height: "8",
+		rx: "1",
+		key: "1ue0tg"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/OrderDetailsPage.tsx
+function U() {
+	let { orderId: u } = z(), { basePath: U, navigate: W } = k(), { order: G, isLoading: K, error: q, refetch: J } = A(u), Y = (e) => {
+		W && W(R(U, e));
+	};
+	return K ? /* @__PURE__ */ B(m, { message: "Loading order details..." }) : q || !G ? /* @__PURE__ */ B(f, {
+		title: "Order not found",
+		message: "The order you're looking for doesn't exist or has been removed.",
+		onRetry: J
+	}) : /* @__PURE__ */ B(l, {
+		title: G.orderNumber,
+		subtitle: `Created ${I(G.createdAt, "full")}`,
+		icon: /* @__PURE__ */ B(T, { size: 24 }),
+		headerActions: /* @__PURE__ */ V("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ V(h, {
+					variant: "outline",
+					onClick: () => {
+						W && W(R(U, "orders"));
+					},
+					children: [/* @__PURE__ */ B(_, { size: 16 }), "Back"]
+				}),
+				/* @__PURE__ */ V(h, {
+					variant: "outline",
+					children: [/* @__PURE__ */ B(H, { size: 16 }), "Print"]
+				}),
+				/* @__PURE__ */ V(h, {
+					onClick: () => Y(`orders/${u}/edit`),
+					children: [/* @__PURE__ */ B(E, { size: 16 }), "Edit"]
+				})
+			]
+		}),
+		headerContent: /* @__PURE__ */ V("div", {
+			className: "flex flex-wrap gap-2",
+			children: [
+				/* @__PURE__ */ B(N, {
+					status: G.status,
+					type: "order"
+				}),
+				/* @__PURE__ */ B(M, { priority: G.priority }),
+				/* @__PURE__ */ B(j, { type: G.orderType }),
+				/* @__PURE__ */ B(P, { status: G.pricing.paymentStatus })
+			]
+		}),
+		children: /* @__PURE__ */ V("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ V("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(O, { size: 18 }), "Customer Information"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ V("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+						children: [/* @__PURE__ */ V("div", { children: [
+							/* @__PURE__ */ B("h4", {
+								className: "font-medium mb-2",
+								children: G.customerInfo.name
+							}),
+							G.customerInfo.company && /* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground mb-2",
+								children: G.customerInfo.company
+							}),
+							/* @__PURE__ */ V("div", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ V("p", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ B(S, {
+										size: 14,
+										className: "text-muted-foreground"
+									}), G.customerInfo.email]
+								}), /* @__PURE__ */ V("p", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ B(C, {
+										size: 14,
+										className: "text-muted-foreground"
+									}), G.customerInfo.phone]
+								})]
+							})
+						] }), /* @__PURE__ */ V("div", { children: [G.customerInfo.preferredDeliveryTime && /* @__PURE__ */ V("div", {
+							className: "mb-2",
+							children: [/* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Preferred Delivery Time"
+							}), /* @__PURE__ */ B("p", {
+								className: "text-sm",
+								children: G.customerInfo.preferredDeliveryTime
+							})]
+						}), G.customerInfo.deliveryInstructions && /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Delivery Instructions"
+						}), /* @__PURE__ */ B("p", {
+							className: "text-sm",
+							children: G.customerInfo.deliveryInstructions
+						})] })] })]
+					}) })] }),
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(w, { size: 18 }), "Addresses"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ V("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+						children: [/* @__PURE__ */ V("div", { children: [
+							/* @__PURE__ */ B("h4", {
+								className: "font-medium mb-2 flex items-center gap-2",
+								children: /* @__PURE__ */ B(d, {
+									variant: "outline",
+									children: "Pickup"
+								})
+							}),
+							/* @__PURE__ */ B("p", {
+								className: "text-sm",
+								children: L(G.pickupAddress)
+							}),
+							G.scheduledPickup && /* @__PURE__ */ V("p", {
+								className: "text-sm text-muted-foreground mt-2",
+								children: ["Scheduled: ", I(G.scheduledPickup, "full")]
+							}),
+							G.actualPickup && /* @__PURE__ */ V("p", {
+								className: "text-sm text-green-600 mt-1",
+								children: [
+									/* @__PURE__ */ B(v, {
+										size: 14,
+										className: "inline mr-1"
+									}),
+									"Picked up: ",
+									I(G.actualPickup, "full")
+								]
+							})
+						] }), /* @__PURE__ */ V("div", { children: [
+							/* @__PURE__ */ B("h4", {
+								className: "font-medium mb-2 flex items-center gap-2",
+								children: /* @__PURE__ */ B(d, {
+									variant: "outline",
+									children: "Delivery"
+								})
+							}),
+							/* @__PURE__ */ B("p", {
+								className: "text-sm",
+								children: L(G.deliveryAddress)
+							}),
+							G.scheduledDelivery && /* @__PURE__ */ V("p", {
+								className: "text-sm text-muted-foreground mt-2",
+								children: ["Scheduled: ", I(G.scheduledDelivery, "full")]
+							}),
+							G.actualDelivery && /* @__PURE__ */ V("p", {
+								className: "text-sm text-green-600 mt-1",
+								children: [
+									/* @__PURE__ */ B(v, {
+										size: 14,
+										className: "inline mr-1"
+									}),
+									"Delivered: ",
+									I(G.actualDelivery, "full")
+								]
+							})
+						] })]
+					}) })] }),
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ B(T, { size: 18 }),
+							"Order Items (",
+							G.items.length,
+							")"
+						]
+					}) }), /* @__PURE__ */ B(o, {
+						className: "p-0",
+						children: /* @__PURE__ */ V(t, { children: [/* @__PURE__ */ B(n, { children: /* @__PURE__ */ V(p, { children: [
+							/* @__PURE__ */ B(e, { children: "Item" }),
+							/* @__PURE__ */ B(e, { children: "SKU" }),
+							/* @__PURE__ */ B(e, {
+								className: "text-center",
+								children: "Qty"
+							}),
+							/* @__PURE__ */ B(e, {
+								className: "text-right",
+								children: "Unit Price"
+							}),
+							/* @__PURE__ */ B(e, {
+								className: "text-right",
+								children: "Total"
+							})
+						] }) }), /* @__PURE__ */ B(r, { children: G.items.map((e) => /* @__PURE__ */ V(p, { children: [
+							/* @__PURE__ */ B(i, { children: /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
+								className: "font-medium",
+								children: e.name
+							}), e.description && /* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description
+							})] }) }),
+							/* @__PURE__ */ B(i, {
+								className: "font-mono text-sm",
+								children: e.sku
+							}),
+							/* @__PURE__ */ B(i, {
+								className: "text-center",
+								children: e.quantity
+							}),
+							/* @__PURE__ */ B(i, {
+								className: "text-right",
+								children: F(e.value)
+							}),
+							/* @__PURE__ */ B(i, {
+								className: "text-right font-medium",
+								children: F(e.value * e.quantity)
+							})
+						] }, e.id)) })] })
+					})] }),
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(y, { size: 18 }), "Order Timeline"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ B("div", {
+						className: "relative",
+						children: G.timeline.map((e, t) => /* @__PURE__ */ V("div", {
+							className: "flex gap-4 pb-6 last:pb-0",
+							children: [/* @__PURE__ */ V("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ B("div", { className: "w-3 h-3 rounded-full bg-primary mt-1.5" }), t < G.timeline.length - 1 && /* @__PURE__ */ B("div", { className: "absolute top-4 left-1.5 w-px h-full -ml-px bg-border" })]
+							}), /* @__PURE__ */ V("div", {
+								className: "flex-1",
+								children: [
+									/* @__PURE__ */ V("div", {
+										className: "flex items-center gap-2 mb-1",
+										children: [/* @__PURE__ */ B(N, {
+											status: e.status,
+											type: "order",
+											size: "sm"
+										}), /* @__PURE__ */ B("span", {
+											className: "text-sm text-muted-foreground",
+											children: I(e.timestamp, "full")
+										})]
+									}),
+									e.notes && /* @__PURE__ */ B("p", {
+										className: "text-sm",
+										children: e.notes
+									}),
+									/* @__PURE__ */ V("p", {
+										className: "text-xs text-muted-foreground",
+										children: ["by ", e.performedBy]
+									})
+								]
+							})]
+						}, t))
+					}) })] })
+				]
+			}), /* @__PURE__ */ V("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(b, { size: 18 }), "Order Summary"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ V("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ V("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground",
+									children: "Subtotal"
+								}), /* @__PURE__ */ B("span", { children: F(G.pricing.subtotal) })]
+							}),
+							/* @__PURE__ */ V("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground",
+									children: "Delivery"
+								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.delivery) })]
+							}),
+							/* @__PURE__ */ V("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground",
+									children: "Handling"
+								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.handling) })]
+							}),
+							G.pricing.fees.insurance && /* @__PURE__ */ V("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground",
+									children: "Insurance"
+								}), /* @__PURE__ */ B("span", { children: F(G.pricing.fees.insurance) })]
+							}),
+							/* @__PURE__ */ V("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ B("span", {
+									className: "text-muted-foreground",
+									children: "Taxes"
+								}), /* @__PURE__ */ B("span", { children: F(G.pricing.taxes) })]
+							}),
+							/* @__PURE__ */ B(g, {}),
+							/* @__PURE__ */ V("div", {
+								className: "flex justify-between font-medium",
+								children: [/* @__PURE__ */ B("span", { children: "Total" }), /* @__PURE__ */ B("span", {
+									className: "text-lg",
+									children: F(G.pricing.total)
+								})]
+							}),
+							/* @__PURE__ */ V("div", {
+								className: "pt-2",
+								children: [/* @__PURE__ */ B("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Payment Method"
+								}), /* @__PURE__ */ B("p", {
+									className: "text-sm capitalize",
+									children: G.pricing.paymentMethod.replace("_", " ")
+								})]
+							})
+						]
+					}) })] }),
+					/* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(D, { size: 18 }), "Assignment"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ V("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Driver"
+							}), /* @__PURE__ */ B("p", {
+								className: "text-sm",
+								children: G.driverId || "Not assigned"
+							})] }),
+							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Vehicle"
+							}), /* @__PURE__ */ B("p", {
+								className: "text-sm",
+								children: G.vehicleId || "Not assigned"
+							})] }),
+							/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Tracking Number"
+							}), /* @__PURE__ */ B("p", {
+								className: "text-sm font-mono",
+								children: G.trackingNumber
+							})] }),
+							/* @__PURE__ */ V(h, {
+								variant: "outline",
+								className: "w-full",
+								onClick: () => Y(`tracking?order=${G.id}`),
+								children: [/* @__PURE__ */ B(w, { size: 16 }), "Track Order"]
+							})
+						]
+					}) })] }),
+					G.specialInstructions && /* @__PURE__ */ V(a, { children: [/* @__PURE__ */ B(c, { children: /* @__PURE__ */ V(s, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ B(x, { size: 18 }), "Special Instructions"]
+					}) }), /* @__PURE__ */ B(o, { children: /* @__PURE__ */ B("p", {
+						className: "text-sm",
+						children: G.specialInstructions
+					}) })] })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { U as default };

package/dist/OrdersListPage-CW5V0Uvh.js

@@ -0,0 +1,257 @@
+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-B7b0vl0R.js";
+import { t as u } from "./DataTable-CRIKfdIN.js";
+import { t as d } from "./download-CIuG04pJ.js";
+import { t as f } from "./filter-DyRMX9CU.js";
+import { t as p } from "./package-DVZbDRcV.js";
+import { t as m } from "./plus-Bl7uX6Ji.js";
+import { t as h } from "./refresh-cw-BYjl3K-8.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-BrrwraIA.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";
+//#region src/movethewheels/pages/OrdersListPage.tsx
+function O() {
+	let { t: O } = D(), k = (e, t) => {
+		let n = O(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 } = _({
+		filters: {
+			status: M === "all" ? void 0 : M,
+			orderType: P === "all" ? void 0 : P
+		},
+		limit: 50
+	}), B = (e) => {
+		j && j(C(A, e));
+	}, V = [
+		{
+			id: "orderNumber",
+			header: k("movethewheels.orders.table.orderNumber", "Order #"),
+			accessorKey: "orderNumber",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ T("span", {
+				className: "font-medium text-primary",
+				children: e.orderNumber
+			})
+		},
+		{
+			id: "customer",
+			header: k("movethewheels.orders.table.customer", "Customer"),
+			className: "min-w-[180px] max-w-[220px]",
+			cell: (e) => /* @__PURE__ */ E("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ T("p", {
+					className: "font-medium truncate",
+					children: e.customerInfo.name
+				}), /* @__PURE__ */ T("p", {
+					className: "text-sm text-muted-foreground truncate",
+					children: e.customerInfo.email
+				})]
+			})
+		},
+		{
+			id: "status",
+			header: k("movethewheels.orders.table.status", "Status"),
+			accessorKey: "status",
+			sortable: !0,
+			className: "min-w-[130px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ T(b, {
+				status: e.status,
+				type: "order"
+			})
+		},
+		{
+			id: "type",
+			header: k("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"),
+			accessorKey: "priority",
+			sortable: !0,
+			className: "min-w-[90px] whitespace-nowrap",
+			cell: (e) => /* @__PURE__ */ T(y, { priority: e.priority })
+		},
+		{
+			id: "items",
+			header: k("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")
+				]
+			})
+		},
+		{
+			id: "total",
+			header: k("movethewheels.orders.table.total", "Total"),
+			accessorKey: "pricing",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap text-right",
+			cell: (e) => /* @__PURE__ */ T("span", {
+				className: "font-medium",
+				children: x(e.pricing.total)
+			})
+		},
+		{
+			id: "scheduledDelivery",
+			header: k("movethewheels.orders.table.deliveryDate", "Delivery Date"),
+			accessorKey: "scheduledDelivery",
+			sortable: !0,
+			className: "min-w-[110px] whitespace-nowrap",
+			cell: (e) => e.scheduledDelivery ? S(e.scheduledDelivery) : "-"
+		},
+		{
+			id: "createdAt",
+			header: k("movethewheels.orders.table.created", "Created"),
+			accessorKey: "createdAt",
+			sortable: !0,
+			className: "min-w-[100px] whitespace-nowrap",
+			cell: (e) => S(e.createdAt, "relative")
+		}
+	], H = [
+		{
+			value: "all",
+			label: k("movethewheels.orders.filters.allStatuses", "All Statuses")
+		},
+		{
+			value: "pending",
+			label: k("movethewheels.orders.status.pending", "Pending")
+		},
+		{
+			value: "confirmed",
+			label: k("movethewheels.orders.status.confirmed", "Confirmed")
+		},
+		{
+			value: "assigned",
+			label: k("movethewheels.orders.status.assigned", "Assigned")
+		},
+		{
+			value: "picked_up",
+			label: k("movethewheels.orders.status.pickedUp", "Picked Up")
+		},
+		{
+			value: "in_transit",
+			label: k("movethewheels.orders.status.inTransit", "In Transit")
+		},
+		{
+			value: "out_for_delivery",
+			label: k("movethewheels.orders.status.outForDelivery", "Out for Delivery")
+		},
+		{
+			value: "delivered",
+			label: k("movethewheels.orders.status.delivered", "Delivered")
+		},
+		{
+			value: "cancelled",
+			label: k("movethewheels.orders.status.cancelled", "Cancelled")
+		},
+		{
+			value: "failed",
+			label: k("movethewheels.orders.status.failed", "Failed")
+		}
+	];
+	return /* @__PURE__ */ E(s, {
+		title: k("movethewheels.orders.title", "Orders"),
+		subtitle: `${L} ${k("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")]
+				})
+			]
+		}),
+		children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(o, {
+			className: "p-4",
+			children: /* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-4",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T(f, {
+							size: 16,
+							className: "text-muted-foreground"
+						}), /* @__PURE__ */ T("span", {
+							className: "text-sm font-medium",
+							children: k("movethewheels.orders.filters.label", "Filters:")
+						})]
+					}),
+					/* @__PURE__ */ E(r, {
+						value: M,
+						onValueChange: (e) => N(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, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					}),
+					/* @__PURE__ */ E(r, {
+						value: P,
+						onValueChange: (e) => F(e),
+						children: [/* @__PURE__ */ T(n, {
+							className: "w-[150px]",
+							children: /* @__PURE__ */ T(i, { placeholder: k("movethewheels.orders.filters.type", "Type") })
+						}), /* @__PURE__ */ E(e, { children: [
+							/* @__PURE__ */ T(t, {
+								value: "all",
+								children: k("movethewheels.orders.filters.allTypes", "All Types")
+							}),
+							/* @__PURE__ */ T(t, {
+								value: "b2b",
+								children: "B2B"
+							}),
+							/* @__PURE__ */ T(t, {
+								value: "b2c",
+								children: "B2C"
+							})
+						] })]
+					}),
+					(M !== "all" || P !== "all") && /* @__PURE__ */ T(l, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							N("all"), F("all");
+						},
+						children: k("movethewheels.orders.filters.clear", "Clear filters")
+					})
+				]
+			})
+		}) }), /* @__PURE__ */ T(u, {
+			columns: V,
+			data: I,
+			isLoading: R,
+			searchable: !0,
+			searchPlaceholder: k("movethewheels.orders.searchPlaceholder", "Search orders..."),
+			searchFields: ["orderNumber", "customerInfo"],
+			onRowClick: (e) => B(`orders/${e.id}`),
+			getRowId: (e) => e.id,
+			emptyMessage: k("movethewheels.orders.empty", "No orders found")
+		})]
+	});
+}
+//#endregion
+export { O as default };