@burdenoff/microfe-movethewheels 2026.1010.2 → 2026.1011.2

package/dist/pages/ShipmentStatusAuthorityPage.js

@@ -0,0 +1,563 @@
+import { ClipboardList as e } from "../node_modules/lucide-react/dist/esm/icons/clipboard-list.js";
+import { useMoveTheWheels as t } from "../providers/MoveTheWheelsProvider.js";
+import { useShipmentStatusCommand as n, useShipmentStatusQuery as r } from "../hooks/useShipmentStatusAuthority.js";
+import { Button as i, Input as a, Label as o, Textarea as s } from "../components/ui.js";
+import { PageLayout as c } from "../components/PageLayout.js";
+import { ReuseState as l, reuseCard as u } from "../components/ReuseControls.js";
+import { StatusAuthorityConfigureDocument as d, StatusAuthorityDetailDocument as f, StatusAuthorityManualDocument as p, StatusAuthorityShipmentsDocument as m, StatusAuthoritySourcesDocument as h } from "../src/generated/shipment-status-authority-operations.js";
+import { manualStatusAcknowledged as ee, shipmentSourceInput as te, sourceStatusAcknowledged as ne, statusDecisionReason as re } from "../utils/shipmentStatusDraft.js";
+import { useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { PermissionProvider as y, usePermissions as b } from "@burdenoff/fe-libs/shared/providers/shell";
+//#region src/movethewheels/pages/ShipmentStatusAuthorityPage.tsx
+var x = 20, S = [
+	"PLANNED",
+	"PICKED_UP",
+	"IN_TRANSIT",
+	"DELIVERED",
+	"FAILED",
+	"RETURNED"
+], C = {
+	integrationId: "",
+	basisTrackingEventId: "",
+	maxSourceAgeSeconds: "",
+	maxFutureSkewSeconds: "",
+	reason: ""
+};
+function w(e) {
+	return e ? e.toLowerCase().replaceAll("_", " ") : "Not recorded";
+}
+function T(e) {
+	if (!e) return "Not recorded";
+	let t = new Date(e);
+	return Number.isFinite(t.getTime()) ? t.toLocaleString() : "Unverified time";
+}
+function E({ offset: e, length: t, busy: n, change: r }) {
+	return /* @__PURE__ */ v("div", {
+		className: "flex flex-wrap items-center gap-3",
+		children: [
+			/* @__PURE__ */ _(i, {
+				variant: "outline",
+				disabled: n || e === 0,
+				onClick: () => r(Math.max(0, e - x)),
+				children: "Previous page"
+			}),
+			/* @__PURE__ */ _("span", { children: t === void 0 ? "Page unavailable" : `${t} records on this page` }),
+			/* @__PURE__ */ _(i, {
+				variant: "outline",
+				disabled: n || t !== x || e >= 9980,
+				onClick: () => r(e + x),
+				children: "Next page"
+			})
+		]
+	});
+}
+function D() {
+	let { workspaceId: n, tenantId: r, currentUser: i, apiGatewayUrl: a } = t();
+	return /* @__PURE__ */ _(c, {
+		title: "Shipment status authority",
+		subtitle: "Keep recorded status separate from incoming tracking evidence.",
+		icon: /* @__PURE__ */ _(e, { "aria-hidden": "true" }),
+		children: /* @__PURE__ */ _(y, {
+			scopeId: n ?? null,
+			gateway: "workspace",
+			children: /* @__PURE__ */ _(O, {}, `${n}:${r}:${i?.id}:${a}`)
+		})
+	});
+}
+function O() {
+	let e = b(), [t, n] = g(0), [s, c] = g(""), [u, d] = g(""), [f, p] = g(""), h = r(m, e.hasPermission("shipment:read") ? {
+		filter: { search: f || void 0 },
+		pagination: {
+			limit: x,
+			offset: t
+		}
+	} : null);
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ _("p", { children: "Incoming evidence can be accepted while its status change is held. A recorded software status is not physical proof of delivery." }),
+			/* @__PURE__ */ _(l, {
+				loading: e.isLoading,
+				error: e.error?.message ?? null
+			}),
+			!e.isLoading && !e.hasPermission("shipment:read") && /* @__PURE__ */ _("p", {
+				role: "status",
+				children: "Shipment read permission is required."
+			}),
+			e.hasPermission("shipment:read") && /* @__PURE__ */ v("section", {
+				className: "space-y-4 rounded-xl border bg-bg-surface p-5",
+				"aria-label": "Shipment selection",
+				children: [
+					/* @__PURE__ */ v("form", {
+						className: "flex flex-wrap gap-3",
+						onSubmit: (e) => {
+							e.preventDefault(), p(u.trim()), n(0), c("");
+						},
+						children: [
+							/* @__PURE__ */ _(o, {
+								htmlFor: "status-search",
+								children: "Shipment search"
+							}),
+							/* @__PURE__ */ _(a, {
+								id: "status-search",
+								value: u,
+								onChange: (e) => d(e.target.value),
+								maxLength: 200
+							}),
+							/* @__PURE__ */ _(i, {
+								type: "submit",
+								children: "Search shipments"
+							})
+						]
+					}),
+					/* @__PURE__ */ _(l, {
+						loading: h.loading,
+						error: h.error
+					}),
+					/* @__PURE__ */ v("label", {
+						className: "block",
+						children: ["Shipment", /* @__PURE__ */ v("select", {
+							className: "mt-1 w-full rounded-md border bg-bg-surface p-2 text-sm",
+							value: s,
+							disabled: h.loading || !h.data,
+							onChange: (e) => c(e.target.value),
+							children: [/* @__PURE__ */ _("option", {
+								value: "",
+								children: "Choose a shipment"
+							}), h.data?.shipments.map((e) => /* @__PURE__ */ v("option", {
+								value: e.id,
+								children: [
+									e.shipmentNumber,
+									" · ",
+									w(e.status)
+								]
+							}, e.id))]
+						})]
+					}),
+					h.data?.shipments.length === 0 && /* @__PURE__ */ _("p", { children: "No shipments on this page." }),
+					/* @__PURE__ */ _(E, {
+						offset: t,
+						length: h.data?.shipments.length,
+						busy: h.loading,
+						change: (e) => {
+							n(e), c("");
+						}
+					})
+				]
+			}),
+			s && e.hasPermission("shipment:read") && /* @__PURE__ */ _(k, {
+				id: s,
+				canUpdate: e.hasPermission("shipment:update"),
+				canReadSources: e.hasPermission("integration:read")
+			}, s)
+		]
+	});
+}
+function k({ id: e, canUpdate: t, canReadSources: c }) {
+	let [m, y] = g(0), [b, D] = g(0), [O, k] = g(0), [A, ie] = g(0), j = n(), M = r(f, {
+		id: e,
+		pagination: {
+			limit: x,
+			offset: b
+		},
+		evidencePagination: {
+			limit: x,
+			offset: A
+		}
+	}, m + j.revision), N = r(h, t && c ? { pagination: {
+		limit: x,
+		offset: O
+	} } : null), P = M.data?.shipment, [F, I] = g(C), [L, R] = g(""), [z, B] = g(""), [V, H] = g(null), [U, W] = g(null), [G, K] = g(!1), [ae, q] = g(0), J = m >= ae && !!P && !M.loading && !M.error, Y = V !== null && P != null && V !== P.statusRevision, X = j.feedback?.kind === "UNKNOWN", Z = j.busy || M.loading || !P || V === null || Y || X || !J, Q = P?.trackingEvents.filter((e) => e.sourceIntegrationId === F.integrationId && e.sourceTimestampProvenance === "PROVIDER_TIME_VALIDATED" && e.providerEventTime && e.eventType !== "CREATED") ?? [], $ = (e, t) => I((n) => ({
+		...n,
+		[e]: t
+	}));
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ v("section", {
+				className: u,
+				"aria-label": "Recorded shipment status",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "flex flex-wrap justify-between gap-3",
+						children: [/* @__PURE__ */ _("h2", {
+							className: "font-semibold",
+							children: "Recorded status"
+						}), /* @__PURE__ */ _(i, {
+							variant: "outline",
+							disabled: M.loading || j.busy,
+							onClick: () => {
+								K(!1), y((e) => e + 1);
+							},
+							children: "Refresh recorded status"
+						})]
+					}),
+					/* @__PURE__ */ _(l, {
+						loading: M.loading,
+						error: M.error
+					}),
+					P === null && /* @__PURE__ */ _("p", { children: "Shipment unavailable in this workspace." }),
+					P && /* @__PURE__ */ v("dl", {
+						className: "grid gap-3 sm:grid-cols-2 break-words",
+						children: [
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Shipment" }), /* @__PURE__ */ _("dd", { children: P.shipmentNumber })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Status" }), /* @__PURE__ */ _("dd", { children: w(P.status) })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Status revision" }), /* @__PURE__ */ _("dd", { children: P.statusRevision })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Authority" }), /* @__PURE__ */ _("dd", { children: w(P.statusAuthority) })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Chosen integration" }), /* @__PURE__ */ _("dd", {
+								className: "break-all",
+								children: P.designatedIntegrationId ?? "None selected"
+							})] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Basis source time" }), /* @__PURE__ */ _("dd", { children: T(P.statusBasisSourceTime) })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Maximum source age" }), /* @__PURE__ */ _("dd", { children: P.maxSourceAgeSeconds === null ? "No active source policy" : `${P.maxSourceAgeSeconds} seconds` })] }),
+							/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "Allowed future skew" }), /* @__PURE__ */ _("dd", { children: P.maxFutureSkewSeconds === null ? "No active source policy" : `${P.maxFutureSkewSeconds} seconds` })] })
+						]
+					})
+				]
+			}),
+			j.feedback && /* @__PURE__ */ _("p", {
+				role: "status",
+				children: j.feedback.message
+			}),
+			U && /* @__PURE__ */ _("p", {
+				role: "alert",
+				children: U
+			}),
+			!t && /* @__PURE__ */ _("p", {
+				role: "status",
+				children: "Read-only access. Shipment update permission is required to choose a source or record a correction."
+			}),
+			t && /* @__PURE__ */ v("section", {
+				className: "space-y-4 rounded-xl border bg-bg-surface p-5",
+				"aria-label": "Status decisions",
+				children: [
+					/* @__PURE__ */ _("p", { children: "Review the current status, then explicitly use its revision for a new decision. Clock limits are your policy, not carrier certification." }),
+					Y && /* @__PURE__ */ _("p", {
+						role: "alert",
+						children: "Status changed since this form opened. Your input is preserved. Review the current recorded status before applying."
+					}),
+					!X && /* @__PURE__ */ v(i, {
+						variant: "outline",
+						disabled: !J || j.busy,
+						onClick: () => {
+							P && (H(P.statusRevision), W(null), j.beginSeparateAction());
+						},
+						children: ["Use reviewed revision ", P?.statusRevision ?? "—"]
+					}),
+					X && /* @__PURE__ */ v("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ v("label", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ _("input", {
+								type: "checkbox",
+								disabled: !J,
+								checked: G,
+								onChange: (e) => K(e.target.checked)
+							}), "I reviewed the refreshed recorded status and decision history."]
+						}), /* @__PURE__ */ _(i, {
+							variant: "outline",
+							disabled: !G || !J || j.busy,
+							onClick: () => {
+								P && (I(C), R(""), B(""), H(P.statusRevision), W(null), K(!1), j.beginSeparateAction());
+							},
+							children: "Begin a separate new action"
+						})]
+					}),
+					/* @__PURE__ */ _("form", {
+						className: "space-y-3",
+						onSubmit: async (t) => {
+							if (t.preventDefault(), W(null), !(Z || V === null || !P)) try {
+								let t = te(F, V);
+								await j.run(d, {
+									id: e,
+									input: t
+								}, (n) => ne(n.configureShipmentStatusSource, {
+									id: e,
+									epoch: P.statusAuthorityEpoch,
+									input: t,
+									basis: Q.find((e) => e.id === t.basisTrackingEventId)
+								})) ? H(null) : (K(!1), q(m + 1));
+							} catch (e) {
+								W(e instanceof Error ? e.message : "Review the source policy.");
+							}
+						},
+						children: /* @__PURE__ */ v("fieldset", {
+							disabled: Z || !c,
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ _("legend", {
+									className: "font-semibold",
+									children: "Choose a status source"
+								}),
+								!c && /* @__PURE__ */ _("p", { children: "Integration read permission is required for source selection." }),
+								/* @__PURE__ */ _(l, {
+									loading: N.loading,
+									error: N.error
+								}),
+								/* @__PURE__ */ v("label", {
+									className: "block",
+									children: ["Integration", /* @__PURE__ */ v("select", {
+										className: "mt-1 w-full rounded-md border bg-bg-surface p-2 text-sm",
+										value: F.integrationId,
+										onChange: (e) => {
+											$("integrationId", e.target.value), $("basisTrackingEventId", "");
+										},
+										children: [/* @__PURE__ */ _("option", {
+											value: "",
+											children: "Choose an integration"
+										}), N.data?.integrations.filter((e) => e.status === "ACTIVE").map((e) => /* @__PURE__ */ v("option", {
+											value: e.id,
+											children: [
+												e.name,
+												" · ",
+												e.provider
+											]
+										}, e.id))]
+									})]
+								}),
+								/* @__PURE__ */ v("label", {
+									className: "block",
+									children: ["Recorded basis event", /* @__PURE__ */ v("select", {
+										className: "mt-1 w-full rounded-md border bg-bg-surface p-2 text-sm",
+										value: F.basisTrackingEventId,
+										onChange: (e) => $("basisTrackingEventId", e.target.value),
+										children: [/* @__PURE__ */ _("option", {
+											value: "",
+											children: "Choose an existing basis event"
+										}), Q.map((e) => /* @__PURE__ */ v("option", {
+											value: e.id,
+											children: [
+												w(e.eventType),
+												" · ",
+												T(e.providerEventTime),
+												" · ",
+												e.id
+											]
+										}, e.id))]
+									})]
+								}),
+								/* @__PURE__ */ _("p", { children: "This page lists evidence from the selected source with validated provider time. The server checks its recorded receipt, source and clock window before applying." }),
+								/* @__PURE__ */ _(o, {
+									htmlFor: "status-source-age",
+									children: "Maximum source age (seconds)"
+								}),
+								/* @__PURE__ */ _(a, {
+									id: "status-source-age",
+									inputMode: "numeric",
+									value: F.maxSourceAgeSeconds,
+									onChange: (e) => $("maxSourceAgeSeconds", e.target.value)
+								}),
+								/* @__PURE__ */ _(o, {
+									htmlFor: "status-source-skew",
+									children: "Allowed future skew (seconds)"
+								}),
+								/* @__PURE__ */ _(a, {
+									id: "status-source-skew",
+									inputMode: "numeric",
+									value: F.maxFutureSkewSeconds,
+									onChange: (e) => $("maxFutureSkewSeconds", e.target.value)
+								}),
+								/* @__PURE__ */ _(o, {
+									htmlFor: "status-source-reason",
+									children: "Source choice reason"
+								}),
+								/* @__PURE__ */ _(s, {
+									id: "status-source-reason",
+									maxLength: 1e3,
+									value: F.reason,
+									onChange: (e) => $("reason", e.target.value)
+								}),
+								/* @__PURE__ */ _(i, {
+									type: "submit",
+									children: "Apply source choice"
+								})
+							]
+						})
+					}),
+					c && /* @__PURE__ */ _(E, {
+						offset: O,
+						length: N.data?.integrations.length,
+						busy: N.loading || j.busy,
+						change: (e) => {
+							k(e), $("integrationId", ""), $("basisTrackingEventId", "");
+						}
+					}),
+					/* @__PURE__ */ _("form", {
+						className: "space-y-3",
+						onSubmit: async (t) => {
+							if (t.preventDefault(), W(null), !(Z || V === null || !P)) try {
+								if (!L) throw Error("Choose a recorded status for this correction.");
+								await j.run(p, {
+									id: e,
+									input: {
+										status: L,
+										expectedStatusRevision: V,
+										statusReason: re(z)
+									}
+								}, (t) => ee(t.updateShipment, {
+									id: e,
+									revision: V,
+									epoch: P.statusAuthorityEpoch,
+									status: L
+								})) ? H(null) : (K(!1), q(m + 1));
+							} catch (e) {
+								W(e instanceof Error ? e.message : "Review the correction.");
+							}
+						},
+						children: /* @__PURE__ */ v("fieldset", {
+							disabled: Z,
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ _("legend", {
+									className: "font-semibold",
+									children: "Record a manual correction"
+								}),
+								/* @__PURE__ */ _("p", { children: "A manual correction puts automatic tracking projection on hold. Existing evidence remains unchanged." }),
+								/* @__PURE__ */ v("label", {
+									className: "block",
+									children: ["Recorded status", /* @__PURE__ */ v("select", {
+										className: "mt-1 w-full rounded-md border bg-bg-surface p-2 text-sm",
+										value: L,
+										onChange: (e) => {
+											R(S.find((t) => t === e.target.value) ?? "");
+										},
+										children: [/* @__PURE__ */ _("option", {
+											value: "",
+											children: "Choose a status"
+										}), S.map((e) => /* @__PURE__ */ _("option", {
+											value: e,
+											children: w(e)
+										}, e))]
+									})]
+								}),
+								/* @__PURE__ */ _(o, {
+									htmlFor: "status-manual-reason",
+									children: "Correction reason"
+								}),
+								/* @__PURE__ */ _(s, {
+									id: "status-manual-reason",
+									value: z,
+									maxLength: 1e3,
+									onChange: (e) => B(e.target.value)
+								}),
+								/* @__PURE__ */ _(i, {
+									type: "submit",
+									children: "Record correction and hold"
+								})
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ v("section", {
+				className: u,
+				"aria-label": "Shipment status decision history",
+				children: [
+					/* @__PURE__ */ _("h2", {
+						className: "font-semibold",
+						children: "Decision history"
+					}),
+					M.data?.shipmentStatusDecisions.length === 0 && /* @__PURE__ */ _("p", { children: "No recorded status decisions on this page. Legacy evidence may have no decision ledger." }),
+					/* @__PURE__ */ _("div", {
+						className: "space-y-3",
+						children: M.data?.shipmentStatusDecisions.map((e) => /* @__PURE__ */ v("article", {
+							className: "border rounded-md p-3 break-words",
+							children: [
+								/* @__PURE__ */ v("p", { children: [
+									w(e.origin),
+									" · ",
+									w(e.outcome),
+									e.heldReason ? `: ${w(e.heldReason)}` : ""
+								] }),
+								/* @__PURE__ */ v("p", { children: [
+									w(e.priorStatus),
+									" → ",
+									w(e.resultStatus),
+									" · revision",
+									" ",
+									e.observedRevision,
+									" → ",
+									e.resultRevision
+								] }),
+								/* @__PURE__ */ _("p", { children: T(e.recordedAt) }),
+								e.reason && /* @__PURE__ */ _("p", { children: e.reason }),
+								e.trackingEventId && /* @__PURE__ */ v("p", {
+									className: "break-all",
+									children: ["Evidence: ", e.trackingEventId]
+								}),
+								e.proofId && /* @__PURE__ */ v("p", {
+									className: "break-all",
+									children: ["Delivery proof: ", e.proofId]
+								}),
+								e.configuredIntegrationId && /* @__PURE__ */ v("p", {
+									className: "break-all",
+									children: ["Chosen integration for this decision: ", e.configuredIntegrationId]
+								}),
+								e.configuredMaxSourceAgeSeconds !== null && /* @__PURE__ */ v("p", { children: [
+									"Source age limit for this decision: ",
+									e.configuredMaxSourceAgeSeconds,
+									" ",
+									"seconds"
+								] }),
+								e.configuredMaxFutureSkewSeconds !== null && /* @__PURE__ */ v("p", { children: [
+									"Future skew limit for this decision: ",
+									e.configuredMaxFutureSkewSeconds,
+									" ",
+									"seconds"
+								] })
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ _(E, {
+						offset: b,
+						length: M.data?.shipmentStatusDecisions.length,
+						busy: M.loading || j.busy,
+						change: (e) => {
+							D(e);
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ v("section", {
+				className: u,
+				"aria-label": "Recorded tracking evidence",
+				children: [
+					/* @__PURE__ */ _("h2", {
+						className: "font-semibold",
+						children: "Tracking evidence"
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "space-y-3",
+						children: P?.trackingEvents.map((e) => /* @__PURE__ */ v("article", {
+							className: "border rounded-md p-3 break-words",
+							children: [
+								/* @__PURE__ */ v("p", { children: [
+									w(e.eventType),
+									" · ",
+									w(e.sourceTimestampProvenance)
+								] }),
+								/* @__PURE__ */ v("p", { children: ["Provider time: ", T(e.providerEventTime)] }),
+								/* @__PURE__ */ v("p", { children: ["Received: ", T(e.serverReceivedAt)] }),
+								/* @__PURE__ */ v("p", {
+									className: "break-all",
+									children: ["Evidence: ", e.id]
+								})
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ _(E, {
+						offset: A,
+						length: P?.trackingEvents.length,
+						busy: M.loading || j.busy,
+						change: (e) => {
+							ie(e), $("basisTrackingEventId", "");
+						}
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { D as default };