@burdenoff/microfe-movethewheels 2026.1030.1 → 2026.1031.2

package/dist/components/ExportStatusBanner.js

@@ -0,0 +1,53 @@
+import { CircleAlert as e } from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { CircleCheckBig as t } from "../node_modules/lucide-react/dist/esm/icons/circle-check-big.js";
+import { Info as n } from "../node_modules/lucide-react/dist/esm/icons/info.js";
+import { LoaderCircle as r } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import { X as i } from "../node_modules/lucide-react/dist/esm/icons/x.js";
+import { useMoveTheWheels as a } from "../providers/MoveTheWheelsProvider.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/movethewheels/components/ExportStatusBanner.tsx
+var l = "/export";
+function u({ state: u, onDismiss: d }) {
+	let { navigate: f } = a();
+	if (u.phase === "idle") return null;
+	let p = u.phase === "error" ? "border-status-error-border bg-status-error-bg-subtle text-status-error-text" : u.phase === "ready" ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : "border-status-info-border bg-status-info-bg-subtle text-status-info-text", m = u.phase === "error" ? /* @__PURE__ */ s(e, {
+		size: 18,
+		className: "mt-0.5 shrink-0"
+	}) : u.phase === "ready" ? /* @__PURE__ */ s(t, {
+		size: 18,
+		className: "mt-0.5 shrink-0"
+	}) : u.phase === "running" ? /* @__PURE__ */ s(r, {
+		size: 18,
+		className: "mt-0.5 shrink-0 animate-spin"
+	}) : /* @__PURE__ */ s(n, {
+		size: 18,
+		className: "mt-0.5 shrink-0"
+	});
+	return /* @__PURE__ */ c("div", {
+		role: u.phase === "error" ? "alert" : "status",
+		"data-testid": "mtw-export-status",
+		"data-phase": u.phase,
+		className: `flex items-start gap-2 rounded-lg border px-4 py-3 text-sm ${p}`,
+		children: [
+			m,
+			/* @__PURE__ */ c("span", {
+				className: "flex-1",
+				children: [u.message, u.phase === "pending" ? /* @__PURE__ */ c(o, { children: [" ", /* @__PURE__ */ s("button", {
+					type: "button",
+					className: "font-medium underline underline-offset-2",
+					onClick: () => f(`${l}/${u.jobId}`),
+					children: "Open Exports"
+				})] }) : null]
+			}),
+			u.phase === "running" ? null : /* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": "Dismiss export status",
+				className: "shrink-0 opacity-70 hover:opacity-100",
+				onClick: d,
+				children: /* @__PURE__ */ s(i, { size: 16 })
+			})
+		]
+	});
+}
+//#endregion
+export { u as ExportStatusBanner };

package/dist/components/ShipmentRiskDialog.js

