@burdenoff/microfe-movethewheels 2026.805.1 → 2026.827.1

package/dist/pages/DeliveryCapturePage.js

@@ -6,17 +6,19 @@ import { PenLine as i } from "../node_modules/lucide-react/dist/esm/icons/pen-li
 import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
 import { Type as o } from "../node_modules/lucide-react/dist/esm/icons/type.js";
 import { Upload as s } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
-import { useCaptureEpod as c, useEpodPhotoUpload as l, useMyPendingEpodDeliveryJobs as u } from "../hooks/useEpod.js";
-import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Label as _, Textarea as v } from "../components/ui.js";
-import { PageLayout as y } from "../components/PageLayout.js";
-import { FormError as b } from "../components/FormError.js";
-import { Notice as x, useNotice as S } from "../components/Notice.js";
-import { formatAddress as C, formatDate as w } from "../utils/formatters.js";
-import { SignaturePad as T } from "../components/SignaturePad.js";
-import { useRef as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { mapOrderPriority as c, mapOrderStatus as l } from "../hooks/useOrders.js";
+import { useCaptureEpod as u, useEpodPhotoUpload as d, useMyPendingEpodDeliveryJobs as f } from "../hooks/useEpod.js";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v, Label as y, Textarea as b } from "../components/ui.js";
+import { PageLayout as x } from "../components/PageLayout.js";
+import { PriorityBadge as S, StatusBadge as C } from "../components/StatusBadge.js";
+import { FormError as w } from "../components/FormError.js";
+import { Notice as T, useNotice as E } from "../components/Notice.js";
+import { formatAddress as D, formatDate as O } from "../utils/formatters.js";
+import { SignaturePad as k } from "../components/SignaturePad.js";
+import { useRef as A, useState as j } from "react";
+import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/movethewheels/pages/DeliveryCapturePage.tsx
-function j() {
+function F() {
 	return new Promise((e) => {
 		if (!navigator.geolocation) {
 			e(null);
@@ -29,24 +31,24 @@ function j() {
 		});
 	});
 }
-function M({ job: r, onCaptured: u, onCancel: y }) {
-	let { captureEpod: x, isSubmitting: S, error: w } = c(), { upload: M, isUploading: N, error: P } = l(), F = E(null), [I, L] = D(""), [R, z] = D("drawn"), [B, V] = D(""), [H, U] = D(null), [W, G] = D(""), [K, q] = D(null), J = async () => {
+function I({ job: r, onCaptured: c, onCancel: l }) {
+	let { captureEpod: f, isSubmitting: x, error: S } = u(), { upload: C, isUploading: T, error: E } = d(), O = A(null), [I, L] = j(""), [R, z] = j("drawn"), [B, V] = j(""), [H, U] = j(null), [W, G] = j(""), [K, q] = j(null), J = async () => {
 		q(null);
 		let e = I.trim();
 		if (!e) {
 			q("Recipient name is required.");
 			return;
 		}
-		let t = R === "typed" ? B.trim() : F.current?.toDataUrl() ?? null;
+		let t = R === "typed" ? B.trim() : O.current?.toDataUrl() ?? null;
 		if (!t) {
 			q(R === "typed" ? "Type the recipient full name as their signature." : "A signature is required.");
 			return;
 		}
 		try {
 			let n;
-			H && (n = [(await M(H)).fileId]);
-			let i = await j();
-			await x({
+			H && (n = [(await C(H)).fileId]);
+			let i = await F();
+			await f({
 				deliveryJobId: r.id,
 				recipientName: e,
 				signatureType: R,
@@ -56,95 +58,95 @@ function M({ job: r, onCaptured: u, onCancel: y }) {
 				longitude: i?.coords.longitude,
 				locationAccuracy: i?.coords.accuracy,
 				notes: W.trim() || void 0
-			}), u();
+			}), c();
 		} catch {}
-	}, Y = S || N;
-	return /* @__PURE__ */ A(f, { children: [/* @__PURE__ */ k(m, { children: /* @__PURE__ */ A(h, {
+	}, Y = x || T;
+	return /* @__PURE__ */ P(m, { children: [/* @__PURE__ */ N(g, { children: /* @__PURE__ */ P(_, {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ k(a, { size: 18 }),
+			/* @__PURE__ */ N(a, { size: 18 }),
 			" Capture delivery for ",
 			r.deliveryJobNumber
 		]
-	}) }), /* @__PURE__ */ A(p, {
+	}) }), /* @__PURE__ */ P(h, {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ P("div", {
 				className: "text-sm text-text-secondary space-y-1",
-				children: [r.customerName && /* @__PURE__ */ A("p", { children: ["Recipient on file: ", r.customerName] }), r.deliveryAddress && /* @__PURE__ */ k("p", { children: C(r.deliveryAddress) })]
+				children: [r.customerName && /* @__PURE__ */ P("p", { children: ["Recipient on file: ", r.customerName] }), r.deliveryAddress && /* @__PURE__ */ N("p", { children: D(r.deliveryAddress) })]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ P("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ k(_, {
+				children: [/* @__PURE__ */ N(y, {
 					htmlFor: "epod-recipient-name",
 					children: "Recipient name"
-				}), /* @__PURE__ */ k(g, {
+				}), /* @__PURE__ */ N(v, {
 					id: "epod-recipient-name",
 					value: I,
 					onChange: (e) => L(e.target.value),
 					placeholder: "Who received the delivery?"
 				})]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ P("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ k(_, { children: "Signature" }),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ N(y, { children: "Signature" }),
+					/* @__PURE__ */ P("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ A(d, {
+						children: [/* @__PURE__ */ P(p, {
 							type: "button",
 							variant: R === "drawn" ? "default" : "outline",
 							size: "sm",
 							onClick: () => z("drawn"),
-							children: [/* @__PURE__ */ k(i, { size: 14 }), " Draw"]
-						}), /* @__PURE__ */ A(d, {
+							children: [/* @__PURE__ */ N(i, { size: 14 }), " Draw"]
+						}), /* @__PURE__ */ P(p, {
 							type: "button",
 							variant: R === "typed" ? "default" : "outline",
 							size: "sm",
 							onClick: () => z("typed"),
-							children: [/* @__PURE__ */ k(o, { size: 14 }), " Type name instead"]
+							children: [/* @__PURE__ */ N(o, { size: 14 }), " Type name instead"]
 						})]
 					}),
-					R === "drawn" ? /* @__PURE__ */ k(T, { ref: F }) : /* @__PURE__ */ k(g, {
+					R === "drawn" ? /* @__PURE__ */ N(k, { ref: O }) : /* @__PURE__ */ N(v, {
 						value: B,
 						onChange: (e) => V(e.target.value),
 						placeholder: "Type full name as signature"
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ P("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ k(_, {
+					/* @__PURE__ */ N(y, {
 						htmlFor: "epod-photo",
 						children: "Delivery photo (optional)"
 					}),
-					/* @__PURE__ */ A("div", {
+					/* @__PURE__ */ P("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ k("input", {
+						children: [/* @__PURE__ */ N("input", {
 							id: "epod-photo",
 							type: "file",
 							accept: "image/*",
 							capture: "environment",
 							onChange: (e) => U(e.target.files?.[0] ?? null),
 							className: "text-sm"
-						}), H && /* @__PURE__ */ k(s, {
+						}), H && /* @__PURE__ */ N(s, {
 							size: 14,
 							className: "text-text-secondary"
 						})]
 					}),
-					H && /* @__PURE__ */ k("p", {
+					H && /* @__PURE__ */ N("p", {
 						className: "text-xs text-text-secondary",
 						children: H.name
 					})
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ P("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ k(_, {
+				children: [/* @__PURE__ */ N(y, {
 					htmlFor: "epod-notes",
 					children: "Notes (optional)"
-				}), /* @__PURE__ */ k(v, {
+				}), /* @__PURE__ */ N(b, {
 					id: "epod-notes",
 					value: W,
 					onChange: (e) => G(e.target.value),
@@ -152,88 +154,99 @@ function M({ job: r, onCaptured: u, onCancel: y }) {
 					rows: 2
 				})]
 			}),
-			/* @__PURE__ */ A("p", {
+			/* @__PURE__ */ P("p", {
 				className: "flex items-center gap-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ k(n, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
+				children: [/* @__PURE__ */ N(n, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
 			}),
-			K && /* @__PURE__ */ k(b, { message: K }),
-			w && /* @__PURE__ */ k(b, { message: w.message }),
-			P && /* @__PURE__ */ k(b, { message: P.message }),
-			/* @__PURE__ */ A("div", {
+			K && /* @__PURE__ */ N(w, { message: K }),
+			S && /* @__PURE__ */ N(w, { message: S.message }),
+			E && /* @__PURE__ */ N(w, { message: E.message }),
+			/* @__PURE__ */ P("div", {
 				className: "flex gap-2 justify-end",
-				children: [/* @__PURE__ */ k(d, {
+				children: [/* @__PURE__ */ N(p, {
 					type: "button",
 					variant: "outline",
-					onClick: y,
+					onClick: l,
 					disabled: Y,
 					children: "Cancel"
-				}), /* @__PURE__ */ k(d, {
+				}), /* @__PURE__ */ N(p, {
 					type: "button",
 					onClick: () => void J(),
 					disabled: Y,
-					children: Y ? /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(t, {
+					children: Y ? /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(t, {
 						size: 14,
 						className: "animate-spin"
-					}), " Submitting…"] }) : /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(e, { size: 14 }), " Confirm delivery"] })
+					}), " Submitting…"] }) : /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ N(e, { size: 14 }), " Confirm delivery"] })
 				})]
 			})
 		]
 	})] });
 }
-function N() {
-	let { jobs: t, isLoading: n, error: i, refetch: o } = u(), [s, c] = D(null), { message: l, notify: m } = S();
-	return /* @__PURE__ */ k(y, {
+function L() {
+	let { jobs: t, isLoading: n, error: i, refetch: o } = f(), [s, u] = j(null), { message: d, notify: g } = E();
+	return /* @__PURE__ */ N(x, {
 		title: "My Deliveries",
 		subtitle: "Capture proof of delivery for your assigned stops",
-		icon: /* @__PURE__ */ k(a, { size: 24 }),
-		children: /* @__PURE__ */ A("div", {
+		icon: /* @__PURE__ */ N(a, { size: 24 }),
+		children: /* @__PURE__ */ P("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ k(x, { message: l }), s ? /* @__PURE__ */ k(M, {
+			children: [/* @__PURE__ */ N(T, { message: d }), s ? /* @__PURE__ */ N(I, {
 				job: s,
 				onCaptured: () => {
-					m("Proof of delivery captured — delivery marked complete."), c(null), o();
+					g("Proof of delivery captured — delivery marked complete."), u(null), o();
 				},
-				onCancel: () => c(null)
-			}) : n ? /* @__PURE__ */ k("p", {
+				onCancel: () => u(null)
+			}) : n ? /* @__PURE__ */ N("p", {
 				className: "text-text-secondary text-center py-8",
 				children: "Loading your deliveries…"
-			}) : i ? /* @__PURE__ */ k(b, { message: i.message }) : t.length > 0 ? /* @__PURE__ */ k("div", {
+			}) : i ? /* @__PURE__ */ N(w, { message: i.message }) : t.length > 0 ? /* @__PURE__ */ N("div", {
 				className: "space-y-3",
-				children: t.map((e) => /* @__PURE__ */ k(f, { children: /* @__PURE__ */ A(p, {
+				children: t.map((e) => /* @__PURE__ */ N(m, { children: /* @__PURE__ */ P(h, {
 					className: "flex items-center justify-between gap-3 py-4",
-					children: [/* @__PURE__ */ A("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ A("p", {
+							/* @__PURE__ */ P("p", {
 								className: "font-medium flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ k(r, { size: 16 }),
+									/* @__PURE__ */ N(r, { size: 16 }),
 									" ",
 									e.deliveryJobNumber
 								]
 							}),
-							e.deliveryAddress && /* @__PURE__ */ k("p", {
+							/* @__PURE__ */ P("div", {
+								className: "flex flex-wrap items-center gap-1.5 py-1",
+								children: [/* @__PURE__ */ N(C, {
+									status: l(e.status),
+									type: "order",
+									size: "sm"
+								}), /* @__PURE__ */ N(S, {
+									priority: c(e.priority),
+									size: "sm"
+								})]
+							}),
+							e.deliveryAddress && /* @__PURE__ */ N("p", {
 								className: "text-sm text-text-secondary truncate",
-								children: C(e.deliveryAddress)
+								children: D(e.deliveryAddress)
 							}),
-							e.scheduledDelivery && /* @__PURE__ */ A("p", {
+							e.scheduledDelivery && /* @__PURE__ */ P("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Scheduled ", w(e.scheduledDelivery, "short")]
+								children: ["Scheduled ", O(e.scheduledDelivery, "short")]
 							})
 						]
-					}), /* @__PURE__ */ k(d, {
+					}), /* @__PURE__ */ N(p, {
 						type: "button",
 						size: "sm",
-						onClick: () => c(e),
+						onClick: () => u(e),
 						children: "Capture"
 					})]
 				}) }, e.id))
-			}) : /* @__PURE__ */ A("div", {
+			}) : /* @__PURE__ */ P("div", {
 				className: "text-center py-12",
-				children: [/* @__PURE__ */ k(e, {
+				children: [/* @__PURE__ */ N(e, {
 					size: 40,
 					className: "mx-auto mb-3 text-text-secondary opacity-50"
-				}), /* @__PURE__ */ k("p", {
+				}), /* @__PURE__ */ N("p", {
 					className: "text-text-secondary",
 					children: "No deliveries awaiting proof of delivery."
 				})]
@@ -242,4 +255,4 @@ function N() {
 	});
 }
 //#endregion
-export { N as default };
+export { L as default };