@burdenoff/microfe-movethewheels 2026.1101.2 → 2026.1101.3

package/dist/movethewheels/utils/driverNavigation.d.ts

@@ -29,3 +29,9 @@ export declare function timezoneOffsetFor(date: string): number;
  * days. Null when the runtime cannot report one; the fixed offset is then used.
  */
 export declare function deviceTimeZone(): string | null;
+/**
+ * A calendar label for a YYYY-MM-DD day, e.g. "Sunday, November 1, 2026".
+ * Formatted as a pure calendar date (no time, no zone shift) so the header
+ * always names the day the driver picked.
+ */
+export declare function formatLocalDay(date: string): string;

package/dist/pages/DeliveryCapturePage.js

@@ -10,20 +10,20 @@ import { Phone as c } from "../node_modules/lucide-react/dist/esm/icons/phone.js
 import { RefreshCw as l } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Route as u } from "../node_modules/lucide-react/dist/esm/icons/route.js";
 import { TriangleAlert as d } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
-import { Truck as ee } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { WifiOff as te } from "../node_modules/lucide-react/dist/esm/icons/wifi-off.js";
-import { useMoveTheWheels as ne } from "../providers/MoveTheWheelsProvider.js";
-import { formatAddress as f, formatDate as p, formatTime as m } from "../utils/formatters.js";
-import { mapOrderPriority as h } from "../hooks/useOrders.js";
-import { localDateString as g, phoneHref as _, routeNavigationUrl as v, shiftLocalDate as y, stopNavigationUrl as b } from "../utils/driverNavigation.js";
-import { useMyDeliveryDay as re, useOnlineStatus as x } from "../hooks/useDriverDay.js";
-import { Badge as S, Button as C, Card as w, CardContent as T, Input as ie, Progress as ae } from "../components/ui.js";
-import { PageLayout as E } from "../components/PageLayout.js";
-import { PriorityBadge 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 { Truck as f } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { WifiOff as ee } from "../node_modules/lucide-react/dist/esm/icons/wifi-off.js";
+import { useMoveTheWheels as te } from "../providers/MoveTheWheelsProvider.js";
+import { formatAddress as p, formatDate as m, formatTime as h } from "../utils/formatters.js";
+import { mapOrderPriority as g } from "../hooks/useOrders.js";
+import { formatLocalDay as _, localDateString as v, phoneHref as y, routeNavigationUrl as ne, shiftLocalDate as b, stopNavigationUrl as x } from "../utils/driverNavigation.js";
+import { useMyDeliveryDay as re, useOnlineStatus as ie } from "../hooks/useDriverDay.js";
+import { Badge as S, Button as C, Card as w, CardContent as T, Input as E, Progress as D } from "../components/ui.js";
+import { PageLayout as O } from "../components/PageLayout.js";
+import { PriorityBadge as k } from "../components/StatusBadge.js";
+import { FormError as A } from "../components/FormError.js";
+import { Notice as j, useNotice as ae } from "../components/Notice.js";
 import { EpodCaptureForm as oe } from "../components/EpodCaptureForm.js";
-import { useEffect as se, useMemo as j, useRef as M, useState as N } from "react";
+import { useEffect as se, useMemo as M, useRef as ce, useState as N } from "react";
 import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/movethewheels/pages/DeliveryCapturePage.tsx
 var L = {
@@ -96,7 +96,7 @@ function W({ stop: e, onOpen: t, onCapture: n, offline: r }) {
 					}),
 					e.deliveryAddress && /* @__PURE__ */ F("p", {
 						className: "mt-1 text-sm text-text-secondary",
-						children: f(e.deliveryAddress)
+						children: p(e.deliveryAddress)
 					}),
 					/* @__PURE__ */ I("p", {
 						className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-text-secondary",
@@ -106,7 +106,7 @@ function W({ stop: e, onOpen: t, onCapture: n, offline: r }) {
 								children: [
 									/* @__PURE__ */ F(a, { size: 12 }),
 									" ",
-									m(e.scheduledDelivery)
+									h(e.scheduledDelivery)
 								]
 							}),
 							/* @__PURE__ */ I("span", {
@@ -139,8 +139,8 @@ function W({ stop: e, onOpen: t, onCapture: n, offline: r }) {
 		]
 	}) });
 }
