@burdenoff/microfe-movethewheels 2026.731.2 → 2026.802.1

package/dist/MoveTheWheelsRoutes.js

@@ -1,6 +1,6 @@
 import { useMoveTheWheels as e } from "./providers/MoveTheWheelsProvider.js";
 import { Suspense as t, lazy as n } from "react";
-import { Route as r, Routes as i, useNavigate as a } from "react-router-dom";
+import { Route as r, Routes as i, useNavigate as a } from "react-router";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { NotFoundPage as c } from "@burdenoff/fe-libs/shared/pages";
 //#region src/movethewheels/MoveTheWheelsRoutes.tsx

package/dist/components/ProofOfDeliveryCard.js

@@ -88,7 +88,8 @@ function g({ deliveryJobId: o }) {
 								g.locationAccuracy != null && /* @__PURE__ */ m("span", {
 									className: "text-text-secondary",
 									children: [
-										" (±",
+										" ",
+										"(±",
 										Math.round(g.locationAccuracy),
 										"m)"
 									]

package/dist/pages/CreateOrderPage.js

@@ -13,7 +13,7 @@ import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as
 import { EmptyState as w, PageLayout as T } from "../components/PageLayout.js";
 import { FormError as E } from "../components/FormError.js";
 import { useEffect as D, useState as O } from "react";
-import { useParams as k } from "react-router-dom";
+import { useParams as k } from "react-router";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { EmphasisPanel as M, NextSteps as ne, PagePurpose as re } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx

package/dist/pages/CustomerDetailsPage.js

@@ -21,7 +21,7 @@ import { FormError as j } from "../components/FormError.js";
 import { Notice as ie, useNotice as ae } from "../components/Notice.js";
 import { formatAddress as M, formatCurrency as N, formatDate as P } from "../utils/formatters.js";
 import { useEffect as oe, useState as F } from "react";
-import { useParams as se } from "react-router-dom";
+import { useParams as se } from "react-router";
 import { Fragment as ce, jsx as I, jsxs as L } from "react/jsx-runtime";
 import { EmphasisPanel as R, NextSteps as le, PagePurpose as z } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomerDetailsPage.tsx

package/dist/pages/DriverDetailsPage.js

@@ -17,7 +17,7 @@ import { FormError as E } from "../components/FormError.js";
 import { formatCurrency as D, formatDate as O } from "../utils/formatters.js";
 import { DocumentsCard as k } from "../components/DocumentsCard.js";
 import { useEffect as A, useState as j } from "react";
-import { useLocation as M, useParams as N } from "react-router-dom";
+import { useLocation as M, useParams as N } from "react-router";
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { EmphasisPanel as I, NextSteps as L, PagePurpose as R } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriverDetailsPage.tsx

package/dist/pages/OrderDetailsPage.js

@@ -27,7 +27,7 @@ import { formatAddress as E, formatCurrency as D, formatDate as O } from "../uti
 import { DocumentsCard as Ce } from "../components/DocumentsCard.js";
 import { ProofOfDeliveryCard as we } from "../components/ProofOfDeliveryCard.js";
 import { useState as k } from "react";
-import { useParams as Te } from "react-router-dom";
+import { useParams as Te } from "react-router";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { EmphasisPanel as Ee, NextSteps as De, PagePurpose as Oe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/OrderDetailsPage.tsx

package/dist/pages/ProductDetailsPage.js

@@ -13,7 +13,7 @@ import { ErrorState as y, LoadingState as b, PageLayout as x } from "../componen
 import { FormError as S } from "../components/FormError.js";
 import { formatCurrency as C } from "../utils/formatters.js";
 import { useEffect as w, useState as T } from "react";
-import { useLocation as E, useParams as D } from "react-router-dom";
+import { useLocation as E, useParams as D } from "react-router";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
 import { EmphasisPanel as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductDetailsPage.tsx

package/dist/pages/RouteDetailsPage.js

@@ -26,7 +26,7 @@ import { Notice as L, useNotice as R } from "../components/Notice.js";
 import { formatAddress as z, formatCurrency as B, formatDate as V } from "../utils/formatters.js";
 import { firstRealLatLng as H } from "../utils/mapMarkers.js";
 import { useEffect as U, useState as W } from "react";
-import { useLocation as G, useParams as K } from "react-router-dom";
+import { useLocation as G, useParams as K } from "react-router";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
 import { EmphasisPanel as Y, NextSteps as X, PagePurpose as Z } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RouteDetailsPage.tsx

package/dist/pages/TrackingPage.js

@@ -17,7 +17,7 @@ import { formatAddress as b, formatDate as x } from "../utils/formatters.js";
 import { firstRealLatLng as S } from "../utils/mapMarkers.js";
 import { ProofOfDeliveryCard as C } from "../components/ProofOfDeliveryCard.js";
 import { useMemo as w, useState as T } from "react";
-import { useSearchParams as E } from "react-router-dom";
+import { useSearchParams as E } from "react-router";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import { EmphasisPanel as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/pages/VehicleDetailsPage.js

@@ -15,7 +15,7 @@ import { FormError as k } from "../components/FormError.js";
 import { formatDate as A } from "../utils/formatters.js";
 import { DocumentsCard as j } from "../components/DocumentsCard.js";
 import { useEffect as M, useState as N } from "react";
-import { useLocation as P, useParams as F } from "react-router-dom";
+import { useLocation as P, useParams as F } from "react-router";
 import { jsx as I, jsxs as L } from "react/jsx-runtime";
 import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehicleDetailsPage.tsx

package/dist/pages/WarehouseDetailsPage.js

@@ -14,7 +14,7 @@ import { ErrorState as E, LoadingState as D, PageLayout as O } from "../componen
 import { FormError as k } from "../components/FormError.js";
 import { formatAddress as A } from "../utils/formatters.js";
 import { useEffect as j, useState as M } from "react";
-import { useLocation as N, useParams as P } from "react-router-dom";
+import { useLocation as N, useParams as P } from "react-router";
 import { jsx as F, jsxs as I } from "react/jsx-runtime";
 import { EmphasisPanel as L, NextSteps as R, PagePurpose as z } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehouseDetailsPage.tsx

package/dist/providers/MoveTheWheelsProvider.js

@@ -1,6 +1,6 @@
 import { joinPath as e } from "../utils/navigation.js";
 import { createContext as t, useContext as n, useMemo as r } from "react";
-import { MemoryRouter as i } from "react-router-dom";
+import { MemoryRouter as i } from "react-router";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/movethewheels/providers/MoveTheWheelsProvider.tsx
 var o = t(null), s = ({ children: e, ...t }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.731.2",
+  "version": "2026.802.1",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [
@@ -26,13 +26,13 @@
   "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "vite --port 5191",
-    "build": "tsc && vite build",
+    "build": "tsc && bash scripts/build-limits.sh --gate vite build",
     "lint": "eslint .",
     "lint:sanity": "if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi",
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "type:check": "tsc --noEmit",
+    "type:check": "bash scripts/build-limits.sh tsc --noEmit",
     "validate:schema-drift": "graphql-schema-drift",
-    "sanity": "bun run codegen && bun run validate:schema-drift && bun run lint:sanity && bun run format && bun run type:check && bun run build && bun run build-storybook",
+    "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run codegen && bun run validate:schema-drift && bun run lint:sanity && bun run format && bun run type:check && bun run build && bun run build-storybook'",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test:storybook": "test-storybook",
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.726.1",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@react-leaflet/core": "^3.0.0",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
@@ -58,7 +58,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-leaflet": "^5.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "recharts": "^2.15.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3"

package/src/dev/main.tsx

@@ -3,7 +3,7 @@
  */
 import { StrictMode, useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { BrowserRouter, Routes, Route, Navigate, useNavigate } from 'react-router-dom';
+import { BrowserRouter, Routes, Route, Navigate, useNavigate } from 'react-router';
 import { MoveTheWheelsRoot } from '../movethewheels';
 import './styles.css';
 

package/src/movethewheels/MoveTheWheelsRoutes.tsx

@@ -5,7 +5,7 @@
  * Uses lazy loading for code splitting.
  */
 
-import { Routes, Route, useNavigate } from 'react-router-dom';
+import { Routes, Route, useNavigate } from 'react-router';
 import { lazy, Suspense } from 'react';
 import { NotFoundPage } from '@burdenoff/fe-libs/shared/pages';
 import { useMoveTheWheels } from './providers/MoveTheWheelsProvider';

package/src/movethewheels/components/ProofOfDeliveryCard.tsx

@@ -77,7 +77,10 @@ export function ProofOfDeliveryCard({ deliveryJobId }: ProofOfDeliveryCardProps)
                     <p className="font-medium">
                       {epod.latitude.toFixed(5)}, {epod.longitude.toFixed(5)}
                       {epod.locationAccuracy != null && (
-                        <span className="text-text-secondary"> (±{Math.round(epod.locationAccuracy)}m)</span>
+                        <span className="text-text-secondary">
+                          {' '}
+                          (±{Math.round(epod.locationAccuracy)}m)
+                        </span>
                       )}
                     </p>
                   </div>

package/src/movethewheels/hooks/useEpod.ts

@@ -167,7 +167,9 @@ export function useEpod(deliveryJobId: string | undefined) {
       );
       setEpod(data.epod ? mapEpod(data.epod) : null);
     } catch (fetchError) {
-      setError(fetchError instanceof Error ? fetchError : new Error('Failed to load proof of delivery'));
+      setError(
+        fetchError instanceof Error ? fetchError : new Error('Failed to load proof of delivery')
+      );
       setEpod(null);
     } finally {
       setIsLoading(false);
@@ -290,7 +292,9 @@ export function useCaptureEpod() {
         return mapEpod(data.captureEpod);
       } catch (captureError) {
         const err =
-          captureError instanceof Error ? captureError : new Error('Failed to capture proof of delivery');
+          captureError instanceof Error
+            ? captureError
+            : new Error('Failed to capture proof of delivery');
         setError(err);
         throw err;
       } finally {
@@ -362,7 +366,10 @@ export function useEpodPhotoUpload() {
         setProgress(100);
         return { fileId: completed.completeUpload.fileId, fileName: file.name };
       } catch (uploadError) {
-        const err = uploadError instanceof Error ? uploadError : new Error('The photo could not be uploaded.');
+        const err =
+          uploadError instanceof Error
+            ? uploadError
+            : new Error('The photo could not be uploaded.');
         setError(err);
         throw err;
       } finally {

package/src/movethewheels/pages/CreateOrderPage.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { Package, ArrowLeft, Save, Plus, Trash2, Users, MapPin } from 'lucide-react';
 import { PageLayout, EmptyState } from '../components/PageLayout';
 import { FormError } from '../components/FormError';

package/src/movethewheels/pages/CustomerDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import {
   Users,
   ArrowLeft,

package/src/movethewheels/pages/DeliveryCapturePage.tsx

@@ -27,7 +27,16 @@ import {
   Upload,
 } from 'lucide-react';
 import { PageLayout } from '../components/PageLayout';
-import { Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Textarea } from '../components/ui';
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+  Textarea,
+} from '../components/ui';
 import { SignaturePad, type SignaturePadHandle } from '../components/SignaturePad';
 import { FormError } from '../components/FormError';
 import { Notice, useNotice } from '../components/Notice';
@@ -85,10 +94,14 @@ function CaptureForm({
     }
 
     const signatureData =
-      signatureType === 'typed' ? typedSignature.trim() : signaturePadRef.current?.toDataUrl() ?? null;
+      signatureType === 'typed'
+        ? typedSignature.trim()
+        : (signaturePadRef.current?.toDataUrl() ?? null);
     if (!signatureData) {
       setValidationError(
-        signatureType === 'typed' ? 'Type the recipient full name as their signature.' : 'A signature is required.'
+        signatureType === 'typed'
+          ? 'Type the recipient full name as their signature.'
+          : 'A signature is required.'
       );
       return;
     }
@@ -253,7 +266,11 @@ export default function DeliveryCapturePage() {
         <Notice message={message} />
 
         {selectedJob ? (
-          <CaptureForm job={selectedJob} onCaptured={handleCaptured} onCancel={() => setSelectedJob(null)} />
+          <CaptureForm
+            job={selectedJob}
+            onCaptured={handleCaptured}
+            onCancel={() => setSelectedJob(null)}
+          />
         ) : isLoading ? (
           <p className="text-text-secondary text-center py-8">Loading your deliveries…</p>
         ) : error ? (

package/src/movethewheels/pages/DriverDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useLocation, useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router';
 import {
   Users,
   ArrowLeft,

package/src/movethewheels/pages/OrderDetailsPage.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useState } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import {
   Package,
   ArrowLeft,

package/src/movethewheels/pages/ProductDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useLocation, useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router';
 import { Package, ArrowLeft, Edit, Box, DollarSign, Tag, Save } from 'lucide-react';
 import { PageLayout, LoadingState, ErrorState } from '../components/PageLayout';
 import {

package/src/movethewheels/pages/RouteDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useParams, useLocation } from 'react-router-dom';
+import { useParams, useLocation } from 'react-router';
 import {
   Navigation,
   ArrowLeft,

package/src/movethewheels/pages/TrackingPage.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useMemo, useState } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import { MapPin, Search, Package, Truck, Clock, CheckCircle, AlertCircle } from 'lucide-react';
 import { PageLayout, EmptyState } from '../components/PageLayout';
 import { StatusBadge } from '../components/StatusBadge';

package/src/movethewheels/pages/VehicleDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useParams, useLocation } from 'react-router-dom';
+import { useParams, useLocation } from 'react-router';
 import { Truck, ArrowLeft, MapPin, Fuel, Wrench, Edit, Save } from 'lucide-react';
 import { PageLayout, LoadingState, ErrorState } from '../components/PageLayout';
 import { StatusBadge, VehicleTypeBadge } from '../components/StatusBadge';

package/src/movethewheels/pages/WarehouseDetailsPage.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useState } from 'react';
-import { useLocation, useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router';
 import { Warehouse, ArrowLeft, Edit, MapPin, Clock, Users, Box, Save } from 'lucide-react';
 import { PageLayout, LoadingState, ErrorState } from '../components/PageLayout';
 import {

package/src/movethewheels/providers/MoveTheWheelsProvider.tsx

@@ -6,7 +6,7 @@
  */
 
 import { createContext, useContext, useMemo, type FC, type PropsWithChildren } from 'react';
-import { MemoryRouter } from 'react-router-dom';
+import { MemoryRouter } from 'react-router';
 import type { MoveTheWheelsRootProps, MoveTheWheelsContextValue } from '../types';
 import { joinPath } from '../utils/navigation';