@burdenoff/microfe-movethewheels 2026.920.3 → 2026.923.1

package/dist/pages/OrderDetailsPage.js

@@ -11,25 +11,26 @@ import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/packag
 import { Phone as ae } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
 import { Printer as a } from "../node_modules/lucide-react/dist/esm/icons/printer.js";
 import { SquarePen as o } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
-import { Truck as oe } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as se } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { User as ce } from "../node_modules/lucide-react/dist/esm/icons/user.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as le } from "../providers/MoveTheWheelsProvider.js";
-import { useOrder as ue, useOrders as de } from "../hooks/useOrders.js";
-import { useFleet as fe } from "../hooks/useFleet.js";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Label as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y, Separator as b, Table as pe, TableBody as me, TableCell as x, TableHead as S, TableHeader as he, TableRow as C } from "../components/ui.js";
+import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { UserCheck as oe } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { User as se } from "../node_modules/lucide-react/dist/esm/icons/user.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { useMoveTheWheels as ce } from "../providers/MoveTheWheelsProvider.js";
+import { useOrder as le, useOrders as ue } from "../hooks/useOrders.js";
+import { useFleet as l } from "../hooks/useFleet.js";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as de, Label as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as fe, SelectValue as b, Separator as x, Table as pe, TableBody as me, TableCell as S, TableHead as C, TableHeader as he, TableRow as w } from "../components/ui.js";
 import { ErrorState as ge, LoadingState as _e, PageLayout as ve } from "../components/PageLayout.js";
-import { PaymentStatusBadge as ye, PriorityBadge as be, StatusBadge as w } from "../components/StatusBadge.js";
+import { PaymentStatusBadge as ye, PriorityBadge as be, StatusBadge as T } from "../components/StatusBadge.js";
 import { FormError as xe } from "../components/FormError.js";
-import { Notice as Se, useNotice as T } from "../components/Notice.js";
+import { Notice as Se, useNotice as Ce } from "../components/Notice.js";
 import { formatAddress as E, formatCurrency as D, formatDate as O } from "../utils/formatters.js";