-function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
-	let s = b(t.deliveryAddress), l = _(t.customerPhone);
+function le({ stop: t, onBack: n, onCapture: r, offline: a }) {
+	let s = x(t.deliveryAddress), l = y(t.customerPhone);
 	return /* @__PURE__ */ I("div", {
 		className: "space-y-4",
 		children: [/* @__PURE__ */ I(C, {
@@ -161,8 +161,8 @@ function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
 							children: ["Stop ", t.sequence]
 						}),
 						/* @__PURE__ */ F(H, { state: t.state }),
-						/* @__PURE__ */ F(D, {
-							priority: h(t.priority),
+						/* @__PURE__ */ F(k, {
+							priority: g(t.priority),
 							size: "sm"
 						}),
 						t.overdue && /* @__PURE__ */ F(S, {
@@ -179,7 +179,7 @@ function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
 							children: "Deliver to"
 						}), /* @__PURE__ */ F("dd", {
 							className: "font-medium",
-							children: t.deliveryAddress ? f(t.deliveryAddress) : "No address on file"
+							children: t.deliveryAddress ? p(t.deliveryAddress) : "No address on file"
 						})] }),
 						t.customerName && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
 							className: "text-text-secondary",
@@ -200,7 +200,7 @@ function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
 							children: "Scheduled"
 						}), /* @__PURE__ */ F("dd", {
 							className: "font-medium",
-							children: p(t.scheduledDelivery, "full")
+							children: m(t.scheduledDelivery, "full")
 						})] }),
 						t.routeName && /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
 							className: "text-text-secondary",
@@ -221,7 +221,7 @@ function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
 							children: "Proof of delivery captured"
 						}), /* @__PURE__ */ F("dd", {
 							className: "font-medium",
-							children: p(t.deliveredAt, "full")
+							children: m(t.deliveredAt, "full")
 						})] })
 					]
 				}),
@@ -257,46 +257,46 @@ function G({ stop: t, onBack: n, onCapture: r, offline: a }) {
 		}) })]
 	});
 }