@@ -0,0 +1,228 @@
+import { formatSlip as e, riskSignalLabel as t } from "../utils/trackingAlerts.js";
+import { Badge as n, Button as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogHeader as s, DialogTitle as c, Skeleton as l, Textarea as u } from "./ui.js";
+import { formatDateTime as d } from "../utils/formatters.js";
+import { useShipmentRisk as f } from "../hooks/useShipmentRisk.js";
+import { useEffect as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/components/ShipmentRiskDialog.tsx
+var _ = {
+	NONE: {
+		key: "movethewheels.risk.level.none",
+		fallback: "No risk"
+	},
+	LOW: {
+		key: "movethewheels.risk.level.low",
+		fallback: "Low"
+	},
+	MEDIUM: {
+		key: "movethewheels.risk.level.medium",
+		fallback: "Medium"
+	},
+	HIGH: {
+		key: "movethewheels.risk.level.high",
+		fallback: "High"
+	}
+}, v = {
+	NONE: {
+		key: "movethewheels.risk.action.none",
+		fallback: "No action needed"
+	},
+	MONITOR: {
+		key: "movethewheels.risk.action.monitor",
+		fallback: "Keep monitoring this shipment"
+	},
+	REPROMISE_DELIVERY: {
+		key: "movethewheels.risk.action.repromise",
+		fallback: "Re-promise the delivery to the predicted time"
+	},
+	REQUEST_TRACKING_UPDATE: {
+		key: "movethewheels.risk.action.trackingUpdate",
+		fallback: "Get a tracking update from the driver or carrier"
+	},
+	REASSIGN_VEHICLE: {
+		key: "movethewheels.risk.action.reassign",
+		fallback: "Reassign the vehicle on this order"
+	}
+};
+function y(t, n) {
+	return t.ratio === null ? t.minutes !== null && t.minutes > 0 ? e(t.minutes) : null : `${Math.round(t.ratio * 100)}% ${n("movethewheels.risk.lateRate", "late recently")}`;
+}
+function b({ shipmentId: b, shipmentNumber: x, open: S, onOpenChange: C, t: w, onOpenOrder: T, onChanged: E }) {
+	let { forecast: D, shipment: O, isLoading: k, error: A, refetch: j, repromise: M, recordTrackingUpdate: N } = f(S ? b : void 0), [P, F] = m(null), [I, L] = m(null), [R, z] = m(!1), [B, V] = m("");
+	p(() => {
+		F(null), L(null), V("");
+	}, [b, S]);
+	let H = async (e, t) => {
+		z(!0), F(null), L(null);
+		try {
+			await e(), L(t), E();
+		} catch (e) {
+			F(e instanceof Error ? e.message : w("movethewheels.risk.actionFailed", "The action failed"));
+		} finally {
+			z(!1);
+		}
+	}, U = D?.predictedDeliveryLatest ?? D?.predictedDeliveryEarliest, W = O?.deliveryJobId ?? null;
+	return /* @__PURE__ */ h(i, {
+		open: S,
+		onOpenChange: C,
+		children: /* @__PURE__ */ g(a, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ g(s, { children: [/* @__PURE__ */ g(c, { children: [w("movethewheels.risk.title", "Delivery risk"), x ? ` · ${x}` : ""] }), /* @__PURE__ */ h(o, { children: w("movethewheels.risk.description", "Forecast from this shipment’s legs, route, tracking, vehicle and carrier history.") })] }),
+				k && !D && /* @__PURE__ */ g("div", {
+					className: "space-y-2",
+					"aria-busy": "true",
+					children: [/* @__PURE__ */ h(l, { className: "h-6 w-1/2" }), /* @__PURE__ */ h(l, { className: "h-16 w-full" })]
+				}),
+				A && !k && /* @__PURE__ */ g("div", {
+					role: "alert",
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ h("p", {
+						className: "text-status-error-text",
+						children: A.message
+					}), /* @__PURE__ */ h(r, {
+						size: "sm",
+						variant: "outline",
+						onClick: j,
+						children: w("movethewheels.risk.retry", "Retry")
+					})]
+				}),
+				D && /* @__PURE__ */ g("div", {
+					className: "space-y-4 text-sm",
+					"data-testid": "shipment-risk-panel",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ h(n, {
+									variant: D.riskLevel === "HIGH" ? "destructive" : "secondary",
+									children: w(_[D.riskLevel].key, _[D.riskLevel].fallback)
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "text-text-secondary",
+									children: [
+										w("movethewheels.risk.score", "Risk score"),
+										":",
+										" ",
+										/* @__PURE__ */ g("span", {
+											className: "font-medium text-text-primary",
+											children: [D.riskScore, "/100"]
+										})
+									]
+								}),
+								D.breached && /* @__PURE__ */ h(n, {
+									variant: "destructive",
+									children: w("movethewheels.risk.breached", "Promise missed")
+								})
+							]
+						}),
+						/* @__PURE__ */ g("dl", {
+							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								className: "text-xs text-text-secondary",
+								children: w("movethewheels.alerts.promised", "Promised")
+							}), /* @__PURE__ */ h("dd", { children: D.promisedDelivery ? d(D.promisedDelivery) : w("movethewheels.risk.noPromise", "No promised time") })] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								className: "text-xs text-text-secondary",
+								children: w("movethewheels.risk.window", "Predicted window")
+							}), /* @__PURE__ */ g("dd", { children: [D.predictedDeliveryEarliest ? `${d(D.predictedDeliveryEarliest)}${D.predictedDeliveryLatest && D.predictedDeliveryLatest !== D.predictedDeliveryEarliest ? ` – ${d(D.predictedDeliveryLatest)}` : ""}` : w("movethewheels.risk.noPrediction", "Not enough data to predict"), D.predictedSlipMinutes > 0 && /* @__PURE__ */ g("span", {
+								className: "ml-1 text-status-error-text",
+								children: [
+									"(+",
+									e(D.predictedSlipMinutes),
+									")"
+								]
+							})] })] })]
+						}),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							className: "mb-1 text-xs text-text-secondary",
+							children: w("movethewheels.alerts.signals", "Risk signals")
+						}), D.signals.length > 0 ? /* @__PURE__ */ h("ul", {
+							className: "space-y-1",
+							children: D.signals.map((e) => {
+								let n = y(e, w);
+								return /* @__PURE__ */ g("li", {
+									className: "flex items-center justify-between rounded border border-border-primary px-2 py-1",
+									children: [/* @__PURE__ */ g("span", { children: [t(e.code, w), n && /* @__PURE__ */ g("span", {
+										className: "ml-1 text-text-secondary",
+										children: ["· ", n]
+									})] }), /* @__PURE__ */ g("span", {
+										className: "text-xs text-text-secondary",
+										children: ["+", e.weight]
+									})]
+								}, e.code);
+							})
+						}) : /* @__PURE__ */ h("p", {
+							className: "text-text-secondary",
+							children: w("movethewheels.risk.noSignals", "No risk signals right now")
+						})] }),
+						/* @__PURE__ */ g("div", {
+							className: "rounded-lg bg-status-info-bg-subtle p-3",
+							children: [
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-secondary",
+									children: w("movethewheels.risk.recommended", "Recommended action")
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "font-medium",
+									children: w(v[D.recommendedAction].key, v[D.recommendedAction].fallback)
+								}),
+								D.recommendedAction === "REPROMISE_DELIVERY" && U && /* @__PURE__ */ g(r, {
+									size: "sm",
+									className: "mt-2",
+									disabled: R,
+									onClick: () => void H(() => M(U), w("movethewheels.risk.repromised", "Delivery re-promised")),
+									children: [
+										w("movethewheels.risk.repromiseTo", "Re-promise to"),
+										" ",
+										d(U)
+									]
+								}),
+								D.recommendedAction === "REQUEST_TRACKING_UPDATE" && /* @__PURE__ */ g("div", {
+									className: "mt-2 space-y-2",
+									children: [/* @__PURE__ */ h(u, {
+										value: B,
+										onChange: (e) => V(e.target.value),
+										maxLength: 500,
+										"aria-label": w("movethewheels.risk.updateDetails", "Tracking update"),
+										placeholder: w("movethewheels.risk.updatePlaceholder", "What did the driver or carrier report?")
+									}), /* @__PURE__ */ h(r, {
+										size: "sm",
+										disabled: R || B.trim().length === 0,
+										onClick: () => void H(() => N(B.trim()), w("movethewheels.risk.updateRecorded", "Tracking update recorded")),
+										children: w("movethewheels.risk.recordUpdate", "Record tracking update")
+									})]
+								}),
+								D.recommendedAction === "REASSIGN_VEHICLE" && W && /* @__PURE__ */ h(r, {
+									size: "sm",
+									className: "mt-2",
+									onClick: () => T(W),
+									children: w("movethewheels.risk.openOrder", "Open order to reassign")
+								}),
+								I && /* @__PURE__ */ h("p", {
+									role: "status",
+									className: "mt-2 text-xs text-status-success-text",
+									children: I
+								}),
+								P && /* @__PURE__ */ h("p", {
+									role: "alert",
+									className: "mt-2 text-xs text-status-error-text",
+									children: P
+								})
+							]
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								w("movethewheels.risk.evaluated", "Evaluated"),
+								" ",
+								d(D.evaluatedAt)
+							]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { b as ShipmentRiskDialog };