-import { DocumentsCard as Ce } from "../components/DocumentsCard.js";
-import { ProofOfDeliveryCard as we } from "../components/ProofOfDeliveryCard.js";
-import { useState as k } from "react";
-import { useParams as Te } from "react-router";
+import { DocumentsCard as we } from "../components/DocumentsCard.js";
+import { useDebouncedValue as Te } from "../hooks/useDebouncedValue.js";
+import { ProofOfDeliveryCard as Ee } from "../components/ProofOfDeliveryCard.js";
+import { useEffect as De, useState as k } from "react";
+import { useParams as Oe } from "react-router";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { EmphasisPanel as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as ke, NextSteps as Ae, PagePurpose as je } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx
 var M = [
 	"pending",
@@ -50,42 +51,68 @@ var M = [
 	cancelled: "Cancelled",
 	failed: "Failed"
 };
-function ke(e) {
+function Me(e) {
 	let t = M.indexOf(e);
 	return t === -1 || t >= M.length - 1 ? null : M[t + 1];
 }
 function P() {
-	let { orderId: M } = Te(), { basePath: P, navigate: F } = le(), { order: I, isLoading: Ae, error: je, refetch: L } = ue(M), { updateOrder: Me, updateOrderStatus: Ne } = de(), { vehicles: Pe, drivers: Fe } = fe(), { message: R, notify: z } = T(), [B, V] = k(""), [H, U] = k(""), [W, G] = k(!1), [K, q] = k(!1), [J, Y] = k(null), X = Pe.filter((e) => e.status === "available" || e.id === I?.vehicleId), Z = Fe.filter((e) => e.status === "available" || e.id === I?.driverId), Ie = async () => {
-		if (!M || !B && !H) {
-			Y("Pick a vehicle and/or a driver to assign.");
+	let { orderId: M } = Oe(), { basePath: P, navigate: F } = ce(), { order: I, isLoading: Ne, error: Pe, refetch: L } = le(M), { updateOrder: Fe, updateOrderStatus: Ie } = ue(), [R, Le] = k(""), [z, B] = k(""), [V, H] = k(""), [U, W] = k(!1), [G, K] = k(!1), [q, J] = k(null), Y = Te(R), { vehicles: X, isLoading: Z } = l({
+		limit: 20,
+		filters: {
+			search: Y || void 0,
+			driverId: V || void 0
+		}
+	}), { drivers: Q, isLoading: Re } = l({
+		limit: 20,
+		filters: {
+			search: Y || void 0,
+			vehicleId: z || void 0
+		}
+	}), { message: ze, notify: Be } = Ce(), Ve = X.filter((e) => e.status === "available" || e.id === I?.vehicleId), He = Q.filter((e) => e.status === "available" || e.id === I?.driverId);
+	De(() => {
+		!Re && V && !Q.some((e) => e.id === V) && H("");
+	}, [
+		Q,
+		Re,
+		V
+	]), De(() => {
+		!Z && z && !X.some((e) => e.id === z) && B("");
+	}, [
+		z,
+		X,
+		Z
+	]);
+	let Ue = async () => {
+		if (!M || !z && !V) {
+			J("Pick a vehicle and/or a driver to assign.");
 			return;
 		}
-		G(!0), Y(null);
+		W(!0), J(null);
 		try {
-			await Me(M, {
-				vehicleId: B || void 0,
-				driverId: H || void 0
-			}), z("Assignment updated."), V(""), U(""), L();
+			await Fe(M, {
+				vehicleId: z || void 0,
+				driverId: V || void 0
+			}), Be("Assignment updated."), B(""), H(""), L();
 		} catch (e) {
-			Y(e instanceof Error ? e.message : "Failed to update assignment.");
+			J(e instanceof Error ? e.message : "Failed to update assignment.");
 		} finally {
-			G(!1);
+			W(!1);
 		}
-	}, Q = async (e, t) => {
+	}, We = async (e, t) => {
 		if (M) {
-			q(!0), Y(null);
+			K(!0), J(null);
 			try {
-				await Ne(M, e), z(t), L();
+				await Ie(M, e), Be(t), L();
 			} catch (e) {
-				Y(e instanceof Error ? e.message : "Failed to update status.");
+				J(e instanceof Error ? e.message : "Failed to update status.");
 			} finally {
-				q(!1);
+				K(!1);
 			}
 		}
 	}, $ = (e) => {
-		F && F(s(P, e));
+		F && F(c(P, e));
 	};
-	return Ae ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : je || !I ? /* @__PURE__ */ A(ge, {
+	return Ne ? /* @__PURE__ */ A(_e, { message: "Loading order details..." }) : Pe || !I ? /* @__PURE__ */ A(ge, {
 		title: "Order not found",
 		message: "The order you're looking for doesn't exist or has been removed.",
 		onRetry: L
@@ -96,18 +123,19 @@ function P() {
 		headerActions: /* @__PURE__ */ j("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ j(d, {
 					variant: "outline",
 					onClick: () => {
-						F && F(s(P, "orders"));
+						F && F(c(P, "orders"));
 					},
 					children: [/* @__PURE__ */ A(e, { size: 16 }), "Back"]
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ j(d, {
 					variant: "outline",
+					onClick: () => window.print(),
 					children: [/* @__PURE__ */ A(a, { size: 16 }), "Print"]
 				}),
-				/* @__PURE__ */ j(l, {
+				/* @__PURE__ */ j(d, {
 					onClick: () => $(`orders/${M}/edit`),
 					children: [/* @__PURE__ */ A(o, { size: 16 }), "Edit"]
 				})
@@ -116,7 +144,7 @@ function P() {
 		headerContent: /* @__PURE__ */ j("div", {
 			className: "flex flex-wrap gap-2",
 			children: [
-				/* @__PURE__ */ A(w, {
+				/* @__PURE__ */ A(T, {
 					status: I.status,
 					type: "order"
 				}),
@@ -125,11 +153,11 @@ function P() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ A(Oe, {
+			/* @__PURE__ */ A(je, {
 				icon: /* @__PURE__ */ A(i, { size: 18 }),
 				children: "Everything about this one delivery in a single place — who it's for, where it's going, what's inside, the running cost and the full status history. Use this page to review the order, hand it to a driver, print the docket, or jump into live tracking."
 			}),
-			/* @__PURE__ */ A(De, {
+			/* @__PURE__ */ A(Ae, {
 				storageKey: "movethewheels-order-details",
 				steps: [
 					{
@@ -160,10 +188,10 @@ function P() {
 				children: [/* @__PURE__ */ j("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(ce, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ A(se, { size: 18 }), "Customer Information"]
+						}) }), /* @__PURE__ */ A(p, { children: /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ j("div", { children: [
 								/* @__PURE__ */ A("h4", {
@@ -207,15 +235,15 @@ function P() {
 								children: I.customerInfo.deliveryInstructions
 							})] })] })]
 						}) })] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A(r, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+						}) }), /* @__PURE__ */ A(p, { children: /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
 							children: [/* @__PURE__ */ j("div", { children: [
 								/* @__PURE__ */ A("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ A(c, {
+									children: /* @__PURE__ */ A(u, {
 										variant: "outline",
 										children: "Pickup"
 									})
@@ -242,7 +270,7 @@ function P() {
 							] }), /* @__PURE__ */ j("div", { children: [
 								/* @__PURE__ */ A("h4", {
 									className: "font-medium mb-2 flex items-center gap-2",
-									children: /* @__PURE__ */ A(c, {
+									children: /* @__PURE__ */ A(u, {
 										variant: "outline",
 										children: "Delivery"
 									})
@@ -268,7 +296,51 @@ function P() {
 								})
 							] })]
 						}) })] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ A(s, { size: 18 }), "Saved Route"]
+						}) }), /* @__PURE__ */ A(p, { children: I.route ? /* @__PURE__ */ j("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex items-center justify-between gap-3",
+								children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "font-medium",
+									children: I.route.name
+								}), /* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										I.route.stops.length,
+										" stops ·",
+										" ",
+										I.route.status.replace("_", " ").toLowerCase()
+									]
+								})] }), /* @__PURE__ */ A(u, {
+									variant: "outline",
+									children: "Reusable route"
+								})]
+							}), /* @__PURE__ */ A("div", {
+								className: "space-y-2",
+								children: I.route.stops.map((e, t) => /* @__PURE__ */ j("div", {
+									className: "flex items-start gap-2 text-sm",
+									children: [/* @__PURE__ */ j("span", {
+										className: "text-text-secondary",
+										children: [t + 1, "."]
+									}), /* @__PURE__ */ j("span", { children: [
+										/* @__PURE__ */ A("span", {
+											className: "font-medium capitalize",
+											children: e.type
+										}),
+										" ·",
+										" ",
+										E(e.address)
+									] })]
+								}, e.id))
+							})]
+						}) : /* @__PURE__ */ A("p", {
+							className: "text-sm text-text-secondary",
+							children: "No saved route was selected for this order."
+						}) })] }),
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
 							children: [
 								/* @__PURE__ */ A(i, { size: 18 }),
@@ -276,53 +348,53 @@ function P() {
 								I.items.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ A(d, {
+						}) }), /* @__PURE__ */ A(p, {
 							className: "p-0",
-							children: /* @__PURE__ */ j(pe, { children: [/* @__PURE__ */ A(he, { children: /* @__PURE__ */ j(C, { children: [
-								/* @__PURE__ */ A(S, { children: "Item" }),
-								/* @__PURE__ */ A(S, { children: "SKU" }),
-								/* @__PURE__ */ A(S, {
+							children: /* @__PURE__ */ j(pe, { children: [/* @__PURE__ */ A(he, { children: /* @__PURE__ */ j(w, { children: [
+								/* @__PURE__ */ A(C, { children: "Item" }),
+								/* @__PURE__ */ A(C, { children: "SKU" }),
+								/* @__PURE__ */ A(C, {
 									className: "text-center",
 									children: "Qty"
 								}),
-								/* @__PURE__ */ A(S, {
+								/* @__PURE__ */ A(C, {
 									className: "text-right",
 									children: "Unit Price"
 								}),
-								/* @__PURE__ */ A(S, {
+								/* @__PURE__ */ A(C, {
 									className: "text-right",
 									children: "Total"
 								})
-							] }) }), /* @__PURE__ */ A(me, { children: I.items.map((e) => /* @__PURE__ */ j(C, { children: [
-								/* @__PURE__ */ A(x, { children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+							] }) }), /* @__PURE__ */ A(me, { children: I.items.map((e) => /* @__PURE__ */ j(w, { children: [
+								/* @__PURE__ */ A(S, { children: /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "font-medium",
 									children: e.name
 								}), e.description && /* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] }) }),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ A(S, {
 									className: "font-mono text-sm",
 									children: e.sku
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ A(S, {
 									className: "text-center",
 									children: e.quantity
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ A(S, {
 									className: "text-right",
 									children: D(e.value)
 								}),
-								/* @__PURE__ */ A(x, {
+								/* @__PURE__ */ A(S, {
 									className: "text-right font-medium",
 									children: D(e.value * e.quantity)
 								})
 							] }, e.id)) })] })
 						})] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A(te, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ A("div", {
+						}) }), /* @__PURE__ */ A(p, { children: /* @__PURE__ */ A("div", {
 							className: "relative",
 							children: I.timeline.map((e, t) => /* @__PURE__ */ j("div", {
 								className: "flex gap-4 pb-6 last:pb-0",
@@ -334,7 +406,7 @@ function P() {
 									children: [
 										/* @__PURE__ */ j("div", {
 											className: "flex items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ A(w, {
+											children: [/* @__PURE__ */ A(T, {
 												status: e.status,
 												type: "order",
 												size: "sm"
@@ -359,7 +431,7 @@ function P() {
 				}), /* @__PURE__ */ j("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ j(Ee, { children: [/* @__PURE__ */ j("h2", {
+						/* @__PURE__ */ j(ke, { children: [/* @__PURE__ */ j("h2", {
 							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
 							children: [/* @__PURE__ */ A(ne, { size: 18 }), "Order Summary"]
 						}), /* @__PURE__ */ j("div", {
@@ -400,7 +472,7 @@ function P() {
 										children: "Taxes"
 									}), /* @__PURE__ */ A("span", { children: D(I.pricing.taxes) })]
 								}),
-								/* @__PURE__ */ A(b, {}),
+								/* @__PURE__ */ A(x, {}),
 								/* @__PURE__ */ j("div", {
 									className: "flex justify-between font-medium",
 									children: [/* @__PURE__ */ A("span", { children: "Total" }), /* @__PURE__ */ A("span", {
@@ -420,14 +492,14 @@ function P() {
 								})
 							]
 						})] }),
-						/* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A(oe, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ j("div", {
+							children: [/* @__PURE__ */ A(s, { size: 18 }), "Assignment"]
+						}) }), /* @__PURE__ */ A(p, { children: /* @__PURE__ */ j("div", {
 							className: "space-y-4",
 							children: [
-								J && /* @__PURE__ */ A(xe, { message: J }),
-								R && /* @__PURE__ */ A(Se, { message: R }),
+								q && /* @__PURE__ */ A(xe, { message: q }),
+								ze && /* @__PURE__ */ A(Se, { message: ze }),
 								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
 									className: "text-sm text-text-secondary",
 									children: "Tracking Number"
@@ -435,26 +507,38 @@ function P() {
 									className: "text-sm font-mono",
 									children: I.trackingNumber || "—"
 								})] }),
-								/* @__PURE__ */ A(b, {}),
+								/* @__PURE__ */ A(x, {}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-3",
 									children: [
 										/* @__PURE__ */ j("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ A(g, {
+												htmlFor: "assign-fleet-search",
+												children: "Search fleet"
+											}), /* @__PURE__ */ A(de, {
+												id: "assign-fleet-search",
+												value: R,
+												onChange: (e) => Le(e.target.value),
+												placeholder: "Vehicle number, driver name or ID"
+											})]
+										}),
+										/* @__PURE__ */ j("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ A(g, {
 												htmlFor: "assign-vehicle",
 												children: "Vehicle"
-											}), /* @__PURE__ */ j(h, {
-												value: B,
-												onValueChange: V,
-												children: [/* @__PURE__ */ A(v, {
+											}), /* @__PURE__ */ j(_, {
+												value: z,
+												onValueChange: B,
+												children: [/* @__PURE__ */ A(fe, {
 													id: "assign-vehicle",
-													children: /* @__PURE__ */ A(y, { placeholder: I.vehicleId ? `Current: ${I.vehicleId}` : "Select a vehicle" })
-												}), /* @__PURE__ */ A(g, { children: X.length === 0 ? /* @__PURE__ */ A(_, {
+													children: /* @__PURE__ */ A(b, { placeholder: I.vehicleId ? `Current: ${I.vehicleId}` : "Select a vehicle" })
+												}), /* @__PURE__ */ A(v, { children: Ve.length === 0 ? /* @__PURE__ */ A(y, {
 													value: "none",
 													disabled: !0,
 													children: "No available vehicles"
-												}) : X.map((e) => /* @__PURE__ */ j(_, {
+												}) : Ve.map((e) => /* @__PURE__ */ j(y, {
 													value: e.id,
 													children: [
 														e.vehicleNumber,
@@ -467,20 +551,20 @@ function P() {
 										}),
 										/* @__PURE__ */ j("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ A(m, {
+											children: [/* @__PURE__ */ A(g, {
 												htmlFor: "assign-driver",
 												children: "Driver"
-											}), /* @__PURE__ */ j(h, {
-												value: H,
-												onValueChange: U,
-												children: [/* @__PURE__ */ A(v, {
+											}), /* @__PURE__ */ j(_, {
+												value: V,
+												onValueChange: H,
+												children: [/* @__PURE__ */ A(fe, {
 													id: "assign-driver",
-													children: /* @__PURE__ */ A(y, { placeholder: I.driverId ? `Current: ${I.driverId}` : "Select a driver" })
-												}), /* @__PURE__ */ A(g, { children: Z.length === 0 ? /* @__PURE__ */ A(_, {
+													children: /* @__PURE__ */ A(b, { placeholder: I.driverId ? `Current: ${I.driverId}` : "Select a driver" })
+												}), /* @__PURE__ */ A(v, { children: He.length === 0 ? /* @__PURE__ */ A(y, {
 													value: "none",
 													disabled: !0,
 													children: "No available drivers"
-												}) : Z.map((e) => /* @__PURE__ */ j(_, {
+												}) : He.map((e) => /* @__PURE__ */ j(y, {
 													value: e.id,
 													children: [
 														e.fullName,
@@ -491,15 +575,15 @@ function P() {
 												}, e.id)) })]
 											})]
 										}),
-										/* @__PURE__ */ j(l, {
+										/* @__PURE__ */ j(d, {
 											className: "w-full",
-											onClick: Ie,
-											disabled: W || !B && !H,
-											children: [/* @__PURE__ */ A(se, { size: 16 }), W ? "Assigning…" : "Assign driver & vehicle"]
+											onClick: Ue,
+											disabled: U || !z && !V,
+											children: [/* @__PURE__ */ A(oe, { size: 16 }), U ? "Assigning…" : "Assign driver & vehicle"]
 										})
 									]
 								}),
-								/* @__PURE__ */ A(b, {}),
+								/* @__PURE__ */ A(x, {}),
 								/* @__PURE__ */ j("div", {
 									className: "space-y-2",
 									children: [
@@ -515,25 +599,25 @@ function P() {
 											]
 										}),
 										(() => {
-											let e = ke(I.status);
-											return e ? /* @__PURE__ */ j(l, {
+											let e = Me(I.status);
+											return e ? /* @__PURE__ */ j(d, {
 												variant: "outline",
 												className: "w-full",
-												onClick: () => Q(e, `Order advanced to ${N[e]}.`),
-												disabled: K,
-												children: [/* @__PURE__ */ A(t, { size: 16 }), K ? "Updating…" : `Advance to ${N[e]}`]
+												onClick: () => We(e, `Order advanced to ${N[e]}.`),
+												disabled: G,
+												children: [/* @__PURE__ */ A(t, { size: 16 }), G ? "Updating…" : `Advance to ${N[e]}`]
 											}) : null;
 										})(),
-										I.status !== "cancelled" && I.status !== "delivered" && /* @__PURE__ */ j(l, {
+										I.status !== "cancelled" && I.status !== "delivered" && /* @__PURE__ */ j(d, {
 											variant: "outline",
 											className: "w-full text-status-error-text",
-											onClick: () => Q("cancelled", "Order cancelled."),
-											disabled: K,
+											onClick: () => We("cancelled", "Order cancelled."),
+											disabled: G,
 											children: [/* @__PURE__ */ A(ee, { size: 16 }), "Cancel order"]
 										})
 									]
 								}),
-								/* @__PURE__ */ j(l, {
+								/* @__PURE__ */ j(d, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => $(`tracking?order=${I.id}`),
@@ -541,15 +625,15 @@ function P() {
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ A(Ce, {
+						/* @__PURE__ */ A(we, {
 							entityType: "order",
 							entityId: I.id
 						}),
-						/* @__PURE__ */ A(we, { deliveryJobId: I.id }),
-						I.specialInstructions && /* @__PURE__ */ j(u, { children: [/* @__PURE__ */ A(f, { children: /* @__PURE__ */ j(p, {
+						/* @__PURE__ */ A(Ee, { deliveryJobId: I.id }),
+						I.specialInstructions && /* @__PURE__ */ j(f, { children: [/* @__PURE__ */ A(m, { children: /* @__PURE__ */ j(h, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ A(re, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ A("p", {
+						}) }), /* @__PURE__ */ A(p, { children: /* @__PURE__ */ A("p", {
 							className: "text-sm",
 							children: I.specialInstructions
 						}) })] })