@burdenoff/microfe-movethewheels 2026.930.5 → 2026.1010.2

package/dist/components/ReturnInstructionForm.js

@@ -0,0 +1,108 @@
+import { Button as e } from "./ui.js";
+import { ReuseField as t } from "./ReuseControls.js";
+import { ContainerEvidencePicker as n } from "./ContainerEvidencePicker.js";
+import { freeTimeIso as r } from "../utils/freeTimeDate.js";
+import { reuseText as i } from "../utils/reuseForm.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/movethewheels/components/ReturnInstructionForm.tsx
+function c({ current: c, busy: l, onSubmit: u }) {
+	let [d, f] = a([]), [p, m] = a(null);
+	return /* @__PURE__ */ o("form", {
+		className: "space-y-4",
+		onSubmit: async (e) => {
+			e.preventDefault(), m(null);
+			try {
+				let t = new FormData(e.currentTarget);
+				if (!d.length) throw Error("Select exact sourced return-instruction evidence.");
+				await u({
+					ownerReference: i(t, "ownerReference"),
+					bookingReference: i(t, "bookingReference"),
+					depotReference: i(t, "depotReference"),
+					locationReference: i(t, "locationReference"),
+					returnFrom: r(i(t, "returnFrom")),
+					returnUntil: r(i(t, "returnUntil")),
+					effectiveAt: r(i(t, "effectiveAt")),
+					sourceReference: i(t, "sourceReference"),
+					changeReason: i(t, "changeReason"),
+					evidence: d.map(({ fileId: e, versionId: t }) => ({
+						fileId: e,
+						versionId: t
+					}))
+				});
+			} catch (e) {
+				m(e instanceof Error ? e.message : "Invalid instruction.");
+			}
+		},
+		children: /* @__PURE__ */ s("fieldset", {
+			disabled: l,
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ o("p", { children: c ? `Amending current instruction v${c.version}; retains the old immutable record.` : "Record initial owner/carrier return instruction." }),
+				/* @__PURE__ */ s("div", {
+					className: "grid gap-3 md:grid-cols-2",
+					children: [
+						/* @__PURE__ */ o(t, {
+							label: "Equipment owner reference",
+							name: "ownerReference",
+							value: c?.ownerReference
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Import booking reference",
+							name: "bookingReference",
+							value: c?.bookingReference
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Return depot reference",
+							name: "depotReference",
+							value: c?.depotReference
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Return location reference",
+							name: "locationReference",
+							value: c?.locationReference
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Return window from (ISO with timezone)",
+							name: "returnFrom",
+							value: c?.returnFrom
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Return window until (ISO with timezone)",
+							name: "returnUntil",
+							value: c?.returnUntil
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Effective at (ISO with timezone)",
+							name: "effectiveAt"
+						}),
+						/* @__PURE__ */ o(t, {
+							label: "Source reference",
+							name: "sourceReference"
+						})
+					]
+				}),
+				/* @__PURE__ */ o(t, {
+					label: "Change reason",
+					name: "changeReason",
+					maxLength: 2e3
+				}),
+				/* @__PURE__ */ o(n, {
+					value: d,
+					onChange: f
+				}),
+				p && /* @__PURE__ */ o("p", {
+					role: "alert",
+					children: p
+				}),
+				/* @__PURE__ */ o(e, {
+					type: "submit",
+					disabled: l,
+					children: "Record sourced instruction"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { c as ReturnInstructionForm };

package/dist/components/ReuseControls.js

@@ -0,0 +1,91 @@
+import { Button as e, Input as t } from "./ui.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/movethewheels/components/ReuseControls.tsx
+var a = "space-y-4 rounded-xl border bg-bg-surface p-5", o = "mt-1 w-full rounded-md border bg-bg-surface p-2 text-sm";
+function s({ page: t, offset: n, onChange: a, busy: o }) {
+	return /* @__PURE__ */ i("div", {
+		className: "flex flex-wrap items-center gap-3",
+		children: [
+			/* @__PURE__ */ r(e, {
+				type: "button",
+				variant: "outline",
+				disabled: o || n === 0,
+				onClick: () => a(Math.max(0, n - (t?.limit ?? 25))),
+				children: "Previous"
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "text-sm",
+				children: t ? `${t.total} records; showing ${t.total === 0 ? 0 : t.offset + 1}–${Math.min(t.offset + t.limit, t.total)}` : "Waiting for records"
+			}),
+			/* @__PURE__ */ r(e, {
+				type: "button",
+				variant: "outline",
+				disabled: o || !t?.hasMore || t.nextOffset == null || t.nextOffset > 1e4,
+				onClick: () => {
+					t?.nextOffset != null && a(t.nextOffset);
+				},
+				children: "Next"
+			})
+		]
+	});
+}
+function c({ loading: e, error: t, children: a }) {
+	return /* @__PURE__ */ i(n, { children: [
+		e && /* @__PURE__ */ r("p", {
+			role: "status",
+			children: "Loading records…"
+		}),
+		t && /* @__PURE__ */ r("p", {
+			role: "alert",
+			children: t
+		}),
+		a
+	] });
+}
+function l({ label: e, name: n, value: a, type: o = "text", required: s = !0, maxLength: c = 255 }) {
+	return /* @__PURE__ */ i("label", {
+		className: "block",
+		children: [e, /* @__PURE__ */ r(t, {
+			name: n,
+			defaultValue: a,
+			required: s,
+			type: o,
+			maxLength: c,
+			min: o === "number" ? 0 : void 0,
+			step: o === "number" ? 1 : void 0
+		})]
+	});
+}
+function u({ label: e, name: t, value: n, onChange: a, options: s, required: c = !0, disabled: l = !1 }) {
+	return /* @__PURE__ */ i("label", {
+		className: "block",
+		children: [e, /* @__PURE__ */ i("select", {
+			className: o,
+			name: t,
+			value: n,
+			onChange: (e) => a(e.target.value),
+			required: c,
+			disabled: l,
+			children: [
+				/* @__PURE__ */ r("option", {
+					value: "",
+					children: c ? "Choose record" : "UNKNOWN / not recorded"
+				}),
+				n && !s.some((e) => e.id === n) && /* @__PURE__ */ i("option", {
+					value: n,
+					children: [
+						"Pinned record ",
+						n,
+						" (outside this page)"
+					]
+				}),
+				s.map((e) => /* @__PURE__ */ r("option", {
+					value: e.id,
+					children: e.label
+				}, e.id))
+			]
+		})]
+	});
+}
+//#endregion
+export { u as PinnedSelect, l as ReuseField, s as ReusePager, c as ReuseState, a as reuseCard, o as reuseSelect };

package/dist/components/ReusePermissionForm.js

@@ -0,0 +1,114 @@
+import { Button as e } from "./ui.js";
+import { PinnedSelect as t, ReuseField as n } from "./ReuseControls.js";
+import { ContainerEvidencePicker as r } from "./ContainerEvidencePicker.js";
+import { freeTimeIso as i } from "../utils/freeTimeDate.js";
+import { reuseText as a } from "../utils/reuseForm.js";
+import { useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/movethewheels/components/ReusePermissionForm.tsx
+var u = [
+	"APPROVED",
+	"REJECTED",
+	"REVOKED"
+];
+function d({ approvals: d, ownerReference: f, busy: p, onSubmit: m }) {
+	let [h, g] = o("APPROVED"), [_, v] = o(""), [y, b] = o([]), [x, S] = o(null);
+	return /* @__PURE__ */ c("form", {
+		className: "space-y-4",
+		onSubmit: async (e) => {
+			e.preventDefault(), S(null);
+			try {
+				let t = new FormData(e.currentTarget);
+				if (!y.length) throw Error("Select exact external permission evidence.");
+				if (h === "REVOKED" && !_) throw Error("Select the exact grant being revoked.");
+				await m({
+					kind: h,
+					counterpartyReference: a(t, "counterpartyReference"),
+					sourceReference: a(t, "sourceReference"),
+					note: a(t, "note"),
+					approvalId: h === "REVOKED" ? _ : void 0,
+					validFrom: h === "APPROVED" ? i(a(t, "validFrom")) : void 0,
+					validUntil: h === "APPROVED" ? i(a(t, "validUntil")) : void 0,
+					evidence: y.map(({ fileId: e, versionId: t }) => ({
+						fileId: e,
+						versionId: t
+					}))
+				});
+			} catch (e) {
+				S(e instanceof Error ? e.message : "Invalid permission record.");
+			}
+		},
+		children: /* @__PURE__ */ l("fieldset", {
+			disabled: p,
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ c("p", {
+					className: "text-sm",
+					children: "Record external owner/carrier permission for this exact planning revision. This does not create permission, authenticate the counterparty, reserve equipment or dispatch."
+				}),
+				/* @__PURE__ */ c(t, {
+					label: "Recorded external decision",
+					value: h,
+					onChange: (e) => {
+						let t = u.find((t) => t === e);
+						t && (g(t), v(""), b([]), S(null));
+					},
+					options: u.map((e) => ({
+						id: e,
+						label: e === "APPROVED" ? "Sourced grant" : e === "REJECTED" ? "Sourced rejection" : "Revoke exact grant"
+					}))
+				}),
+				h === "REVOKED" && /* @__PURE__ */ c(t, {
+					label: "Grant to revoke",
+					value: _,
+					onChange: v,
+					options: d.filter((e) => e.kind === "APPROVED").map((e) => ({
+						id: e.id,
+						label: `${e.counterpartyReference} — ${e.sourceReference} — ${e.id}`
+					}))
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "grid gap-3 md:grid-cols-2",
+					children: [
+						/* @__PURE__ */ c(n, {
+							label: "Exact equipment owner reference",
+							name: "counterpartyReference",
+							value: f
+						}),
+						/* @__PURE__ */ c(n, {
+							label: "External source reference",
+							name: "sourceReference"
+						}),
+						h === "APPROVED" && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(n, {
+							label: "Permission valid from (ISO with timezone)",
+							name: "validFrom"
+						}), /* @__PURE__ */ c(n, {
+							label: "Permission valid until (ISO with timezone)",
+							name: "validUntil"
+						})] })
+					]
+				}),
+				/* @__PURE__ */ c(n, {
+					label: "Decision or revocation note",
+					name: "note",
+					maxLength: 2e3
+				}),
+				/* @__PURE__ */ c(r, {
+					value: y,
+					onChange: b
+				}),
+				x && /* @__PURE__ */ c("p", {
+					role: "alert",
+					children: x
+				}),
+				/* @__PURE__ */ c(e, {
+					type: "submit",
+					disabled: p,
+					children: "Record external decision"
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as ReusePermissionForm };