-function K() {
-	let { workspaceId: e, tenantId: a, currentUser: o, apiGatewayUrl: s } = ne(), c = x(), m = !c, [h, _] = N(() => g(/* @__PURE__ */ new Date())), [b, S] = N("all"), [D, L] = N({ kind: "list" }), { day: R, isLoading: H, error: U, refetch: K, markCaptured: ce } = re(h), { message: le, notify: ue } = A(), q = g(/* @__PURE__ */ new Date()), J = M(!1);
+function G() {
+	let { workspaceId: e, tenantId: a, currentUser: o, apiGatewayUrl: s } = te(), c = ie(), m = !c, [h, g] = N(() => v(/* @__PURE__ */ new Date())), [y, x] = N("all"), [S, k] = N({ kind: "list" }), { day: L, isLoading: R, error: H, refetch: U, markCaptured: G } = re(h), { message: ue, notify: K } = ae(), q = v(/* @__PURE__ */ new Date()), J = ce(!1);
 	se(() => {
-		c ? J.current && (J.current = !1, K()) : J.current = !0;
-	}, [c, K]);
-	let Y = j(() => R?.stops ?? [], [R]), X = j(() => Y.filter((e) => b === "all" ? !0 : b === "completed" ? z(e) : !z(e)), [Y, b]), Z = j(() => v(Y.filter((e) => !z(e)).map((e) => e.deliveryAddress)), [Y]), Q = D.kind === "list" ? null : Y.find((e) => e.jobId === D.jobId) ?? null, de = (e) => {
-		ce(e), ue("Proof of delivery captured — delivery marked complete."), L({ kind: "list" }), K();
+		c ? J.current && (J.current = !1, U()) : J.current = !0;
+	}, [c, U]);
+	let Y = M(() => L?.stops ?? [], [L]), X = M(() => Y.filter((e) => y === "all" ? !0 : y === "completed" ? z(e) : !z(e)), [Y, y]), Z = M(() => ne(Y.filter((e) => !z(e)).map((e) => e.deliveryAddress)), [Y]), Q = S.kind === "list" ? null : Y.find((e) => e.jobId === S.jobId) ?? null, de = (e) => {
+		G(e), K("Proof of delivery captured — delivery marked complete."), k({ kind: "list" }), U();
 	}, $ = (e) => {
-		/^\d{4}-\d{2}-\d{2}$/.test(e) && (_(e), L({ kind: "list" }));
-	}, fe = R && R.totalStops > 0 ? R.completedStops / R.totalStops * 100 : 0;
-	return /* @__PURE__ */ F(E, {
+		/^\d{4}-\d{2}-\d{2}$/.test(e) && (g(e), k({ kind: "list" }));
+	}, fe = L && L.totalStops > 0 ? L.completedStops / L.totalStops * 100 : 0;
+	return /* @__PURE__ */ F(O, {
 		title: "My Deliveries",
 		subtitle: "Your stops for the day, in order — navigate, then capture proof of delivery",
-		icon: /* @__PURE__ */ F(ee, { size: 24 }),
+		icon: /* @__PURE__ */ F(f, { size: 24 }),
 		maxWidth: "2xl",
 		children: /* @__PURE__ */ I("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ F(k, { message: le }),
+				/* @__PURE__ */ F(j, { message: ue }),
 				m && /* @__PURE__ */ I("div", {
 					role: "status",
 					className: "flex items-start gap-2 rounded-md border border-border bg-surface-secondary p-3 text-sm",
-					children: [/* @__PURE__ */ F(te, {
+					children: [/* @__PURE__ */ F(ee, {
 						size: 16,
 						className: "mt-0.5 shrink-0"
 					}), /* @__PURE__ */ F("span", { children: "You are offline. Your last loaded stops stay available; reconnect to capture proof of delivery." })]
 				}),
-				Q && D.kind === "capture" && Q.awaitingCapture ? /* @__PURE__ */ F(oe, {
+				Q && S.kind === "capture" && Q.awaitingCapture ? /* @__PURE__ */ F(oe, {
 					job: B(Q),
 					offline: m,
 					onCaptured: de,
-					onCancel: () => L({
+					onCancel: () => k({
 						kind: "stop",
 						jobId: Q.jobId
 					})
-				}, `${e}:${a}:${o?.id}:${s}:${Q.jobId}`) : Q ? /* @__PURE__ */ F(G, {
+				}, `${e}:${a}:${o?.id}:${s}:${Q.jobId}`) : Q ? /* @__PURE__ */ F(le, {
 					stop: Q,
 					offline: m,
-					onBack: () => L({ kind: "list" }),
-					onCapture: () => L({
+					onBack: () => k({ kind: "list" }),
+					onCapture: () => k({
 						kind: "capture",
 						jobId: Q.jobId
 					})
@@ -309,7 +309,7 @@ function K() {
 								variant: "outline",
 								size: "sm",
 								"aria-label": "Previous day",
-								onClick: () => $(y(h, -1)),
+								onClick: () => $(b(h, -1)),
 								children: /* @__PURE__ */ F(n, { size: 16 })
 							}),
 							/* @__PURE__ */ I(C, {
@@ -324,10 +324,10 @@ function K() {
 								variant: "outline",
 								size: "sm",
 								"aria-label": "Next day",
-								onClick: () => $(y(h, 1)),
+								onClick: () => $(b(h, 1)),
 								children: /* @__PURE__ */ F(r, { size: 16 })
 							}),
-							/* @__PURE__ */ F(ie, {
+							/* @__PURE__ */ F(E, {
 								type: "date",
 								"aria-label": "Delivery date",
 								value: h,
@@ -339,20 +339,20 @@ function K() {
 								variant: "ghost",
 								size: "sm",
 								"aria-label": "Refresh stops",
-								disabled: H || m,
-								onClick: () => void K(),
+								disabled: R || m,
+								onClick: () => void U(),
 								children: /* @__PURE__ */ F(l, {
 									size: 16,
-									className: H ? "animate-spin" : void 0
+									className: R ? "animate-spin" : void 0
 								})
 							})
 						]
 					}),
-					U && /* @__PURE__ */ F(O, { message: U.message }),
-					H && !R ? /* @__PURE__ */ F("p", {
+					H && /* @__PURE__ */ F(A, { message: H.message }),
+					R && !L ? /* @__PURE__ */ F("p", {
 						className: "py-8 text-center text-text-secondary",
 						children: "Loading your deliveries…"
-					}) : R && R.driverId === null ? /* @__PURE__ */ I("div", {
+					}) : L && L.driverId === null ? /* @__PURE__ */ I("div", {
 						className: "py-12 text-center",
 						children: [/* @__PURE__ */ F(d, {
 							size: 40,
@@ -361,7 +361,7 @@ function K() {
 							className: "text-text-secondary",
 							children: "Your account is not linked to a driver in this workspace. Ask your dispatcher to link your user on the driver profile."
 						})]
-					}) : R ? /* @__PURE__ */ I(P, { children: [
+					}) : L ? /* @__PURE__ */ I(P, { children: [
 						/* @__PURE__ */ F(w, { children: /* @__PURE__ */ I(T, {
 							className: "space-y-3 py-4",
 							children: [
@@ -370,35 +370,35 @@ function K() {
 									children: [/* @__PURE__ */ I("p", {
 										className: "font-medium",
 										children: [
-											R.completedStops,
+											L.completedStops,
 											" of ",
-											R.totalStops,
+											L.totalStops,
 											" stops done",
-											R.driverName ? ` · ${R.driverName}` : ""
+											L.driverName ? ` · ${L.driverName}` : ""
 										]
 									}), /* @__PURE__ */ F("p", {
 										className: "text-sm text-text-secondary",
-										children: p(/* @__PURE__ */ new Date(`${h}T12:00:00`), "full")
+										children: _(h)
 									})]
 								}),
-								/* @__PURE__ */ F(ae, {
+								/* @__PURE__ */ F(D, {
 									value: fe,
 									"aria-label": "Stops completed"
 								}),
-								R.nextStop && /* @__PURE__ */ I("div", {
+								L.nextStop && /* @__PURE__ */ I("div", {
 									className: "rounded-md border border-border p-3",
 									children: [
 										/* @__PURE__ */ I("p", {
 											className: "text-xs uppercase tracking-wide text-text-secondary",
-											children: ["Next stop · Stop ", R.nextStop.sequence]
+											children: ["Next stop · Stop ", L.nextStop.sequence]
 										}),
 										/* @__PURE__ */ F("p", {
 											className: "mt-1 font-medium",
-											children: R.nextStop.deliveryAddress ? f(R.nextStop.deliveryAddress) : R.nextStop.deliveryJobNumber
+											children: L.nextStop.deliveryAddress ? p(L.nextStop.deliveryAddress) : L.nextStop.deliveryJobNumber
 										}),
-										R.nextStop.customerName && /* @__PURE__ */ I("p", {
+										L.nextStop.customerName && /* @__PURE__ */ I("p", {
 											className: "text-sm text-text-secondary",
-											children: ["Recipient: ", R.nextStop.customerName]
+											children: ["Recipient: ", L.nextStop.customerName]
 										}),
 										/* @__PURE__ */ I("div", {
 											className: "mt-3 grid gap-2 sm:grid-cols-2",
@@ -411,8 +411,8 @@ function K() {
 												type: "button",
 												variant: "outline",
 												onClick: () => {
-													let e = R.nextStop;
-													e && L({
+													let e = L.nextStop;
+													e && k({
 														kind: "stop",
 														jobId: e.jobId
 													});
@@ -429,16 +429,16 @@ function K() {
 							"aria-label": "Filter stops",
 							className: "flex gap-2",
 							children: [
-								["all", `All stops (${R.totalStops})`],
-								["remaining", `Remaining (${R.remainingStops})`],
-								["completed", `Done (${R.completedStops})`]
+								["all", `All stops (${L.totalStops})`],
+								["remaining", `Remaining (${L.remainingStops})`],
+								["completed", `Done (${L.completedStops})`]
 							].map(([e, t]) => /* @__PURE__ */ F(C, {
 								type: "button",
 								role: "tab",
-								"aria-selected": b === e,
+								"aria-selected": y === e,
 								size: "sm",
-								variant: b === e ? "default" : "outline",
-								onClick: () => S(e),
+								variant: y === e ? "default" : "outline",
+								onClick: () => x(e),
 								children: t
 							}, e))
 						}),
@@ -447,11 +447,11 @@ function K() {
 							children: X.map((e) => /* @__PURE__ */ F(W, {
 								stop: e,
 								offline: m,
-								onOpen: () => L({
+								onOpen: () => k({
 									kind: "stop",
 									jobId: e.jobId
 								}),
-								onCapture: () => L({
+								onCapture: () => k({
 									kind: "capture",
 									jobId: e.jobId
 								})
@@ -463,7 +463,7 @@ function K() {
 								className: "mx-auto mb-3 text-text-secondary opacity-50"
 							}), /* @__PURE__ */ F("p", {
 								className: "text-text-secondary",
-								children: R.totalStops === 0 ? "No deliveries scheduled for this day." : b === "completed" ? "No stops completed yet." : "All stops done for this day."
+								children: L.totalStops === 0 ? "No deliveries scheduled for this day." : y === "completed" ? "No stops completed yet." : "All stops done for this day."
 							})]
 						})
 					] }) : null
@@ -473,4 +473,4 @@ function K() {
 	});
 }
 //#endregion
-export { K as default };
+export { G as default };

package/dist/utils/driverNavigation.js

@@ -47,5 +47,15 @@ function l() {
 		return null;
 	}
 }
+function u(e) {
+	let [t, n, r] = e.split("-").map(Number);
+	return new Intl.DateTimeFormat("en-US", {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric",
+		timeZone: "UTC"
+	}).format(new Date(Date.UTC(t, n - 1, r)));
+}
 //#endregion
-export { l as deviceTimeZone, o as localDateString, a as phoneHref, i as routeNavigationUrl, s as shiftLocalDate, r as stopNavigationUrl, c as timezoneOffsetFor };
+export { l as deviceTimeZone, u as formatLocalDay, o as localDateString, a as phoneHref, i as routeNavigationUrl, s as shiftLocalDate, r as stopNavigationUrl, c as timezoneOffsetFor };

package/package.json

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

package/src/movethewheels/pages/DeliveryCapturePage.tsx

@@ -48,6 +48,7 @@ import {
   type DriverStopState,
 } from '../hooks/useDriverDay';
 import {
+  formatLocalDay,
   localDateString,
   phoneHref,
   routeNavigationUrl,
@@ -445,9 +446,7 @@ export default function DeliveryCapturePage() {
                         {day.completedStops} of {day.totalStops} stops done
                         {day.driverName ? ` · ${day.driverName}` : ''}
                       </p>
-                      <p className="text-sm text-text-secondary">
-                        {formatDate(new Date(`${date}T12:00:00`), 'full')}
-                      </p>
+                      <p className="text-sm text-text-secondary">{formatLocalDay(date)}</p>
                     </div>
                     <Progress value={progress} aria-label="Stops completed" />
                     {day.nextStop && (

package/src/movethewheels/utils/driverNavigation.ts

@@ -101,3 +101,19 @@ export function deviceTimeZone(): string | null {
     return null;
   }
 }
+
+/**
+ * A calendar label for a YYYY-MM-DD day, e.g. "Sunday, November 1, 2026".
+ * Formatted as a pure calendar date (no time, no zone shift) so the header
+ * always names the day the driver picked.
+ */
+export function formatLocalDay(date: string): string {
+  const [year, month, day] = date.split('-').map(Number);
+  return new Intl.DateTimeFormat('en-US', {
+    weekday: 'long',
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+    timeZone: 'UTC',
+  }).format(new Date(Date.UTC(year, month - 1, day)));
+}