@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.1

package/dist/OrderDetailsPage-CFASgsYX.js

@@ -0,0 +1,431 @@
+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-D3N8MCTm.js";
+import { t as _ } from "./arrow-left-CBpZKkpq.js";
+import { t as v } from "./circle-check-big-CjuPVo3_.js";
+import { t as y } from "./clock-BjkdnddD.js";
+import { t as b } from "./dollar-sign-IB4O0wuQ.js";
+import { t as x } from "./file-text-C8Uioy11.js";
+import { n as S, t as C } from "./phone-DV4StZiA.js";
+import { t as w } from "./map-pin-BSaf5IDL.js";
+import { t as T } from "./package-BE7U0wQE.js";
+import { t as E } from "./square-pen-hLIbFQFV.js";
+import { t as D } from "./truck-CtDjNFbi.js";
+import { t as O } from "./user-Dz5TJZFs.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-CijYQXtb.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";
+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 = 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 K() {
+	let { orderId: u } = z(), { basePath: K, navigate: q } = k(), { order: J, isLoading: Y, error: X, refetch: Z } = A(u), Q = (e) => {
+		q && q(R(K, e));
+	};
+	return Y ? /* @__PURE__ */ B(m, { message: "Loading order details..." }) : X || !J ? /* @__PURE__ */ B(f, {
+		title: "Order not found",
+		message: "The order you're looking for doesn't exist or has been removed.",
+		onRetry: Z
+	}) : /* @__PURE__ */ V(l, {
+		title: J.orderNumber,
+		subtitle: `Created ${I(J.createdAt, "full")}`,
+		icon: /* @__PURE__ */ B(T, { size: 24 }),
+		headerActions: /* @__PURE__ */ V("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ V(h, {
+					variant: "outline",
+					onClick: () => {
+						q && q(R(K, "orders"));
+					},
+					children: [/* @__PURE__ */ B(_, { size: 16 }), "Back"]
+				}),
+				/* @__PURE__ */ V(h, {
+					variant: "outline",
+					children: [/* @__PURE__ */ B(G, { size: 16 }), "Print"]
+				}),
+				/* @__PURE__ */ V(h, {
+					onClick: () => Q(`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: J.status,
+					type: "order"
+				}),
+				/* @__PURE__ */ B(M, { priority: J.priority }),
+				/* @__PURE__ */ B(j, { type: J.orderType }),
+				/* @__PURE__ */ B(P, { status: J.pricing.paymentStatus })
+			]
+		}),
+		children: [
+			/* @__PURE__ */ B(W, {
+				icon: /* @__PURE__ */ B(T, { 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(w, { 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(E, { size: 16 }),
+						onClick: () => Q(`orders/${u}/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(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: 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(S, {
+											size: 14,
+											className: "text-text-secondary"
+										}), J.customerInfo.email]
+									}), /* @__PURE__ */ V("p", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ B(C, {
+											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(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(J.pickupAddress)
+								}),
+								J.scheduledPickup && /* @__PURE__ */ V("p", {
+									className: "text-sm text-text-secondary mt-2",
+									children: ["Scheduled: ", I(J.scheduledPickup, "full")]
+								}),
+								J.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(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: L(J.deliveryAddress)
+								}),
+								J.scheduledDelivery && /* @__PURE__ */ V("p", {
+									className: "text-sm text-text-secondary mt-2",
+									children: ["Scheduled: ", I(J.scheduledDelivery, "full")]
+								}),
+								J.actualDelivery && /* @__PURE__ */ V("p", {
+									className: "text-sm text-green-600 mt-1",
+									children: [
+										/* @__PURE__ */ B(v, {
+											size: 14,
+											className: "inline mr-1"
+										}),
+										"Delivered: ",
+										I(J.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 (",
+								J.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: J.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-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: 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: 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(N, {
+												status: e.status,
+												type: "order",
+												size: "sm"
+											}), /* @__PURE__ */ B("span", {
+												className: "text-sm text-text-secondary",
+												children: I(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(b, { 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: F(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: F(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: F(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: F(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: F(J.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(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(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-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(h, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => Q(`tracking?order=${J.id}`),
+									children: [/* @__PURE__ */ B(w, { size: 16 }), "Track Order"]
+								})
+							]
+						}) })] }),
+						J.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: J.specialInstructions
+						}) })] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { K as default };