@burdenoff/microfe-movethewheels 2026.703.2 → 2026.703.4

package/dist/OrderDetailsPage-DYiZ-9UK.js

@@ -1,429 +0,0 @@
-import { G as e, H as t, K as n, U as r, W as i, ct as a, d as o, f as s, g as c, h as l, i as u, l as d, lt as f, n as p, ot as m, q as h, r as g, u as _, z as v } from "./PageLayout-D4LDHJJq.js";
-import { t as y } from "./arrow-left-n48Y-Wis.js";
-import { t as b } from "./circle-check-big-w0TrLKMF.js";
-import { t as x } from "./clock-DJZtdl8u.js";
-import { t as S } from "./dollar-sign-CgKQRz_e.js";
-import { t as C } from "./file-text-DWWY6_f5.js";
-import { n as w, t as T } from "./phone-Ac9s3mo_.js";
-import { t as E } from "./map-pin-BGiCvyCs.js";
-import { t as D } from "./package-BChUzpJS.js";
-import { t as O } from "./square-pen-CopE9GmB.js";
-import { t as k } from "./truck-C0v_hbLR.js";
-import { t as A } from "./user-jyFU3lXk.js";
-import { t as j } from "./useOrders-Cfk1GLiq.js";
-import { i as M, n as N, r as P, t as F } from "./StatusBadge-BZurYHMy.js";
-import { n as I, r as L, t as R } from "./formatters-CF2S2l1m.js";
-import { useParams as z } from "react-router-dom";
-import { jsx as B, jsxs as V } from "react/jsx-runtime";
-import { EmphasisPanel as H, NextSteps as U, PagePurpose as W } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/printer.js
-var G = f("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 K() {
-	let { orderId: f } = z(), { basePath: K, navigate: q } = m(), { order: J, isLoading: Y, error: X, refetch: Z } = j(f), Q = (e) => {
-		q && q(a(K, e));
-	};
-	return Y ? /* @__PURE__ */ B(g, { message: "Loading order details..." }) : X || !J ? /* @__PURE__ */ B(p, {
-		title: "Order not found",
-		message: "The order you're looking for doesn't exist or has been removed.",
-		onRetry: Z
-	}) : /* @__PURE__ */ V(u, {
-		title: J.orderNumber,
-		subtitle: `Created ${L(J.createdAt, "full")}`,
-		icon: /* @__PURE__ */ B(D, { size: 24 }),
-		headerActions: /* @__PURE__ */ V("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ V(_, {
-					variant: "outline",
-					onClick: () => {
-						q && q(a(K, "orders"));
-					},
-					children: [/* @__PURE__ */ B(y, { size: 16 }), "Back"]
-				}),
-				/* @__PURE__ */ V(_, {
-					variant: "outline",
-					children: [/* @__PURE__ */ B(G, { size: 16 }), "Print"]
-				}),
-				/* @__PURE__ */ V(_, {
-					onClick: () => Q(`orders/${f}/edit`),
-					children: [/* @__PURE__ */ B(O, { size: 16 }), "Edit"]
-				})
-			]
-		}),
-		headerContent: /* @__PURE__ */ V("div", {
-			className: "flex flex-wrap gap-2",
-			children: [
-				/* @__PURE__ */ B(P, {
-					status: J.status,
-					type: "order"
-				}),
-				/* @__PURE__ */ B(N, { priority: J.priority }),
-				/* @__PURE__ */ B(M, { type: J.orderType }),
-				/* @__PURE__ */ B(F, { status: J.pricing.paymentStatus })
-			]
-		}),
-		children: [
-			/* @__PURE__ */ B(W, {
-				icon: /* @__PURE__ */ B(D, { 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__ */ B(U, {
-				storageKey: "movethewheels-order-details",
-				steps: [
-					{
-						id: "track",
-						label: "Track this order live",
-						description: "See where the shipment is right now on the map.",
-						icon: /* @__PURE__ */ B(E, { size: 16 }),
-						onClick: () => Q(`tracking?order=${J.id}`)
-					},
-					{
-						id: "edit",
-						label: "Edit order details",
-						description: "Update items, addresses or instructions before dispatch.",
-						icon: /* @__PURE__ */ B(O, { size: 16 }),
-						onClick: () => Q(`orders/${f}/edit`)
-					},
-					{
-						id: "print",
-						label: "Print the delivery docket",
-						description: "Generate a printable copy for the driver or warehouse.",
-						icon: /* @__PURE__ */ B(G, { size: 16 }),
-						onClick: () => window.print()
-					}
-				]
-			}),
-			/* @__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(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ B(A, { size: 18 }), "Customer Information"]
-						}) }), /* @__PURE__ */ B(s, { 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: J.customerInfo.name
-								}),
-								J.customerInfo.company && /* @__PURE__ */ B("p", {
-									className: "text-sm text-text-secondary mb-2",
-									children: J.customerInfo.company
-								}),
-								/* @__PURE__ */ V("div", {
-									className: "space-y-1 text-sm",
-									children: [/* @__PURE__ */ V("p", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ B(w, {
-											size: 14,
-											className: "text-text-secondary"
-										}), J.customerInfo.email]
-									}), /* @__PURE__ */ V("p", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ B(T, {
-											size: 14,
-											className: "text-text-secondary"
-										}), J.customerInfo.phone]
-									})]
-								})
-							] }), /* @__PURE__ */ V("div", { children: [J.customerInfo.preferredDeliveryTime && /* @__PURE__ */ V("div", {
-								className: "mb-2",
-								children: [/* @__PURE__ */ B("p", {
-									className: "text-sm text-text-secondary",
-									children: "Preferred Delivery Time"
-								}), /* @__PURE__ */ B("p", {
-									className: "text-sm",
-									children: J.customerInfo.preferredDeliveryTime
-								})]
-							}), J.customerInfo.deliveryInstructions && /* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-								className: "text-sm text-text-secondary",
-								children: "Delivery Instructions"
-							}), /* @__PURE__ */ B("p", {
-								className: "text-sm",
-								children: J.customerInfo.deliveryInstructions
-							})] })] })]
-						}) })] }),
-						/* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ B(E, { size: 18 }), "Addresses"]
-						}) }), /* @__PURE__ */ B(s, { 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: R(J.pickupAddress)
-								}),
-								J.scheduledPickup && /* @__PURE__ */ V("p", {
-									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", L(J.scheduledPickup, "full")]
-								}),
-								J.actualPickup && /* @__PURE__ */ V("p", {
-									className: "text-sm text-status-success-text mt-1",
-									children: [
-										/* @__PURE__ */ B(b, {
-											size: 14,
-											className: "inline mr-1"
-										}),
-										"Picked up: ",
-										L(J.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: R(J.deliveryAddress)
-								}),
-								J.scheduledDelivery && /* @__PURE__ */ V("p", {
-									className: "text-sm text-text-secondary mt-2",
-									children: ["Scheduled: ", L(J.scheduledDelivery, "full")]
-								}),
-								J.actualDelivery && /* @__PURE__ */ V("p", {
-									className: "text-sm text-status-success-text mt-1",
-									children: [
-										/* @__PURE__ */ B(b, {
-											size: 14,
-											className: "inline mr-1"
-										}),
-										"Delivered: ",
-										L(J.actualDelivery, "full")
-									]
-								})
-							] })]
-						}) })] }),
-						/* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ B(D, { size: 18 }),
-								"Order Items (",
-								J.items.length,
-								")"
-							]
-						}) }), /* @__PURE__ */ B(s, {
-							className: "p-0",
-							children: /* @__PURE__ */ V(t, { children: [/* @__PURE__ */ B(n, { children: /* @__PURE__ */ V(h, { 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: J.items.map((e) => /* @__PURE__ */ V(h, { 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-text-secondary",
-									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: I(e.value)
-								}),
-								/* @__PURE__ */ B(i, {
-									className: "text-right font-medium",
-									children: I(e.value * e.quantity)
-								})
-							] }, e.id)) })] })
-						})] }),
-						/* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ B(x, { size: 18 }), "Order Timeline"]
-						}) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ B("div", {
-							className: "relative",
-							children: J.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-action-primary-bg mt-1.5" }), t < J.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(P, {
-												status: e.status,
-												type: "order",
-												size: "sm"
-											}), /* @__PURE__ */ B("span", {
-												className: "text-sm text-text-secondary",
-												children: L(e.timestamp, "full")
-											})]
-										}),
-										e.notes && /* @__PURE__ */ B("p", {
-											className: "text-sm",
-											children: e.notes
-										}),
-										/* @__PURE__ */ V("p", {
-											className: "text-xs text-text-secondary",
-											children: ["by ", e.performedBy]
-										})
-									]
-								})]
-							}, t))
-						}) })] })
-					]
-				}), /* @__PURE__ */ V("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ V(H, { children: [/* @__PURE__ */ V("h2", {
-							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
-							children: [/* @__PURE__ */ B(S, { size: 18 }), "Order Summary"]
-						}), /* @__PURE__ */ V("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ V("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ B("span", {
-										className: "text-text-secondary",
-										children: "Subtotal"
-									}), /* @__PURE__ */ B("span", { children: I(J.pricing.subtotal) })]
-								}),
-								/* @__PURE__ */ V("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ B("span", {
-										className: "text-text-secondary",
-										children: "Delivery"
-									}), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.delivery) })]
-								}),
-								/* @__PURE__ */ V("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ B("span", {
-										className: "text-text-secondary",
-										children: "Handling"
-									}), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.handling) })]
-								}),
-								J.pricing.fees.insurance && /* @__PURE__ */ V("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ B("span", {
-										className: "text-text-secondary",
-										children: "Insurance"
-									}), /* @__PURE__ */ B("span", { children: I(J.pricing.fees.insurance) })]
-								}),
-								/* @__PURE__ */ V("div", {
-									className: "flex justify-between text-sm",
-									children: [/* @__PURE__ */ B("span", {
-										className: "text-text-secondary",
-										children: "Taxes"
-									}), /* @__PURE__ */ B("span", { children: I(J.pricing.taxes) })]
-								}),
-								/* @__PURE__ */ B(v, {}),
-								/* @__PURE__ */ V("div", {
-									className: "flex justify-between font-medium",
-									children: [/* @__PURE__ */ B("span", { children: "Total" }), /* @__PURE__ */ B("span", {
-										className: "text-lg",
-										children: I(J.pricing.total)
-									})]
-								}),
-								/* @__PURE__ */ V("div", {
-									className: "pt-2",
-									children: [/* @__PURE__ */ B("p", {
-										className: "text-sm text-text-secondary",
-										children: "Payment Method"
-									}), /* @__PURE__ */ B("p", {
-										className: "text-sm capitalize",
-										children: J.pricing.paymentMethod.replace("_", " ")
-									})]
-								})
-							]
-						})] }),
-						/* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ B(k, { size: 18 }), "Assignment"]
-						}) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ V("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-									className: "text-sm text-text-secondary",
-									children: "Driver"
-								}), /* @__PURE__ */ B("p", {
-									className: "text-sm",
-									children: J.driverId || "Not assigned"
-								})] }),
-								/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-									className: "text-sm text-text-secondary",
-									children: "Vehicle"
-								}), /* @__PURE__ */ B("p", {
-									className: "text-sm",
-									children: J.vehicleId || "Not assigned"
-								})] }),
-								/* @__PURE__ */ V("div", { children: [/* @__PURE__ */ B("p", {
-									className: "text-sm text-text-secondary",
-									children: "Tracking Number"
-								}), /* @__PURE__ */ B("p", {
-									className: "text-sm font-mono",
-									children: J.trackingNumber
-								})] }),
-								/* @__PURE__ */ V(_, {
-									variant: "outline",
-									className: "w-full",
-									onClick: () => Q(`tracking?order=${J.id}`),
-									children: [/* @__PURE__ */ B(E, { size: 16 }), "Track Order"]
-								})
-							]
-						}) })] }),
-						J.specialInstructions && /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, { children: /* @__PURE__ */ V(c, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ B(C, { size: 18 }), "Special Instructions"]
-						}) }), /* @__PURE__ */ B(s, { children: /* @__PURE__ */ B("p", {
-							className: "text-sm",
-							children: J.specialInstructions
-						}) })] })
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { K as default };