@burdenoff/microfe-movethewheels 2026.1011.4 → 2026.1012.2

package/dist/hooks/useEpod.js

@@ -1,26 +1,26 @@
 import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
 import { executeGraphQL as t } from "../utils/graphqlClient.js";
 import { useShipmentStatusCommand as n } from "./useShipmentStatusAuthority.js";
-import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { parse as s } from "graphql";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { parse as c } from "graphql";
 //#region src/movethewheels/hooks/useEpod.ts
-var c = "\n  id\n  deliveryJobId\n  shipmentId\n  recipientName\n  signatureType\n  signatureData\n  photoFileIds\n  latitude\n  longitude\n  locationAccuracy\n  deliveredAt\n  capturedByDriverId\n  notes\n", l = `
+var l = "\n  id\n  deliveryJobId\n  shipmentId\n  recipientName\n  signatureType\n  signatureData\n  photoFileIds\n  latitude\n  longitude\n  locationAccuracy\n  deliveredAt\n  capturedByDriverId\n  notes\n", u = `
   query GetEpod($deliveryJobId: ID!) {
     epod(deliveryJobId: $deliveryJobId) {
-      ${c}
+      ${l}
     }
   }
-`, u = "\n  query MyPendingEpodDeliveryJobs($pagination: PaginationInput) {\n    myPendingEpodDeliveryJobs(pagination: $pagination) {\n      id\n      deliveryJobNumber\n      status\n      priority\n      deliveryAddress\n      scheduledDelivery\n      customer {\n        name\n        phone\n      }\n    }\n    myPendingEpodDeliveryJobsCount\n  }\n", d = s(`
+`, d = "\n  query MyPendingEpodDeliveryJobs($pagination: PaginationInput) {\n    myPendingEpodDeliveryJobs(pagination: $pagination) {\n      id\n      deliveryJobNumber\n      status\n      priority\n      deliveryAddress\n      scheduledDelivery\n      customer {\n        name\n        phone\n      }\n    }\n    myPendingEpodDeliveryJobsCount\n  }\n", f = c(`
   mutation CaptureEpod($input: CaptureEpodInput!) {
     captureEpod(input: $input) {
-      ${c}
+      ${l}
     }
   }
-`), f = "\n  mutation EpodInitiateUpload($input: InitiateUploadInput!) {\n    initiateUpload(input: $input) {\n      uploadUrl\n      session { id }\n    }\n  }\n", p = "\n  mutation EpodCompleteUpload($input: CompleteUploadInput!) {\n    completeUpload(input: $input) {\n      fileId\n    }\n  }\n", m = "\n  query EpodFileUrl($id: ID!, $expiresIn: Int) {\n    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n  }\n", h = 21600;
-function g(e) {
+`), p = "\n  mutation EpodInitiateUpload($input: InitiateUploadInput!) {\n    initiateUpload(input: $input) {\n      uploadUrl\n      session { id }\n    }\n  }\n", m = "\n  mutation EpodCompleteUpload($input: CompleteUploadInput!) {\n    completeUpload(input: $input) {\n      fileId\n    }\n  }\n", h = "\n  query EpodFileUrl($id: ID!, $expiresIn: Int) {\n    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)\n  }\n", g = 21600;
+function _(e) {
 	return e === "typed" ? "TYPED" : "DRAWN";
 }
