@burdenoff/microfe-movethewheels 2026.1012.1 → 2026.1013.1

package/dist/pages/DeliveryCapturePage.js

@@ -6,21 +6,21 @@ import { MapPin as i } from "../node_modules/lucide-react/dist/esm/icons/map-pin
 import { Package as a } from "../node_modules/lucide-react/dist/esm/icons/package.js";
 import { PenLine as o } from "../node_modules/lucide-react/dist/esm/icons/pen-line.js";
 import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Type as c } from "../node_modules/lucide-react/dist/esm/icons/type.js";
-import { Upload as l } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
-import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
-import { mapOrderPriority as d, mapOrderStatus as f } from "../hooks/useOrders.js";
-import { useShipmentStatusQuery as p } from "../hooks/useShipmentStatusAuthority.js";
-import { useCaptureEpod as m, useEpodPhotoUpload as h, useMyPendingEpodDeliveryJobs as g } from "../hooks/useEpod.js";
-import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S, Label as C, Textarea as w } from "../components/ui.js";
-import { PageLayout as T } from "../components/PageLayout.js";
-import { PriorityBadge as E, StatusBadge as D } from "../components/StatusBadge.js";
-import { FormError as O } from "../components/FormError.js";
-import { Notice as k, useNotice as A } from "../components/Notice.js";
-import { formatAddress as j, formatDate as M } from "../utils/formatters.js";
-import { SignaturePad as N } from "../components/SignaturePad.js";
-import { StatusAuthorityOwnedDeliveryDocument as P } from "../src/generated/shipment-status-authority-operations.js";
-import { useEffect as ee, useRef as F, useState as I } from "react";
+import { Type as ee } from "../node_modules/lucide-react/dist/esm/icons/type.js";
+import { Upload as c } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
+import { mapOrderPriority as u, mapOrderStatus as d } from "../hooks/useOrders.js";
+import { useShipmentStatusQuery as f } from "../hooks/useShipmentStatusAuthority.js";
+import { useCaptureEpod as p, useEpodPhotoUpload as m, useMyPendingEpodDeliveryJobs as h } from "../hooks/useEpod.js";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Input as x, Label as S, Textarea as C } from "../components/ui.js";
+import { PageLayout as w } from "../components/PageLayout.js";
+import { PriorityBadge as T, StatusBadge as E } from "../components/StatusBadge.js";
+import { FormError as D } from "../components/FormError.js";
+import { Notice as O, useNotice as k } from "../components/Notice.js";
+import { formatAddress as A, formatDate as j } from "../utils/formatters.js";
+import { SignaturePad as M } from "../components/SignaturePad.js";
+import { StatusAuthorityOwnedDeliveryDocument as N } from "../src/generated/shipment-status-authority-operations.js";
+import { useEffect as P, useRef as F, useState as I } from "react";
 import { Fragment as te, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/movethewheels/pages/DeliveryCapturePage.tsx
 function ne() {
@@ -37,13 +37,13 @@ function ne() {
 	});
 }
 function z({ job: e, onCaptured: t, onCancel: a }) {
-	let { captureEpod: u, isSubmitting: d, error: f, captureFeedback: g } = m(), [T, E] = I(0), D = p(P, { deliveryJobId: e.id }, T), [k, A] = I(!1), M = F(null), z = F(!1), B = F(!0);
-	ee(() => (B.current = !0, () => {
+	let { captureEpod: l, isSubmitting: u, error: d, captureFeedback: h } = p(), [w, T] = I(0), E = f(N, { deliveryJobId: e.id }, w), [O, k] = I(!1), j = F(null), z = F(!1), B = F(!0);
+	P(() => (B.current = !0, () => {
 		B.current = !1;
 	}), []);
-	let [re, V] = I(!1), [H, ie] = I(0), { upload: ae, isUploading: oe, error: U } = h(), W = F(null), [G, se] = I(""), [K, q] = I("drawn"), [J, ce] = I(""), [Y, le] = I(null), [X, ue] = I(""), [Z, Q] = I(null), de = async () => {
+	let [re, V] = I(!1), [H, ie] = I(0), { upload: ae, isUploading: oe, error: U } = m(), W = F(null), [G, se] = I(""), [K, q] = I("drawn"), [J, ce] = I(""), [Y, le] = I(null), [X, ue] = I(""), [Z, Q] = I(null), de = async () => {
 		if (z.current) return;
-		if (Q(null), D.loading || D.error || !D.data || T < H || !k || g?.kind === "UNKNOWN") {
+		if (Q(null), E.loading || E.error || !E.data || w < H || !O || h?.kind === "UNKNOWN") {
 			Q("Review the current linked shipment status and confirm completion before capture. Do not resend an uncertain capture.");
 			return;
 		}
@@ -60,10 +60,10 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 		z.current = !0, V(!0);
 		try {
 			let i;
-			if (Y) if (M.current?.file === Y) i = [M.current.id];
+			if (Y) if (j.current?.file === Y) i = [j.current.id];
 			else {
 				let e = await ae(Y);
-				M.current = {
+				j.current = {
 					file: Y,
 					id: e.fileId
 				}, i = [e.fileId];
@@ -71,10 +71,10 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			if (!B.current) return;
 			let a = await ne();
 			if (!B.current) return;
-			await u({
-				expectedShipmentId: D.data.myEpodShipmentStatus?.id ?? null,
-				expectedShipmentStatusRevision: D.data.myEpodShipmentStatus?.statusRevision,
-				completionAttestation: k,
+			let o = await l({
+				expectedShipmentId: E.data.myEpodShipmentStatus?.id ?? null,
+				expectedShipmentStatusRevision: E.data.myEpodShipmentStatus?.statusRevision,
+				completionAttestation: O,
 				deliveryJobId: e.id,
 				recipientName: n,
 				signatureType: K,
@@ -84,26 +84,28 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 				longitude: a?.coords.longitude,
 				locationAccuracy: a?.coords.accuracy,
 				notes: X.trim() || void 0
-			}), t();
+			});
+			if (!B.current) return;
+			t(o.deliveryJobId);
 		} catch {
-			A(!1), ie(T + 1);
+			k(!1), ie(w + 1);
 		} finally {
 			z.current = !1, V(!1);
 		}
-	}, $ = d || oe || re;
-	return /* @__PURE__ */ R(v, { children: [/* @__PURE__ */ L(b, { children: /* @__PURE__ */ R(x, {
+	}, $ = u || oe || re;
+	return /* @__PURE__ */ R(_, { children: [/* @__PURE__ */ L(y, { children: /* @__PURE__ */ R(b, {
 		className: "flex items-center gap-2",
 		children: [
 			/* @__PURE__ */ L(s, { size: 18 }),
 			" Capture delivery for ",
 			e.deliveryJobNumber
 		]
-	}) }), /* @__PURE__ */ R(y, {
+	}) }), /* @__PURE__ */ R(v, {
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ R("div", {
 				className: "text-sm text-text-secondary space-y-1",
-				children: [e.customerName && /* @__PURE__ */ R("p", { children: ["Recipient on file: ", e.customerName] }), e.deliveryAddress && /* @__PURE__ */ L("p", { children: j(e.deliveryAddress) })]
+				children: [e.customerName && /* @__PURE__ */ R("p", { children: ["Recipient on file: ", e.customerName] }), e.deliveryAddress && /* @__PURE__ */ L("p", { children: A(e.deliveryAddress) })]
 			}),
 			/* @__PURE__ */ R("section", {
 				"aria-label": "Linked shipment status",
@@ -112,17 +114,17 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 					/* @__PURE__ */ R("p", { children: [
 						"Recorded shipment:",
 						" ",
-						D.data?.myEpodShipmentStatus ? `${D.data.myEpodShipmentStatus.status.toLowerCase().replaceAll("_", " ")} · revision ${D.data.myEpodShipmentStatus.statusRevision}` : D.data ? "No linked shipment" : "Loading current record"
+						E.data?.myEpodShipmentStatus ? `${E.data.myEpodShipmentStatus.status.toLowerCase().replaceAll("_", " ")} · revision ${E.data.myEpodShipmentStatus.statusRevision}` : E.data ? "No linked shipment" : "Loading current record"
 					] }),
-					D.error && /* @__PURE__ */ L("p", {
+					E.error && /* @__PURE__ */ L("p", {
 						role: "alert",
-						children: D.error
+						children: E.error
 					}),
-					/* @__PURE__ */ L(_, {
+					/* @__PURE__ */ L(g, {
 						variant: "outline",
-						disabled: D.loading || $,
+						disabled: E.loading || $,
 						onClick: () => {
-							A(!1), E((e) => e + 1);
+							k(!1), T((e) => e + 1);
 						},
 						children: "Refresh linked status"
 					}),
@@ -130,24 +132,24 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 						className: "flex items-start gap-2",
 						children: [/* @__PURE__ */ L("input", {
 							type: "checkbox",
-							checked: k,
-							disabled: D.loading || !!D.error || $ || T < H || g?.kind === "UNKNOWN",
-							onChange: (e) => A(e.target.checked)
+							checked: O,
+							disabled: E.loading || !!E.error || $ || w < H || h?.kind === "UNKNOWN",
+							onChange: (e) => k(e.target.checked)
 						}), "I reviewed the recorded linked status and attest to this delivery completion."]
 					}),
 					/* @__PURE__ */ L("p", { children: "This records an assigned driver's attestation; it does not independently verify physical freight movement." }),
-					g && /* @__PURE__ */ L("p", {
+					h && /* @__PURE__ */ L("p", {
 						role: "status",
-						children: g.message
+						children: h.message
 					})
 				]
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(C, {
+				children: [/* @__PURE__ */ L(S, {
 					htmlFor: "epod-recipient-name",
 					children: "Recipient name"
-				}), /* @__PURE__ */ L(S, {
+				}), /* @__PURE__ */ L(x, {
 					id: "epod-recipient-name",
 					value: G,
 					onChange: (e) => se(e.target.value),
@@ -157,24 +159,24 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ L(C, { children: "Signature" }),
+					/* @__PURE__ */ L(S, { children: "Signature" }),
 					/* @__PURE__ */ R("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ R(_, {
+						children: [/* @__PURE__ */ R(g, {
 							type: "button",
 							variant: K === "drawn" ? "default" : "outline",
 							size: "sm",
 							onClick: () => q("drawn"),
 							children: [/* @__PURE__ */ L(o, { size: 14 }), " Draw"]
-						}), /* @__PURE__ */ R(_, {
+						}), /* @__PURE__ */ R(g, {
 							type: "button",
 							variant: K === "typed" ? "default" : "outline",
 							size: "sm",
 							onClick: () => q("typed"),
-							children: [/* @__PURE__ */ L(c, { size: 14 }), " Type name instead"]
+							children: [/* @__PURE__ */ L(ee, { size: 14 }), " Type name instead"]
 						})]
 					}),
-					K === "drawn" ? /* @__PURE__ */ L(N, { ref: W }) : /* @__PURE__ */ L(S, {
+					K === "drawn" ? /* @__PURE__ */ L(M, { ref: W }) : /* @__PURE__ */ L(x, {
 						value: J,
 						onChange: (e) => ce(e.target.value),
 						placeholder: "Type full name as signature"
@@ -184,7 +186,7 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ L(C, {
+					/* @__PURE__ */ L(S, {
 						htmlFor: "epod-photo",
 						children: "Delivery photo (optional)"
 					}),
@@ -197,7 +199,7 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 							capture: "environment",
 							onChange: (e) => le(e.target.files?.[0] ?? null),
 							className: "text-sm"
-						}), Y && /* @__PURE__ */ L(l, {
+						}), Y && /* @__PURE__ */ L(c, {
 							size: 14,
 							className: "text-text-secondary"
 						})]
@@ -210,10 +212,10 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(C, {
+				children: [/* @__PURE__ */ L(S, {
 					htmlFor: "epod-notes",
 					children: "Notes (optional)"
-				}), /* @__PURE__ */ L(w, {
+				}), /* @__PURE__ */ L(C, {
 					id: "epod-notes",
 					value: X,
 					onChange: (e) => ue(e.target.value),
@@ -225,21 +227,21 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 				className: "flex items-center gap-1.5 text-xs text-text-secondary",
 				children: [/* @__PURE__ */ L(i, { size: 12 }), " Device GPS is captured automatically when permitted by the browser."]
 			}),
-			Z && /* @__PURE__ */ L(O, { message: Z }),
-			f && /* @__PURE__ */ L(O, { message: f.message }),
-			U && /* @__PURE__ */ L(O, { message: U.message }),
+			Z && /* @__PURE__ */ L(D, { message: Z }),
+			d && /* @__PURE__ */ L(D, { message: d.message }),
+			U && /* @__PURE__ */ L(D, { message: U.message }),
 			/* @__PURE__ */ R("div", {
 				className: "flex gap-2 justify-end",
-				children: [/* @__PURE__ */ L(_, {
+				children: [/* @__PURE__ */ L(g, {
 					type: "button",
 					variant: "outline",
 					onClick: a,
 					disabled: $,
 					children: "Cancel"
-				}), /* @__PURE__ */ L(_, {
+				}), /* @__PURE__ */ L(g, {
 					type: "button",
 					onClick: () => void de(),
-					disabled: $ || D.loading || !!D.error || !D.data || T < H || !k || g?.kind === "UNKNOWN",
+					disabled: $ || E.loading || !!E.error || !E.data || w < H || !O || h?.kind === "UNKNOWN",
 					children: $ ? /* @__PURE__ */ R(te, { children: [/* @__PURE__ */ L(r, {
 						size: 14,
 						className: "animate-spin"
@@ -250,28 +252,28 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 	})] });
 }
 function B() {
-	let { workspaceId: r, tenantId: i, currentUser: o, apiGatewayUrl: c } = u(), [l, p] = I(0), { jobs: m, hasMore: h, isLoading: b, error: x, refetch: S } = g({
+	let { workspaceId: r, tenantId: i, currentUser: o, apiGatewayUrl: ee } = l(), [c, f] = I(0), { jobs: p, hasMore: m, isLoading: y, error: b, refetch: x, retireAcknowledgedJob: S } = h({
 		limit: 20,
-		offset: l * 20
-	}), [C, w] = I(null), { message: N, notify: P } = A();
-	return /* @__PURE__ */ L(T, {
+		offset: c * 20
+	}), [C, M] = I(null), { message: N, notify: P } = k();
+	return /* @__PURE__ */ L(w, {
 		title: "My Deliveries",
 		subtitle: "Capture proof of delivery for your assigned stops",
 		icon: /* @__PURE__ */ L(s, { size: 24 }),
 		children: /* @__PURE__ */ R("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ L(k, { message: N }), C ? /* @__PURE__ */ L(z, {
+			children: [/* @__PURE__ */ L(O, { message: N }), C ? /* @__PURE__ */ L(z, {
 				job: C,
-				onCaptured: () => {
-					P("Proof of delivery captured — delivery marked complete."), w(null), p(0), S();
+				onCaptured: (e) => {
+					S(e), P("Proof of delivery captured — delivery marked complete."), M(null), f(0), x();
 				},
-				onCancel: () => w(null)
-			}, `${r}:${i}:${o?.id}:${c}:${C.id}`) : b ? /* @__PURE__ */ L("p", {
+				onCancel: () => M(null)
+			}, `${r}:${i}:${o?.id}:${ee}:${C.id}`) : y ? /* @__PURE__ */ L("p", {
 				className: "text-text-secondary text-center py-8",
 				children: "Loading your deliveries…"
-			}) : x ? /* @__PURE__ */ L(O, { message: x.message }) : m.length > 0 ? /* @__PURE__ */ R("div", {
+			}) : b ? /* @__PURE__ */ L(D, { message: b.message }) : p.length > 0 ? /* @__PURE__ */ R("div", {
 				className: "space-y-3",
-				children: [m.map((e) => /* @__PURE__ */ L(v, { children: /* @__PURE__ */ R(y, {
+				children: [p.map((e) => /* @__PURE__ */ L(_, { children: /* @__PURE__ */ R(v, {
 					className: "flex items-center justify-between gap-3 py-4",
 					children: [/* @__PURE__ */ R("div", {
 						className: "min-w-0",
@@ -286,45 +288,45 @@ function B() {
 							}),
 							/* @__PURE__ */ R("div", {
 								className: "flex flex-wrap items-center gap-1.5 py-1",
-								children: [/* @__PURE__ */ L(D, {
-									status: f(e.status),
+								children: [/* @__PURE__ */ L(E, {
+									status: d(e.status),
 									type: "order",
 									size: "sm"
-								}), /* @__PURE__ */ L(E, {
-									priority: d(e.priority),
+								}), /* @__PURE__ */ L(T, {
+									priority: u(e.priority),
 									size: "sm"
 								})]
 							}),
 							e.deliveryAddress && /* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary truncate",
-								children: j(e.deliveryAddress)
+								children: A(e.deliveryAddress)
 							}),
 							e.scheduledDelivery && /* @__PURE__ */ R("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Scheduled ", M(e.scheduledDelivery, "short")]
+								children: ["Scheduled ", j(e.scheduledDelivery, "short")]
 							})
 						]
-					}), /* @__PURE__ */ L(_, {
+					}), /* @__PURE__ */ L(g, {
 						type: "button",
 						size: "sm",
-						onClick: () => w(e),
+						onClick: () => M(e),
 						children: "Capture"
 					})]
-				}) }, e.id)), (l > 0 || h) && /* @__PURE__ */ R("div", {
+				}) }, e.id)), (c > 0 || m) && /* @__PURE__ */ R("div", {
 					className: "flex justify-end gap-2 pt-2",
-					children: [/* @__PURE__ */ R(_, {
+					children: [/* @__PURE__ */ R(g, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						disabled: l === 0 || b,
-						onClick: () => p((e) => Math.max(0, e - 1)),
+						disabled: c === 0 || y,
+						onClick: () => f((e) => Math.max(0, e - 1)),
 						children: [/* @__PURE__ */ L(e, { size: 16 }), " Previous"]
-					}), /* @__PURE__ */ R(_, {
+					}), /* @__PURE__ */ R(g, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						disabled: !h || b,
-						onClick: () => p((e) => e + 1),
+						disabled: !m || y,
+						onClick: () => f((e) => e + 1),
 						children: ["Next ", /* @__PURE__ */ L(t, { size: 16 })]
 					})]
 				})]