@burdenoff/microfe-movethewheels 2026.1031.2 → 2026.1031.4

package/dist/pages/DeliveryCapturePage.js

@@ -6,18 +6,18 @@ 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 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 { 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 { formatAddress as ee, formatDate as d } from "../utils/formatters.js";
+import { mapOrderPriority as f, mapOrderStatus as p } from "../hooks/useOrders.js";
+import { useShipmentStatusQuery as m } from "../hooks/useShipmentStatusAuthority.js";
+import { useCaptureEpod as h, useEpodPhotoUpload as g, useMyPendingEpodDeliveryJobs as _ } from "../hooks/useEpod.js";
+import { Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C, Label as w, Textarea as T } from "../components/ui.js";
+import { PageLayout as E } from "../components/PageLayout.js";
+import { PriorityBadge as D, StatusBadge as O } from "../components/StatusBadge.js";
+import { FormError as k } from "../components/FormError.js";
+import { Notice as A, useNotice as j } from "../components/Notice.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";
@@ -37,13 +37,13 @@ function ne() {
 	});
 }
 function z({ job: e, onCaptured: t, onCancel: a }) {
-	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);
+	let { captureEpod: u, isSubmitting: d, error: f, captureFeedback: p } = h(), [_, E] = I(0), D = m(N, { deliveryJobId: e.id }, _), [O, A] = 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 } = 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 () => {
+	let [re, V] = I(!1), [H, ie] = I(0), { upload: ae, isUploading: oe, error: U } = g(), 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), E.loading || E.error || !E.data || w < H || !O || h?.kind === "UNKNOWN") {
+		if (Q(null), D.loading || D.error || !D.data || _ < H || !O || p?.kind === "UNKNOWN") {
 			Q("Review the current linked shipment status and confirm completion before capture. Do not resend an uncertain capture.");
 			return;
 		}
@@ -71,9 +71,9 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			if (!B.current) return;
 			let a = await ne();
 			if (!B.current) return;
-			let o = await l({
-				expectedShipmentId: E.data.myEpodShipmentStatus?.id ?? null,
-				expectedShipmentStatusRevision: E.data.myEpodShipmentStatus?.statusRevision,
+			let o = await u({
+				expectedShipmentId: D.data.myEpodShipmentStatus?.id ?? null,
+				expectedShipmentStatusRevision: D.data.myEpodShipmentStatus?.statusRevision,
 				completionAttestation: O,
 				deliveryJobId: e.id,
 				recipientName: n,
@@ -88,24 +88,24 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			if (!B.current) return;
 			t(o.deliveryJobId);
 		} catch {
-			k(!1), ie(w + 1);
+			A(!1), ie(_ + 1);
 		} finally {
 			z.current = !1, V(!1);
 		}
-	}, $ = u || oe || re;
-	return /* @__PURE__ */ R(_, { children: [/* @__PURE__ */ L(y, { children: /* @__PURE__ */ R(b, {
+	}, $ = d || oe || re;
+	return /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L(x, { children: /* @__PURE__ */ R(S, {
 		className: "flex items-center gap-2",
 		children: [
 			/* @__PURE__ */ L(s, { size: 18 }),
 			" Capture delivery for ",
 			e.deliveryJobNumber
 		]
-	}) }), /* @__PURE__ */ R(v, {
+	}) }), /* @__PURE__ */ R(b, {
 		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: A(e.deliveryAddress) })]
+				children: [e.customerName && /* @__PURE__ */ R("p", { children: ["Recipient on file: ", e.customerName] }), e.deliveryAddress && /* @__PURE__ */ L("p", { children: ee(e.deliveryAddress) })]
 			}),
 			/* @__PURE__ */ R("section", {
 				"aria-label": "Linked shipment status",
@@ -114,17 +114,17 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 					/* @__PURE__ */ R("p", { children: [
 						"Recorded shipment:",
 						" ",
-						E.data?.myEpodShipmentStatus ? `${E.data.myEpodShipmentStatus.status.toLowerCase().replaceAll("_", " ")} · revision ${E.data.myEpodShipmentStatus.statusRevision}` : E.data ? "No linked shipment" : "Loading current record"
+						D.data?.myEpodShipmentStatus ? `${D.data.myEpodShipmentStatus.status.toLowerCase().replaceAll("_", " ")} · revision ${D.data.myEpodShipmentStatus.statusRevision}` : D.data ? "No linked shipment" : "Loading current record"
 					] }),
-					E.error && /* @__PURE__ */ L("p", {
+					D.error && /* @__PURE__ */ L("p", {
 						role: "alert",
-						children: E.error
+						children: D.error
 					}),
-					/* @__PURE__ */ L(g, {
+					/* @__PURE__ */ L(v, {
 						variant: "outline",
-						disabled: E.loading || $,
+						disabled: D.loading || $,
 						onClick: () => {
-							k(!1), T((e) => e + 1);
+							A(!1), E((e) => e + 1);
 						},
 						children: "Refresh linked status"
 					}),
@@ -133,23 +133,23 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 						children: [/* @__PURE__ */ L("input", {
 							type: "checkbox",
 							checked: O,
-							disabled: E.loading || !!E.error || $ || w < H || h?.kind === "UNKNOWN",
-							onChange: (e) => k(e.target.checked)
+							disabled: D.loading || !!D.error || $ || _ < H || p?.kind === "UNKNOWN",
+							onChange: (e) => A(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." }),
-					h && /* @__PURE__ */ L("p", {
+					p && /* @__PURE__ */ L("p", {
 						role: "status",
-						children: h.message
+						children: p.message
 					})
 				]
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(S, {
+				children: [/* @__PURE__ */ L(w, {
 					htmlFor: "epod-recipient-name",
 					children: "Recipient name"
-				}), /* @__PURE__ */ L(x, {
+				}), /* @__PURE__ */ L(C, {
 					id: "epod-recipient-name",
 					value: G,
 					onChange: (e) => se(e.target.value),
@@ -159,24 +159,24 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ L(S, { children: "Signature" }),
+					/* @__PURE__ */ L(w, { children: "Signature" }),
 					/* @__PURE__ */ R("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ R(g, {
+						children: [/* @__PURE__ */ R(v, {
 							type: "button",
 							variant: K === "drawn" ? "default" : "outline",
 							size: "sm",
 							onClick: () => q("drawn"),
 							children: [/* @__PURE__ */ L(o, { size: 14 }), " Draw"]
-						}), /* @__PURE__ */ R(g, {
+						}), /* @__PURE__ */ R(v, {
 							type: "button",
 							variant: K === "typed" ? "default" : "outline",
 							size: "sm",
 							onClick: () => q("typed"),
-							children: [/* @__PURE__ */ L(ee, { size: 14 }), " Type name instead"]
+							children: [/* @__PURE__ */ L(c, { size: 14 }), " Type name instead"]
 						})]
 					}),
-					K === "drawn" ? /* @__PURE__ */ L(M, { ref: W }) : /* @__PURE__ */ L(x, {
+					K === "drawn" ? /* @__PURE__ */ L(M, { ref: W }) : /* @__PURE__ */ L(C, {
 						value: J,
 						onChange: (e) => ce(e.target.value),
 						placeholder: "Type full name as signature"
@@ -186,7 +186,7 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
 				children: [
-					/* @__PURE__ */ L(S, {
+					/* @__PURE__ */ L(w, {
 						htmlFor: "epod-photo",
 						children: "Delivery photo (optional)"
 					}),
@@ -199,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(c, {
+						}), Y && /* @__PURE__ */ L(l, {
 							size: 14,
 							className: "text-text-secondary"
 						})]
@@ -212,10 +212,10 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "space-y-1.5",
-				children: [/* @__PURE__ */ L(S, {
+				children: [/* @__PURE__ */ L(w, {
 					htmlFor: "epod-notes",
 					children: "Notes (optional)"
-				}), /* @__PURE__ */ L(C, {
+				}), /* @__PURE__ */ L(T, {
 					id: "epod-notes",
 					value: X,
 					onChange: (e) => ue(e.target.value),
@@ -227,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(D, { message: Z }),
-			d && /* @__PURE__ */ L(D, { message: d.message }),
-			U && /* @__PURE__ */ L(D, { message: U.message }),
+			Z && /* @__PURE__ */ L(k, { message: Z }),
+			f && /* @__PURE__ */ L(k, { message: f.message }),
+			U && /* @__PURE__ */ L(k, { message: U.message }),
 			/* @__PURE__ */ R("div", {
 				className: "flex gap-2 justify-end",
-				children: [/* @__PURE__ */ L(g, {
+				children: [/* @__PURE__ */ L(v, {
 					type: "button",
 					variant: "outline",
 					onClick: a,
 					disabled: $,
 					children: "Cancel"
-				}), /* @__PURE__ */ L(g, {
+				}), /* @__PURE__ */ L(v, {
 					type: "button",
 					onClick: () => void de(),
-					disabled: $ || E.loading || !!E.error || !E.data || w < H || !O || h?.kind === "UNKNOWN",
+					disabled: $ || D.loading || !!D.error || !D.data || _ < H || !O || p?.kind === "UNKNOWN",
 					children: $ ? /* @__PURE__ */ R(te, { children: [/* @__PURE__ */ L(r, {
 						size: 14,
 						className: "animate-spin"
@@ -252,28 +252,28 @@ function z({ job: e, onCaptured: t, onCancel: a }) {
 	})] });
 }
 function B() {
-	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({
+	let { workspaceId: r, tenantId: i, currentUser: o, apiGatewayUrl: c } = u(), [l, m] = I(0), { jobs: h, hasMore: g, isLoading: x, error: S, refetch: C, retireAcknowledgedJob: w } = _({
 		limit: 20,
-		offset: c * 20
-	}), [C, M] = I(null), { message: N, notify: P } = k();
-	return /* @__PURE__ */ L(w, {
+		offset: l * 20
+	}), [T, M] = I(null), { message: N, notify: P } = j();
+	return /* @__PURE__ */ L(E, {
 		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(O, { message: N }), C ? /* @__PURE__ */ L(z, {
-				job: C,
+			children: [/* @__PURE__ */ L(A, { message: N }), T ? /* @__PURE__ */ L(z, {
+				job: T,
 				onCaptured: (e) => {
-					S(e), P("Proof of delivery captured — delivery marked complete."), M(null), f(0), x();
+					w(e), P("Proof of delivery captured — delivery marked complete."), M(null), m(0), C();
 				},
 				onCancel: () => M(null)
-			}, `${r}:${i}:${o?.id}:${ee}:${C.id}`) : y ? /* @__PURE__ */ L("p", {
+			}, `${r}:${i}:${o?.id}:${c}:${T.id}`) : x ? /* @__PURE__ */ L("p", {
 				className: "text-text-secondary text-center py-8",
 				children: "Loading your deliveries…"
-			}) : b ? /* @__PURE__ */ L(D, { message: b.message }) : p.length > 0 ? /* @__PURE__ */ R("div", {
+			}) : S ? /* @__PURE__ */ L(k, { message: S.message }) : h.length > 0 ? /* @__PURE__ */ R("div", {
 				className: "space-y-3",
-				children: [p.map((e) => /* @__PURE__ */ L(_, { children: /* @__PURE__ */ R(v, {
+				children: [h.map((e) => /* @__PURE__ */ L(y, { children: /* @__PURE__ */ R(b, {
 					className: "flex items-center justify-between gap-3 py-4",
 					children: [/* @__PURE__ */ R("div", {
 						className: "min-w-0",
@@ -288,45 +288,45 @@ function B() {
 							}),
 							/* @__PURE__ */ R("div", {
 								className: "flex flex-wrap items-center gap-1.5 py-1",
-								children: [/* @__PURE__ */ L(E, {
-									status: d(e.status),
+								children: [/* @__PURE__ */ L(O, {
+									status: p(e.status),
 									type: "order",
 									size: "sm"
-								}), /* @__PURE__ */ L(T, {
-									priority: u(e.priority),
+								}), /* @__PURE__ */ L(D, {
+									priority: f(e.priority),
 									size: "sm"
 								})]
 							}),
 							e.deliveryAddress && /* @__PURE__ */ L("p", {
 								className: "text-sm text-text-secondary truncate",
-								children: A(e.deliveryAddress)
+								children: ee(e.deliveryAddress)
 							}),
 							e.scheduledDelivery && /* @__PURE__ */ R("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Scheduled ", j(e.scheduledDelivery, "short")]
+								children: ["Scheduled ", d(e.scheduledDelivery, "short")]
 							})
 						]
-					}), /* @__PURE__ */ L(g, {
+					}), /* @__PURE__ */ L(v, {
 						type: "button",
 						size: "sm",
 						onClick: () => M(e),
 						children: "Capture"
 					})]
-				}) }, e.id)), (c > 0 || m) && /* @__PURE__ */ R("div", {
+				}) }, e.id)), (l > 0 || g) && /* @__PURE__ */ R("div", {
 					className: "flex justify-end gap-2 pt-2",
-					children: [/* @__PURE__ */ R(g, {
+					children: [/* @__PURE__ */ R(v, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						disabled: c === 0 || y,
-						onClick: () => f((e) => Math.max(0, e - 1)),
+						disabled: l === 0 || x,
+						onClick: () => m((e) => Math.max(0, e - 1)),
 						children: [/* @__PURE__ */ L(e, { size: 16 }), " Previous"]
-					}), /* @__PURE__ */ R(g, {
+					}), /* @__PURE__ */ R(v, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						disabled: !m || y,
-						onClick: () => f((e) => e + 1),
+						disabled: !g || x,
+						onClick: () => m((e) => e + 1),
 						children: ["Next ", /* @__PURE__ */ L(t, { size: 16 })]
 					})]
 				})]