@burdenoff/microfe-movethewheels 2026.731.1 → 2026.801.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/hooks/useMultiModalShipments.js

@@ -32,6 +32,19 @@ function u(e) {
 	};
 }
 function d(e) {
+	return {
+		mode: e.mode,
+		distanceKm: e.distanceKm,
+		weightKg: e.weightKg,
+		lengthCm: e.lengthCm,
+		widthCm: e.widthCm,
+		heightCm: e.heightCm,
+		volumeCbm: e.volumeCbm,
+		containerType: e.containerType,
+		containerCount: e.containerCount
+	};
+}
+function f(e) {
 	return {
 		id: e.id,
 		legNumber: e.legNumber,
@@ -53,7 +66,7 @@ function d(e) {
 		currency: e.currency
 	};
 }
-function f(e) {
+function p(e) {
 	return {
 		id: e.id,
 		shipmentNumber: e.shipmentNumber,
@@ -65,10 +78,10 @@ function f(e) {
 		origin: e.origin ?? {},
 		destination: e.destination ?? {},
 		createdAt: e.createdAt,
-		legs: (e.legs ?? []).map(d)
+		legs: (e.legs ?? []).map(f)
 	};
 }
-function p() {
+function m() {
 	let { apiGatewayUrl: t, authToken: n, workspaceToken: r, workspaceId: a, tenantId: o, currentUser: s } = e();
 	return i(() => ({
 		apiGatewayUrl: t,
@@ -86,30 +99,30 @@ function p() {
 		s?.id
 	]);
 }
-function m() {
-	let e = p(), [i, o] = a([]), [d, m] = a(!1), [h, g] = a(null), _ = n(async () => {
-		m(!0), g(null);
+function h() {
+	let e = m(), [i, o] = a([]), [f, h] = a(!1), [g, _] = a(null), v = n(async () => {
+		h(!0), _(null);
 		try {
 			o((await t(e, s, { pagination: {
 				limit: 100,
 				offset: 0
-			} })).shipments.map(f));
+			} })).shipments.map(p));
 		} catch (e) {
-			g(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load multi-modal shipments"));
+			_(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load multi-modal shipments"));
 		} finally {
-			m(!1);
+			h(!1);
 		}
 	}, [e]);
 	return r(() => {
-		_();
-	}, [_]), {
+		v();
+	}, [v]), {
 		shipments: i,
-		isLoading: d,
-		error: h,
-		refetch: () => void _(),
-		calculateFreightRate: n(async (n) => (await t(e, c, { input: u(n) })).calculateFreightRate, [e]),
+		isLoading: f,
+		error: g,
+		refetch: () => void v(),
+		calculateFreightRate: n(async (n) => (await t(e, c, { input: d(n) })).calculateFreightRate, [e]),
 		planMultiModalShipment: n(async (n) => {
-			let r = f((await t(e, l, { input: {
+			let r = p((await t(e, l, { input: {
 				shipmentNumber: n.shipmentNumber,
 				customerId: n.customerId,
 				origin: n.origin,
@@ -121,4 +134,4 @@ function m() {
 	};
 }
 //#endregion
-export { m as useMultiModalShipments };
+export { h as useMultiModalShipments };

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.1",
+  "version": "2026.801.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/hooks/useMultiModalShipments.ts

@@ -188,6 +188,27 @@ function toApiLeg(leg: ShipmentLegDraft) {
   };
 }
 
+// FreightRateInput (shipment.gql) is intentionally narrower than
+// CreateShipmentLegInput — it has no origin/destination/carrierName, only
+// the fields that actually drive a rate calculation. Sending the full leg
+// shape (as toApiLeg does for planMultiModalShipment/addShipmentLeg) trips
+// GraphQL input-coercion on unknown fields, which the gateway surfaces as a
+// masked "Unexpected error." 500 instead of a validation error — so this
+// mapper must stay in lockstep with FreightRateInput's exact field set.
+function toFreightRateInput(leg: ShipmentLegDraft) {
+  return {
+    mode: leg.mode,
+    distanceKm: leg.distanceKm,
+    weightKg: leg.weightKg,
+    lengthCm: leg.lengthCm,
+    widthCm: leg.widthCm,
+    heightCm: leg.heightCm,
+    volumeCbm: leg.volumeCbm,
+    containerType: leg.containerType,
+    containerCount: leg.containerCount,
+  };
+}
+
 function mapLeg(leg: ApiShipmentLeg): ShipmentLeg {
   return {
     id: leg.id,
@@ -277,7 +298,7 @@ export function useMultiModalShipments() {
       const data = await executeGraphQL<{ calculateFreightRate: FreightRateQuote }>(
         graphQLOptions,
         CALCULATE_FREIGHT_RATE_QUERY,
-        { input: toApiLeg(leg) }
+        { input: toFreightRateInput(leg) }
       );
       return data.calculateFreightRate;
     },

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/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';