-function _(e) {
+function v(e) {
 	return {
 		id: e.id,
 		deliveryJobId: e.deliveryJobId,
@@ -37,7 +37,7 @@ function _(e) {
 		notes: e.notes ?? void 0
 	};
 }
-function v() {
+function y() {
 	let { apiGatewayUrl: t, authToken: n, workspaceToken: r, workspaceId: i, tenantId: o, currentUser: s } = e();
 	return a(() => ({
 		apiGatewayUrl: t,
@@ -55,20 +55,20 @@ function v() {
 		s?.id
 	]);
 }
-function y(e) {
-	let n = v(), [a, s] = o(null), [c, u] = o(!1), [d, f] = o(null), p = r(async () => {
+function b(e) {
+	let n = y(), [a, o] = s(null), [c, l] = s(!1), [d, f] = s(null), p = r(async () => {
 		if (!e) {
-			s(null);
+			o(null);
 			return;
 		}
-		u(!0), f(null);
+		l(!0), f(null);
 		try {
-			let r = await t(n, l, { deliveryJobId: e });
-			s(r.epod ? _(r.epod) : null);
+			let r = await t(n, u, { deliveryJobId: e });
+			o(r.epod ? v(r.epod) : null);
 		} catch (e) {
-			f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load proof of delivery")), s(null);
+			f(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load proof of delivery")), o(null);
 		} finally {
-			u(!1);
+			l(!1);
 		}
 	}, [e, n]);
 	return i(() => {
@@ -80,69 +80,133 @@ function y(e) {
 		refetch: p
 	};
 }
-function b(e = {}) {
-	let { limit: n = 20, offset: a = 0 } = e, s = v(), [c, l] = o([]), [d, f] = o(0), [p, m] = o(!1), [h, g] = o(!1), [_, y] = o(null), b = r(async () => {
-		g(!0), y(null);
+function x(e = {}) {
+	let { limit: n = 20, offset: a = 0 } = e, c = y(), l = JSON.stringify([
+		c.apiGatewayUrl,
+		c.workspaceId,
+		c.tenantId,
+		c.actorId
+	]), u = JSON.stringify([
+		l,
+		n,
+		a
+	]), f = o({
+		scopeKey: l,
+		ids: /* @__PURE__ */ new Set()
+	}), p = o(0), [m, h] = s({
+		scopeKey: l,
+		readKey: u,
+		jobs: [],
+		totalJobs: 0,
+		hasMore: !1,
+		isLoading: !0,
+		error: null
+	}), g = r(async () => {
+		let e = ++p.current;
+		f.current.scopeKey !== l && (f.current = {
+			scopeKey: l,
+			ids: /* @__PURE__ */ new Set()
+		}), h((e) => ({
+			scopeKey: l,
+			readKey: u,
+			jobs: e.readKey === u ? e.jobs : [],
+			totalJobs: e.readKey === u ? e.totalJobs : 0,
+			hasMore: e.readKey === u ? e.hasMore : !1,
+			isLoading: !0,
+			error: null
+		}));
 		try {
-			let e = await t(s, u, { pagination: {
+			let r = await t(c, d, { pagination: {
 				limit: n,
 				offset: a
 			} });
-			f(e.myPendingEpodDeliveryJobsCount ?? 0), m(a + e.myPendingEpodDeliveryJobs.length < e.myPendingEpodDeliveryJobsCount), l(e.myPendingEpodDeliveryJobs.map((e) => ({
-				id: e.id,
-				deliveryJobNumber: e.deliveryJobNumber,
-				status: e.status,
-				priority: e.priority,
-				deliveryAddress: e.deliveryAddress,
-				scheduledDelivery: e.scheduledDelivery ? new Date(e.scheduledDelivery) : void 0,
-				customerName: e.customer?.name ?? void 0,
-				customerPhone: e.customer?.phone ?? void 0
-			})));
-		} catch (e) {
-			y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load pending deliveries")), l([]);
-		} finally {
-			g(!1);
+			if (e !== p.current) return;
+			let i = r.myPendingEpodDeliveryJobs, o = r.myPendingEpodDeliveryJobsCount ?? 0, s = i.filter((e) => f.current.ids.has(e.id)).length;
+			h({
+				scopeKey: l,
+				readKey: u,
+				totalJobs: Math.max(0, o - s),
+				hasMore: a + i.length < o,
+				jobs: i.filter((e) => !f.current.ids.has(e.id)).map((e) => ({
+					id: e.id,
+					deliveryJobNumber: e.deliveryJobNumber,
+					status: e.status,
+					priority: e.priority,
+					deliveryAddress: e.deliveryAddress,
+					scheduledDelivery: e.scheduledDelivery ? new Date(e.scheduledDelivery) : void 0,
+					customerName: e.customer?.name ?? void 0,
+					customerPhone: e.customer?.phone ?? void 0
+				})),
+				isLoading: !1,
+				error: null
+			});
+		} catch (t) {
+			if (e !== p.current) return;
+			h({
+				scopeKey: l,
+				readKey: u,
+				jobs: [],
+				totalJobs: 0,
+				hasMore: !1,
+				isLoading: !1,
+				error: t instanceof Error ? t : /* @__PURE__ */ Error("Failed to load pending deliveries")
+			});
 		}
 	}, [
-		s,
+		c,
 		n,
-		a
-	]);
-	return i(() => {
-		b();
-	}, [b]), {
-		jobs: c,
-		totalJobs: d,
-		hasMore: p,
-		isLoading: h,
-		error: _,
-		refetch: b
+		a,
+		l,
+		u
+	]), _ = r(() => {
+		p.current++;
+	}, []);
+	i(() => (g(), _), [g, _]);
+	let v = r((e) => {
+		f.current.scopeKey !== l || f.current.ids.has(e) || (f.current.ids.add(e), h((t) => {
+			if (t.scopeKey !== l) return t;
+			let n = t.jobs.some((t) => t.id === e);
+			return {
+				...t,
+				jobs: t.jobs.filter((t) => t.id !== e),
+				totalJobs: Math.max(0, t.totalJobs - +!!n)
+			};
+		}));
+	}, [l]), b = m.readKey === u;
+	return {
+		jobs: b ? m.jobs : [],
+		totalJobs: b ? m.totalJobs : 0,
+		hasMore: b && m.hasMore,
+		isLoading: !b || m.isLoading,
+		error: b ? m.error : null,
+		refetch: g,
+		retireAcknowledgedJob: v
 	};
 }
-function x(e, t) {
-	return !!e && typeof e.id == "string" && e.id.trim().length > 0 && e.deliveryJobId === t.deliveryJobId && e.shipmentId === t.expectedShipmentId && e.recipientName === t.recipientName && e.signatureType === g(t.signatureType) && e.signatureData === t.signatureData && typeof e.capturedByDriverId == "string" && e.capturedByDriverId.trim().length > 0 && typeof e.deliveredAt == "string" && Number.isFinite(Date.parse(e.deliveredAt)) && Array.isArray(e.photoFileIds) && e.photoFileIds.length === (t.photoFileIds ?? []).length && e.photoFileIds.every((e, n) => e === (t.photoFileIds ?? [])[n]) && e.latitude === (t.latitude ?? null) && e.longitude === (t.longitude ?? null) && e.locationAccuracy === (t.locationAccuracy ?? null) && e.notes === (t.notes ?? null);
+function S(e, t) {
+	return !!e && typeof e.id == "string" && e.id.trim().length > 0 && e.deliveryJobId === t.deliveryJobId && e.shipmentId === t.expectedShipmentId && e.recipientName === t.recipientName && e.signatureType === _(t.signatureType) && e.signatureData === t.signatureData && typeof e.capturedByDriverId == "string" && e.capturedByDriverId.trim().length > 0 && typeof e.deliveredAt == "string" && Number.isFinite(Date.parse(e.deliveredAt)) && (e.photoFileIds === null ? (t.photoFileIds ?? []).length === 0 : Array.isArray(e.photoFileIds) && e.photoFileIds.length === (t.photoFileIds ?? []).length && e.photoFileIds.every((e, n) => e === (t.photoFileIds ?? [])[n])) && e.latitude === (t.latitude ?? null) && e.longitude === (t.longitude ?? null) && e.locationAccuracy === (t.locationAccuracy ?? null) && e.notes === (t.notes ?? null);
 }
-function S() {
-	let e = n(), [t, i] = o(null);
+function C() {
+	let e = n(), [t, i] = s(null);
 	return {
 		captureEpod: r(async (t) => {
 			i(null);
 			try {
-				let n = await e.run(d, { input: {
+				let n = await e.run(f, { input: {
 					expectedShipmentStatusRevision: t.expectedShipmentStatusRevision,
 					completionAttestation: t.completionAttestation,
 					deliveryJobId: t.deliveryJobId,
 					recipientName: t.recipientName,
-					signatureType: g(t.signatureType),
+					signatureType: _(t.signatureType),
 					signatureData: t.signatureData,
 					photoFileIds: t.photoFileIds,
 					latitude: t.latitude,
 					longitude: t.longitude,
 					locationAccuracy: t.locationAccuracy,
 					notes: t.notes
-				} }, (e) => x(e.captureEpod, t));
+				} }, (e) => S(e.captureEpod, t));
 				if (!n) throw Error("Capture was not acknowledged. Review the recorded status and the capture message before taking further action.");
-				return _(n.captureEpod);
+				return v(n.captureEpod);
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Failed to capture proof of delivery");
 				throw i(t), t;
@@ -153,32 +217,32 @@ function S() {
 		captureFeedback: e.feedback
 	};
 }
-function C() {
-	let e = v(), [n, i] = o(!1), [a, s] = o(0), [c, l] = o(null);
+function w() {
+	let e = y(), [n, i] = s(!1), [a, o] = s(0), [c, l] = s(null);
 	return {
 		upload: r(async (n) => {
-			i(!0), s(0), l(null);
+			i(!0), o(0), l(null);
 			try {
-				let r = n.name.lastIndexOf("."), i = r > -1 ? n.name.slice(r + 1) : "", a = n.type || "application/octet-stream", o = await t(e, f, { input: {
+				let r = n.name.lastIndexOf("."), i = r > -1 ? n.name.slice(r + 1) : "", a = n.type || "application/octet-stream", s = await t(e, p, { input: {
 					fileName: n.name,
 					extension: i,
 					mimeType: a,
 					fileSize: String(n.size),
 					visibility: "WORKSPACE"
-				} }), { uploadUrl: c } = o.initiateUpload, l = o.initiateUpload.session.id;
+				} }), { uploadUrl: c } = s.initiateUpload, l = s.initiateUpload.session.id;
 				if (!c) throw Error("The file service did not return an upload URL.");
-				s(50);
+				o(50);
 				let u = await fetch(c, {
 					method: "PUT",
 					headers: { "Content-Type": a },
 					body: n
 				});
 				if (!u.ok) throw Error(`File storage rejected the upload (HTTP ${u.status}).`);
-				let d = await t(e, p, { input: {
+				let d = await t(e, m, { input: {
 					sessionId: l,
 					fileSize: String(n.size)
 				} });
-				return s(100), {
+				return o(100), {
 					fileId: d.completeUpload.fileId,
 					fileName: n.name
 				};
@@ -194,17 +258,17 @@ function C() {
 		error: c
 	};
 }
-function w(e) {
-	let n = v(), [r, a] = o(null), [s, c] = o(!1);
+function T(e) {
+	let n = y(), [r, a] = s(null), [o, c] = s(!1);
 	return i(() => {
 		if (!e) {
 			a(null);
 			return;
 		}
 		let r = !1;
-		return c(!0), t(n, m, {
+		return c(!0), t(n, h, {
 			id: e,
-			expiresIn: h
+			expiresIn: g
 		}).then((e) => {
 			r || a(e.getFileDownloadUrl ?? null);
 		}).catch(() => {
@@ -216,8 +280,8 @@ function w(e) {
 		};
 	}, [e, n]), {
 		url: r,
-		isLoading: s
+		isLoading: o
 	};
 }
 //#endregion
-export { S as useCaptureEpod, y as useEpod, C as useEpodPhotoUpload, w as useEpodPhotoUrl, b as useMyPendingEpodDeliveryJobs };
+export { C as useCaptureEpod, b as useEpod, w as useEpodPhotoUpload, T as useEpodPhotoUrl, x as useMyPendingEpodDeliveryJobs };

package/dist/movethewheels/hooks/useEpod.d.ts

@@ -43,6 +43,7 @@ export declare function useMyPendingEpodDeliveryJobs(options?: {
     isLoading: boolean;
     error: Error | null;
     refetch: () => Promise<void>;
+    retireAcknowledgedJob: (deliveryJobId: string) => void;
 };
 export interface CaptureEpodArgs {
     expectedShipmentId: string | null;

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 })]
 					})]
 				})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.1011.4",
+  "version": "2026.1012.2",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [

package/src/movethewheels/hooks/useEpod.ts

@@ -11,7 +11,7 @@
  * Deferred (see BOFF-4399 follow-up notes): barcode/RFID capture and
  * multi-language delivery instructions.
  */
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { parse } from 'graphql';
 import { useShipmentStatusCommand } from './useShipmentStatusAuthority';
 import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
@@ -212,51 +212,127 @@ interface ApiPendingJob {
 export function useMyPendingEpodDeliveryJobs(options: { limit?: number; offset?: number } = {}) {
   const { limit = 20, offset = 0 } = options;
   const graphQLOptions = useGraphQLOptions();
-  const [jobs, setJobs] = useState<PendingEpodDeliveryJob[]>([]);
-  const [totalJobs, setTotalJobs] = useState(0);
-  const [hasMore, setHasMore] = useState(false);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
+  const scopeKey = JSON.stringify([
+    graphQLOptions.apiGatewayUrl,
+    graphQLOptions.workspaceId,
+    graphQLOptions.tenantId,
+    graphQLOptions.actorId,
+  ]);
+  const readKey = JSON.stringify([scopeKey, limit, offset]);
+  // A validated capture ACK makes this stop ineligible for capture immediately.
+  // Keep that fact for this actor/scope while a pending-list refresh is delayed.
+  // This is an in-memory UI exclusion, never a fabricated server job update.
+  const acknowledgedJobs = useRef({ scopeKey, ids: new Set<string>() });
+  const requestId = useRef(0);
+  const [snapshot, setSnapshot] = useState<{
+    scopeKey: string;
+    readKey: string;
+    jobs: PendingEpodDeliveryJob[];
+    totalJobs: number;
+    hasMore: boolean;
+    isLoading: boolean;
+    error: Error | null;
+  }>({ scopeKey, readKey, jobs: [], totalJobs: 0, hasMore: false, isLoading: true, error: null });
 
   const load = useCallback(async () => {
-    setIsLoading(true);
-    setError(null);
+    const request = ++requestId.current;
+    if (acknowledgedJobs.current.scopeKey !== scopeKey) {
+      acknowledgedJobs.current = { scopeKey, ids: new Set<string>() };
+    }
+    setSnapshot((previous) => ({
+      scopeKey,
+      readKey,
+      jobs: previous.readKey === readKey ? previous.jobs : [],
+      totalJobs: previous.readKey === readKey ? previous.totalJobs : 0,
+      hasMore: previous.readKey === readKey ? previous.hasMore : false,
+      isLoading: true,
+      error: null,
+    }));
     try {
       const data = await executeGraphQL<{
         myPendingEpodDeliveryJobs: ApiPendingJob[];
         myPendingEpodDeliveryJobsCount: number;
       }>(graphQLOptions, MY_PENDING_EPOD_JOBS_QUERY, { pagination: { limit, offset } });
-      setTotalJobs(data.myPendingEpodDeliveryJobsCount ?? 0);
-      setHasMore(
-        offset + data.myPendingEpodDeliveryJobs.length < data.myPendingEpodDeliveryJobsCount
-      );
-      setJobs(
-        data.myPendingEpodDeliveryJobs.map((job) => ({
-          id: job.id,
-          deliveryJobNumber: job.deliveryJobNumber,
-          status: job.status,
-          priority: job.priority,
-          deliveryAddress: job.deliveryAddress,
-          scheduledDelivery: job.scheduledDelivery ? new Date(job.scheduledDelivery) : undefined,
-          customerName: job.customer?.name ?? undefined,
-          customerPhone: job.customer?.phone ?? undefined,
-        }))
-      );
+      if (request !== requestId.current) return;
+      const rows = data.myPendingEpodDeliveryJobs;
+      const total = data.myPendingEpodDeliveryJobsCount ?? 0;
+      const excluded = rows.filter((job) => acknowledgedJobs.current.ids.has(job.id)).length;
+      setSnapshot({
+        scopeKey,
+        readKey,
+        totalJobs: Math.max(0, total - excluded),
+        // Pagination still follows the server page, including any excluded row.
+        hasMore: offset + rows.length < total,
+        jobs: rows
+          .filter((job) => !acknowledgedJobs.current.ids.has(job.id))
+          .map((job) => ({
+            id: job.id,
+            deliveryJobNumber: job.deliveryJobNumber,
+            status: job.status,
+            priority: job.priority,
+            deliveryAddress: job.deliveryAddress,
+            scheduledDelivery: job.scheduledDelivery ? new Date(job.scheduledDelivery) : undefined,
+            customerName: job.customer?.name ?? undefined,
+            customerPhone: job.customer?.phone ?? undefined,
+          })),
+        isLoading: false,
+        error: null,
+      });
     } catch (fetchError) {
-      setError(
-        fetchError instanceof Error ? fetchError : new Error('Failed to load pending deliveries')
-      );
-      setJobs([]);
-    } finally {
-      setIsLoading(false);
+      if (request !== requestId.current) return;
+      setSnapshot({
+        scopeKey,
+        readKey,
+        jobs: [],
+        totalJobs: 0,
+        hasMore: false,
+        isLoading: false,
+        error:
+          fetchError instanceof Error ? fetchError : new Error('Failed to load pending deliveries'),
+      });
     }
-  }, [graphQLOptions, limit, offset]);
+  }, [graphQLOptions, limit, offset, scopeKey, readKey]);
+
+  const cancelPendingRead = useCallback(() => {
+    requestId.current++;
+  }, []);
 
   useEffect(() => {
     void load();
-  }, [load]);
+    return cancelPendingRead;
+  }, [load, cancelPendingRead]);
+
+  const retireAcknowledgedJob = useCallback(
+    (deliveryJobId: string) => {
+      if (
+        acknowledgedJobs.current.scopeKey !== scopeKey ||
+        acknowledgedJobs.current.ids.has(deliveryJobId)
+      )
+        return;
+      acknowledgedJobs.current.ids.add(deliveryJobId);
+      setSnapshot((previous) => {
+        if (previous.scopeKey !== scopeKey) return previous;
+        const removed = previous.jobs.some((job) => job.id === deliveryJobId);
+        return {
+          ...previous,
+          jobs: previous.jobs.filter((job) => job.id !== deliveryJobId),
+          totalJobs: Math.max(0, previous.totalJobs - (removed ? 1 : 0)),
+        };
+      });
+    },
+    [scopeKey]
+  );
 
-  return { jobs, totalJobs, hasMore, isLoading, error, refetch: load };
+  const current = snapshot.readKey === readKey;
+  return {
+    jobs: current ? snapshot.jobs : [],
+    totalJobs: current ? snapshot.totalJobs : 0,
+    hasMore: current && snapshot.hasMore,
+    isLoading: !current || snapshot.isLoading,
+    error: current ? snapshot.error : null,
+    refetch: load,
+    retireAcknowledgedJob,
+  };
 }
 
 export interface CaptureEpodArgs {
@@ -291,9 +367,11 @@ export function epodAcknowledged(
     actual.capturedByDriverId.trim().length > 0 &&
     typeof actual.deliveredAt === 'string' &&
     Number.isFinite(Date.parse(actual.deliveredAt)) &&
-    Array.isArray(actual.photoFileIds) &&
-    actual.photoFileIds.length === (expected.photoFileIds ?? []).length &&
-    actual.photoFileIds.every((id, index) => id === (expected.photoFileIds ?? [])[index]) &&
+    (actual.photoFileIds === null
+      ? (expected.photoFileIds ?? []).length === 0
+      : Array.isArray(actual.photoFileIds) &&
+        actual.photoFileIds.length === (expected.photoFileIds ?? []).length &&
+        actual.photoFileIds.every((id, index) => id === (expected.photoFileIds ?? [])[index])) &&
     actual.latitude === (expected.latitude ?? null) &&
     actual.longitude === (expected.longitude ?? null) &&
     actual.locationAccuracy === (expected.locationAccuracy ?? null) &&

package/src/movethewheels/pages/DeliveryCapturePage.tsx

@@ -78,7 +78,7 @@ function CaptureForm({
   onCancel,
 }: {
   job: PendingEpodDeliveryJob;
-  onCaptured: () => void;
+  onCaptured: (deliveryJobId: string) => void;
   onCancel: () => void;
 }) {
   const { captureEpod, isSubmitting, error: captureError, captureFeedback } = useCaptureEpod();
@@ -163,7 +163,7 @@ function CaptureForm({
       const position = await getCurrentPosition();
       if (!active.current) return;
 
-      await captureEpod({
+      const proof = await captureEpod({
         expectedShipmentId: ownedStatus.data.myEpodShipmentStatus?.id ?? null,
         expectedShipmentStatusRevision: ownedStatus.data.myEpodShipmentStatus?.statusRevision,
         completionAttestation,
@@ -178,7 +178,8 @@ function CaptureForm({
         notes: notes.trim() || undefined,
       });
 
-      onCaptured();
+      if (!active.current) return;
+      onCaptured(proof.deliveryJobId);
     } catch {
       setCompletionAttestation(false);
       setRequiredStatusRefresh(statusRefresh + 1);
@@ -358,14 +359,16 @@ export default function DeliveryCapturePage() {
   const { workspaceId, tenantId, currentUser, apiGatewayUrl } = useMoveTheWheels();
   const [pageIndex, setPageIndex] = useState(0);
   const pageSize = 20;
-  const { jobs, hasMore, isLoading, error, refetch } = useMyPendingEpodDeliveryJobs({
-    limit: pageSize,
-    offset: pageIndex * pageSize,
-  });
+  const { jobs, hasMore, isLoading, error, refetch, retireAcknowledgedJob } =
+    useMyPendingEpodDeliveryJobs({
+      limit: pageSize,
+      offset: pageIndex * pageSize,
+    });
   const [selectedJob, setSelectedJob] = useState<PendingEpodDeliveryJob | null>(null);
   const { message, notify } = useNotice();
 
-  const handleCaptured = () => {
+  const handleCaptured = (deliveryJobId: string) => {
+    retireAcknowledgedJob(deliveryJobId);
     notify('Proof of delivery captured — delivery marked complete.');
     setSelectedJob(null);
     setPageIndex(0);