package/dist/components/TrackingAlertList.js

@@ -0,0 +1,149 @@
+import { CircleCheck as e } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { Clock as t } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
+import { Gauge as n } from "../node_modules/lucide-react/dist/esm/icons/gauge.js";
+import { formatSlip as r, predictedSlipMinutes as i, riskSignalLabel as a } from "../utils/trackingAlerts.js";
+import { Badge as o, Button as s } from "./ui.js";
+import { formatDateTime as c } from "../utils/formatters.js";
+import { ShipmentRiskDialog as l } from "./ShipmentRiskDialog.js";
+import { useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/movethewheels/components/TrackingAlertList.tsx
+var m = {
+	critical: "bg-status-error-bg-subtle border-status-error-border",
+	high: "bg-status-error-bg-subtle border-status-error-border",
+	medium: "bg-status-warning-bg-subtle border-status-warning-border",
+	low: "bg-surface-secondary border-border-primary"
+};
+function h({ alert: e, t }) {
+	let n = e.severity === "high" || e.severity === "critical", r = e.kind === "AT_RISK" ? t("movethewheels.alerts.kind.atRisk", "At risk") : t("movethewheels.alerts.kind.delayed", "Delayed");
+	return /* @__PURE__ */ p(o, {
+		variant: n ? "destructive" : "secondary",
+		className: "shrink-0",
+		children: [r, e.kind === "AT_RISK" && typeof e.riskScore == "number" ? ` · ${e.riskScore}` : ""]
+	});
+}
+function g({ alert: e, t: a }) {
+	let o = i(e);
+	return !e.promisedDelivery && !e.predictedDelivery ? null : /* @__PURE__ */ p("dl", {
+		className: "mt-2 grid grid-cols-1 gap-x-4 gap-y-1 text-xs text-text-secondary sm:grid-cols-2",
+		children: [e.promisedDelivery && /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ f(t, {
+					size: 12,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ p("dt", { children: [a("movethewheels.alerts.promised", "Promised"), ":"] }),
+				/* @__PURE__ */ f("dd", {
+					className: "text-text-primary",
+					children: c(e.promisedDelivery)
+				})
+			]
+		}), e.predictedDelivery && /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ f(n, {
+					size: 12,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ p("dt", { children: [a("movethewheels.alerts.predicted", "Predicted"), ":"] }),
+				/* @__PURE__ */ p("dd", {
+					className: "text-text-primary",
+					children: [c(e.predictedDelivery), o !== null && /* @__PURE__ */ p("span", {
+						className: "ml-1 text-status-error-text",
+						children: [
+							"(+",
+							r(o),
+							")"
+						]
+					})]
+				})
+			]
+		})]
+	});
+}
+function _({ alerts: t, limit: n, t: r, onAcknowledge: i, onOpenOrder: o, onChanged: c }) {
+	let [_, v] = u(null), [y, b] = u(null), [x, S] = u(null), C = async (e) => {
+		v(e), b(null);
+		try {
+			await i(e);
+		} catch (e) {
+			b(e instanceof Error ? e.message : r("movethewheels.alerts.ackFailed", "Could not acknowledge the alert"));
+		} finally {
+			v(null);
+		}
+	};
+	return /* @__PURE__ */ p(d, { children: [
+		y && /* @__PURE__ */ f("p", {
+			role: "alert",
+			className: "mb-2 text-xs text-status-error-text",
+			children: y
+		}),
+		/* @__PURE__ */ f("ul", {
+			className: "space-y-3",
+			"aria-label": r("movethewheels.alerts.listLabel", "Shipment alerts"),
+			children: t.slice(0, n).map((t) => /* @__PURE__ */ p("li", {
+				"data-testid": "tracking-alert",
+				"data-alert-kind": t.kind,
+				className: `rounded-lg border p-3 text-sm ${m[t.severity]}`,
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ p("p", {
+							className: "font-medium",
+							children: [t.shipmentNumber ? `${t.shipmentNumber}: ` : "", t.message]
+						}), /* @__PURE__ */ f(h, {
+							alert: t,
+							t: r
+						})]
+					}),
+					/* @__PURE__ */ f(g, {
+						alert: t,
+						t: r
+					}),
+					t.signals && t.signals.length > 0 && /* @__PURE__ */ f("ul", {
+						className: "mt-2 flex flex-wrap gap-1",
+						"aria-label": r("movethewheels.alerts.signals", "Risk signals"),
+						children: t.signals.map((e) => /* @__PURE__ */ f("li", {
+							className: "rounded-full border border-border-primary bg-surface-primary px-2 py-0.5 text-xs text-text-secondary",
+							children: a(e, r)
+						}, e))
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "mt-3 flex flex-wrap gap-2",
+						children: [t.shipmentId && /* @__PURE__ */ f(s, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => S(t),
+							children: r("movethewheels.alerts.viewRisk", "View risk")
+						}), t.shipmentId && t.kind && /* @__PURE__ */ p(s, {
+							size: "sm",
+							variant: "ghost",
+							disabled: _ === t.id,
+							onClick: () => void C(t.id),
+							children: [/* @__PURE__ */ f(e, {
+								size: 14,
+								"aria-hidden": "true"
+							}), _ === t.id ? r("movethewheels.alerts.acknowledging", "Acknowledging…") : r("movethewheels.alerts.acknowledge", "Acknowledge")]
+						})]
+					})
+				]
+			}, t.id))
+		}),
+		/* @__PURE__ */ f(l, {
+			shipmentId: x?.shipmentId,
+			shipmentNumber: x?.shipmentNumber,
+			open: x !== null,
+			onOpenChange: (e) => {
+				e || S(null);
+			},
+			t: r,
+			onOpenOrder: (e) => {
+				S(null), o(e);
+			},
+			onChanged: c
+		})
+	] });
+}
+//#endregion
+export { _ as TrackingAlertList };