@burdenoff/microfe-movethewheels 2026.1016.2 → 2026.1016.4

package/dist/pages/FreightInvoicePage.js

@@ -0,0 +1,346 @@
+import { FileText as e } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import { useMoveTheWheels as t } from "../providers/MoveTheWheelsProvider.js";
+import { Button as n } from "../components/ui.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { useConditionApi as i, useConditionQuery as a } from "../hooks/useContainerCondition.js";
+import { PinnedSelect as o, ReusePager as s, ReuseState as c, reuseCard as l } from "../components/ReuseControls.js";
+import { useShipmentPermissions as u } from "../hooks/useShipmentPermissions.js";
+import { FreightText as ee } from "../components/freight-cost/FreightFields.js";
+import { sameInvoiceScope as d } from "../utils/invoiceComparison.js";
+import { InvoiceHistoryRecord as te } from "../components/freight-invoice/InvoiceResults.js";
+import { InvoiceForm as ne } from "../components/freight-invoice/InvoiceForm.js";
+import { InvoiceComparisonExactDocument as re, InvoiceComparisonHistoryDocument as f, InvoiceEstimatePageDocument as ie, InvoiceEstimateVersionDocument as ae, InvoiceShipmentsDocument as oe, InvoiceStructuralPreviewDocument as se } from "../src/generated/freight-invoice-operations.js";
+import { useInvoiceComparisonRecovery as p, useInvoiceComparisonScope as m } from "../hooks/useInvoiceComparisonRecovery.js";
+import { useState as h } from "react";
+import { useSearchParams as g } from "react-router";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { PermissionProvider as b } from "@burdenoff/fe-libs/shared/providers/shell";
+//#region src/movethewheels/pages/FreightInvoicePage.tsx
+function x() {
+	let n = t();
+	return /* @__PURE__ */ v(r, {
+		title: "Freight invoice comparisons",
+		subtitle: "Compare manually reported source facts with one immutable estimate version.",
+		icon: /* @__PURE__ */ v(e, { "aria-hidden": "true" }),
+		children: /* @__PURE__ */ v(b, {
+			scopeId: n.workspaceId ?? null,
+			gateway: "workspace",
+			children: /* @__PURE__ */ v(S, {})
+		}, `${n.workspaceId}:${n.tenantId}:${n.currentUser?.id}:${n.apiGatewayUrl}`)
+	});
+}
+function S() {
+	let e = u(), t = m(e.canRead), n = p(t, () => e.allows("update"));
+	return /* @__PURE__ */ y(_, { children: [!e.canRead && /* @__PURE__ */ v("p", {
+		role: "status",
+		children: e.loading ? "Checking shipment read permission…" : e.failed ? "Shipment permissions are unavailable. Reload to inspect them." : "Shipment read permission in the current workspace is required."
+	}), /* @__PURE__ */ v(C, {
+		access: e,
+		scope: t,
+		actions: n
+	}, n.scopeKey)] });
+}
+function C({ access: e, scope: t, actions: r }) {
+	let l = i(), [u, d] = g(), [p, m] = h(() => u.get("invoiceShipment")?.slice(0, 255) ?? ""), [b, x] = h(0), [S, C] = h(0), [T, E] = h(""), [D, O] = h(!1), [k, A] = h(null), [j, M] = h(() => u.get("invoiceIdentity")?.slice(0, 255) ?? ""), [N, P] = h(j), [F, I] = h(0), [L, R] = h(""), [z, B] = h(null), [V, H] = h(null), U = !!t && e.canRead, W = r.busy || r.uncertain, G = a(oe, U ? { pagination: {
+		limit: 25,
+		offset: b
+	} } : null, r.revision), K = a(ie, U && p ? {
+		shipmentId: p,
+		pagination: {
+			limit: 25,
+			offset: S
+		}
+	} : null, r.revision), q = a(ae, U && p && T ? {
+		shipmentId: p,
+		id: T
+	} : null, r.revision), J = a(f, U && p && j ? {
+		shipmentId: p,
+		invoiceIdentityId: j,
+		pagination: {
+			limit: 10,
+			offset: F
+		}
+	} : null, r.revision), Y = a(re, U && p && L ? {
+		shipmentId: p,
+		id: L
+	} : null, r.revision), X = Y.data?.mtwFreightInvoiceComparison ?? z, Z = (e) => {
+		m(e.shipmentId), B(e), R(e.id), M(e.invoiceIdentityId), P(e.invoiceIdentityId), I(0), O(!1), A(null), d((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("invoiceShipment", e.shipmentId), n.set("invoiceIdentity", e.invoiceIdentityId), n;
+		}, { replace: !0 });
+	}, Q = G.data?.shipments.map((e) => ({
+		id: e.id,
+		label: `${e.shipmentNumber} — ${e.primaryMode} — ${e.status}`
+	})) ?? [];
+	p && !Q.some((e) => e.id === p) && Q.unshift({
+		id: p,
+		label: "Selected shipment outside this loaded page"
+	});
+	let ce = G.data ? {
+		total: G.data.shipmentsCount,
+		limit: 25,
+		offset: b,
+		hasMore: b + G.data.shipments.length < G.data.shipmentsCount,
+		nextOffset: b + 25
+	} : void 0, $ = q.data?.mtwFreightEstimateVersion;
+	return /* @__PURE__ */ y("div", {
+		className: "min-w-0 space-y-6 break-words",
+		children: [
+			/* @__PURE__ */ v("p", {
+				className: "rounded border p-4 text-sm",
+				children: "Record only what the supplier source reports. Unknown is not zero. This comparison establishes no quote acceptance, liability, invoice approval or payment. Corrections append a new immutable revision."
+			}),
+			r.uncertain && /* @__PURE__ */ v(w, {
+				pending: r.pending,
+				scope: t,
+				busy: r.busy,
+				canReconcile: r.canReconcile,
+				onRead: () => void r.reconcile().then((e) => {
+					e && Z(e);
+				})
+			}),
+			r.feedback && /* @__PURE__ */ v("p", {
+				role: r.feedback.error ? "alert" : "status",
+				children: r.feedback.message
+			}),
+			U && /* @__PURE__ */ y(_, { children: [
+				/* @__PURE__ */ y("section", {
+					className: "space-y-4 rounded-xl border bg-bg-surface p-5",
+					children: [
+						/* @__PURE__ */ v("h2", {
+							className: "text-lg font-semibold",
+							children: "Choose the exact recorded estimate"
+						}),
+						/* @__PURE__ */ v(o, {
+							label: "Invoice shipment",
+							value: p,
+							disabled: W || D,
+							options: Q,
+							onChange: (e) => {
+								m(e), E(""), C(0), M(""), P(""), R(""), B(null), A(null), O(!1), d((t) => {
+									let n = new URLSearchParams(t);
+									return n.set("invoiceShipment", e), n.delete("invoiceIdentity"), n;
+								}, { replace: !0 });
+							}
+						}),
+						/* @__PURE__ */ v(c, {
+							loading: G.loading,
+							error: G.error
+						}),
+						/* @__PURE__ */ v(s, {
+							page: ce,
+							busy: W || D || G.loading,
+							offset: b,
+							onChange: x
+						}),
+						p && /* @__PURE__ */ y(_, { children: [
+							/* @__PURE__ */ v(o, {
+								label: "Exact estimate version",
+								value: T,
+								disabled: W || D,
+								options: K.data?.mtwFreightEstimatePage.items.map((e) => ({
+									id: e.id,
+									label: `${e.estimateReference} / version ${e.version} / ${e.facts.kind} / ${e.facts.title}`
+								})) ?? [],
+								onChange: (e) => E(e)
+							}),
+							/* @__PURE__ */ v(c, {
+								loading: K.loading,
+								error: K.error
+							}),
+							/* @__PURE__ */ v(s, {
+								page: K.data?.mtwFreightEstimatePage,
+								busy: W || D || K.loading,
+								offset: S,
+								onChange: C
+							})
+						] }),
+						/* @__PURE__ */ v(c, {
+							loading: q.loading,
+							error: q.error
+						}),
+						$ && /* @__PURE__ */ y("p", { children: [
+							"Pinned ",
+							$.facts.kind,
+							": ",
+							$.estimateReference,
+							" version",
+							" ",
+							$.version,
+							". Source ",
+							$.facts.sourceReference,
+							"/",
+							$.facts.sourceRevision,
+							"; source validity ",
+							$.validityAtRead,
+							". This does not establish acceptance."
+						] }),
+						/* @__PURE__ */ y("div", {
+							className: "flex flex-wrap gap-3",
+							children: [
+								/* @__PURE__ */ v(n, {
+									type: "button",
+									disabled: W || !$ || $.shipmentId !== p || q.loading || !!q.error,
+									onClick: () => {
+										O(!0), H(null);
+									},
+									children: k ? `Start correction draft after revision ${k.revision}` : "Start manual invoice draft"
+								}),
+								D && /* @__PURE__ */ v(n, {
+									type: "button",
+									variant: "outline",
+									disabled: W,
+									onClick: () => {
+										O(!1), A(null);
+									},
+									children: "Discard unsent draft"
+								}),
+								/* @__PURE__ */ v(n, {
+									type: "button",
+									variant: "outline",
+									disabled: r.busy,
+									onClick: r.refresh,
+									children: "Refresh recorded data"
+								})
+							]
+						})
+					]
+				}),
+				D && $ && $.shipmentId === p && /* @__PURE__ */ v(ne, {
+					estimate: $,
+					previous: k,
+					disabled: W || q.loading || !!q.error,
+					canRecord: e.canUpdate,
+					onPreview: async (e) => (await l(se, { input: e })).previewMtwFreightInvoice,
+					onSave: async (e, t) => {
+						let n = await r.run(e, t);
+						return n && Z(n), n;
+					}
+				}, `${$.id}:${k?.id ?? "first"}`),
+				V && /* @__PURE__ */ v("p", {
+					role: "alert",
+					children: V
+				}),
+				p && /* @__PURE__ */ y("section", {
+					className: "space-y-4 rounded-xl border bg-bg-surface p-5",
+					children: [
+						/* @__PURE__ */ v("h2", {
+							className: "text-lg font-semibold",
+							children: "Recorded invoice history"
+						}),
+						/* @__PURE__ */ v("p", { children: "A confirmed save opens its invoice history here. Bookmark this page to return to it. Complete invoice browsing is not available in this view. A missing page never proves that an unresolved save had no effect." }),
+						/* @__PURE__ */ y("details", { children: [
+							/* @__PURE__ */ v("summary", {
+								className: "min-h-11 cursor-pointer",
+								children: "Advanced: open a known receipt identity"
+							}),
+							/* @__PURE__ */ v(ee, {
+								label: "Known invoice identity ID",
+								value: N,
+								disabled: r.busy,
+								onChange: P
+							}),
+							/* @__PURE__ */ v(n, {
+								type: "button",
+								variant: "outline",
+								disabled: r.busy || !N.trim(),
+								onClick: () => {
+									M(N.trim()), I(0), R(""), B(null), d((e) => {
+										let t = new URLSearchParams(e);
+										return t.set("invoiceShipment", p), t.set("invoiceIdentity", N.trim()), t;
+									}, { replace: !0 });
+								},
+								children: "Read identity history"
+							})
+						] }),
+						j && /* @__PURE__ */ y(_, { children: [
+							/* @__PURE__ */ v(c, {
+								loading: J.loading,
+								error: J.error
+							}),
+							J.data?.mtwFreightInvoiceComparisonPage.items.map((e) => /* @__PURE__ */ y(n, {
+								className: "h-auto max-w-full whitespace-normal break-words text-left",
+								type: "button",
+								variant: "outline",
+								onClick: () => {
+									R(e.id), B(null);
+								},
+								children: [
+									e.facts.supplierLabel ?? e.facts.supplierReference,
+									" / invoice",
+									" ",
+									e.facts.invoiceReference,
+									", revision ",
+									e.revision,
+									" / ",
+									e.recordedAt
+								]
+							}, e.id)),
+							/* @__PURE__ */ v(s, {
+								page: J.data?.mtwFreightInvoiceComparisonPage,
+								busy: J.loading || r.busy,
+								offset: F,
+								onChange: I
+							})
+						] })
+					]
+				}),
+				/* @__PURE__ */ v(c, {
+					loading: Y.loading,
+					error: Y.error
+				}),
+				X && X.shipmentId === p && /* @__PURE__ */ y(_, { children: [
+					/* @__PURE__ */ v(te, { record: X }),
+					/* @__PURE__ */ v(n, {
+						type: "button",
+						disabled: W || !e.canUpdate || !J.data || J.data.mtwFreightInvoiceComparisonPage.items[0]?.id !== X.id || F !== 0,
+						onClick: () => {
+							E(X.estimate.id), A(X), O(!1), H(null);
+						},
+						children: "Prepare correction to this latest revision"
+					}),
+					/* @__PURE__ */ v("p", { children: "Refresh the first history page to pin its latest revision before correcting. The server checks the exact predecessor again." })
+				] })
+			] })
+		]
+	});
+}
+function w({ pending: e, scope: t, busy: r, canReconcile: i, onRead: a }) {
+	return /* @__PURE__ */ y("section", {
+		className: l,
+		"aria-label": "Original invoice request recovery",
+		children: [/* @__PURE__ */ v("h2", {
+			className: "font-semibold",
+			children: "Original save is unresolved"
+		}), e && d(e.scope, t) ? /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ y("p", { children: [
+				"Invoice ",
+				e.input.facts.invoiceReference ?? "reference unknown",
+				"; exact",
+				" ",
+				e.estimate.kind.toLowerCase(),
+				" ",
+				e.estimate.estimateReference,
+				", version",
+				" ",
+				e.estimate.version,
+				". No automatic resend or new request is allowed."
+			] }),
+			/* @__PURE__ */ v(n, {
+				type: "button",
+				disabled: !i || r,
+				onClick: a,
+				children: "Read original request receipt"
+			}),
+			/* @__PURE__ */ y("details", { children: [/* @__PURE__ */ v("summary", {
+				className: "min-h-11 cursor-pointer",
+				children: "Retained original source intent"
+			}), /* @__PURE__ */ v("pre", {
+				className: "max-w-full whitespace-pre-wrap break-all text-xs",
+				children: JSON.stringify(e.input, null, 2)
+			})] })
+		] }) : /* @__PURE__ */ v("p", { children: e ? "The original request is retained in another or unavailable context. Return to the original account, organization, workspace and project with read permission; its source facts remain hidden here." : "The saved intent is malformed or unavailable. It remains blocked; do not discard it or start another request as proof of no effect." })]
+	});
+}
+//#endregion
+export { w as InvoiceRequestRecovery, x as default };