);
}
/* ─────────── STEP 0 · PO entry ─────────── */
function bookingErrorMessage(reason, body) {
const contact = (body && body.contact) || window.__GI_CONTACT || { email: "goodsin@jfhhorticultural.com", phone: "01270 212726" };
const reach = `email ${contact.email} or call ${contact.phone}`;
switch (reason) {
case "slot_taken":
return "That slot is already taken. Pick a different time, or " + reach + ".";
case "closed_day":
return "The dock is closed on that date. Pick another day, or " + reach + ".";
case "outside_hours":
return `That slot is outside our opening hours (${body?.open}–${body?.close}). Pick a slot inside the window, or ${reach}.`;
case "closure_block":
return `${body?.label || "A closure"} is in place on that date${body?.allDay === false ? ` between ${body?.start} and ${body?.end}` : ""}. Pick another time, or ${reach}.`;
case "too_close":
return `This delivery type needs at least ${body?.required} hours' notice. Please choose a slot further out, or ${reach}.`;
case "too_close_to_amend":
return `Amendments must be made at least ${body?.required} hours before the booked slot. To change it now, ${reach}.`;
case "delivery_type_disabled":
return "That delivery type isn't bookable at the moment. " + reach[0].toUpperCase() + reach.slice(1) + ".";
case "unknown_delivery_type":
return "That delivery type isn't recognised. Refresh and try again.";
case "over_capacity":
return `This PO has already been booked in. SKU ${body?.sku} has ${body?.available} of ${body?.outstanding} left to book.`;
case "line_unknown":
return `One of the PO lines (${body?.sku}) isn't on this PO in Intact anymore. Refresh the page and try again.`;
case "intact_sync_failed":
return "We couldn't sync your booking back to our system. Please try again, or " + reach + ".";
case "po_not_found":
return "Your PO can't be found anymore. Refresh the page and re-validate the PO.";
case "missing_field":
case "bad_format":
return `Some details are missing or in the wrong format (${body?.field || "field"}). Go back through the wizard and check.`;
case "no_lines":
return "You haven't selected any PO lines. Go back to step 3 and pick what's on the delivery.";
case "not_amendable":
return `This booking can no longer be amended online. ${reach[0].toUpperCase()}${reach.slice(1)}.`;
case "production_disabled":
return "Booking isn't live yet — the production system is still being set up. " + reach[0].toUpperCase() + reach.slice(1) + ".";
case "config":
case "db_not_bound":
return "The booking system isn't configured correctly. " + reach[0].toUpperCase() + reach.slice(1) + ".";
case "db_error":
case "upstream":
default:
return "Couldn't reach the booking system. Try again in a moment, or " + reach + ".";
}
}
function poValidationMessage(reason, body) {
const contact = (body && body.contact) || window.__GI_CONTACT || { email: "goodsin@jfhhorticultural.com", phone: "01270 212726" };
const reach = `email ${contact.email} or call ${contact.phone}`;
const Reach = reach[0].toUpperCase() + reach.slice(1);
switch (reason) {
case "po_not_found":
return `PO not recognised. Check the number, or ${reach}.`;
case "supplier_mismatch":
return `Supplier code doesn't match this PO. Check your code or ${reach}.`;
case "po_inactive":
return `This PO isn't currently bookable. ${Reach}.`;
case "already_fully_booked":
return `This PO has already been booked in. If something has changed, ${reach}.`;
case "production_disabled":
return `Booking isn't live yet — the production system is still being set up. ${Reach} if this is urgent.`;
case "missing_fields":
return "Enter both PO number and supplier code.";
case "bad_request":
case "config":
case "upstream":
default:
return `Couldn't reach the booking system. Try again in a moment, or ${reach}.`;
}
}
function StepPO({ b, setB, next, mode, setMode }) {
const [poNum, setPoNum] = React.useState(b.poNumber || "");
const [code, setCode] = React.useState(b.supplierCode || "");
const [busy, setBusy] = React.useState(false);
const [error, setError] = React.useState(null);
// Amend/cancel lookup state
const [lookupRef, setLookupRef] = React.useState("");
const [lookupPo, setLookupPo] = React.useState("");
const [lookupBusy, setLookupBusy] = React.useState(false);
const [lookupError, setLookupError] = React.useState(null);
async function openBooking() {
setLookupError(null);
if (!lookupRef.trim() || !lookupPo.trim()) {
setLookupError("Enter both booking reference and PO number.");
return;
}
setLookupBusy(true);
try {
const res = await fetch("/api/bookings/lookup", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ ref: lookupRef.trim(), po: lookupPo.trim() }),
});
const body = await res.json().catch(() => ({}));
if (body?.ok && body.booking) {
if (body.booking.status === "cancelled") {
setLookupError("This booking has already been cancelled. To re-book, start a new booking above.");
return;
}
if (body.booking.status !== "pending") {
setLookupError(`This booking is ${body.booking.status} and can no longer be amended online. Call 01270 212726.`);
return;
}
setB({ ...bookingToWizardState(body.booking), step: 5 });
return;
}
setLookupError("We couldn't find that booking. Check the reference and PO number.");
} catch (e) {
setLookupError("Couldn't reach the booking system. Try again in a moment.");
} finally {
setLookupBusy(false);
}
}
async function validate() {
setError(null);
if (!poNum.trim() || !code.trim()) { setError("Enter both PO number and supplier code."); return; }
setBusy(true);
try {
const res = await fetch("/api/po-validate", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ po: poNum.trim(), code: code.trim() }),
});
const body = await res.json().catch(() => ({}));
if (body?.ok) {
const realLines = Array.isArray(body.po.lines) ? body.po.lines : [];
const realPo = {
...window.JFH_GI.PO, // keep ancillary mock fields (address etc.) until we wire more from Intact
number: body.po.number,
intactId: body.po.intactId,
supplier: body.po.supplier.name,
supplierCode: body.po.supplier.code,
lines: realLines,
};
// Default the line quantities to what's still outstanding on each PO line.
const newLineQty = {};
for (const l of realLines) {
// Default to what's still bookable on this line (available <= outstanding).
const available = Math.max(0, Number(l.available ?? l.outstanding ?? (l.ordered - l.delivered) ?? 0));
newLineQty[l.sku] = available;
}
setB({
po: realPo,
poNumber: body.po.number,
poIntactId: body.po.intactId,
supplierCode: body.po.supplier.code,
supplierName: body.po.supplier.name,
poDueDate: body.po.dueDate,
poStatus: body.po.status,
poValidated: true,
lineQty: newLineQty,
fullDelivery: true,
});
next();
return;
}
setError(poValidationMessage(body?.reason, body));
} catch (e) {
setError("Couldn't reach the booking system. Try again in a moment, or email goodsin@jfhhorticultural.com.");
} finally {
setBusy(false);
}
}
return (
Step 1 of 6 · Verify your PO
Book a delivery into Sandbach.
Enter the JFH purchase order number we sent you and your supplier code. We'll match it to the order on our system and pull through the lines.
);
}
/* ─────────── STEP 2 · PO lines ─────────── */
function StepLines({ b, setB, next, back }) {
const lines = b.po.lines;
// Each line carries `available` = outstanding minus active bookings on the
// same PO. Cap quantity selection at what's still bookable (so the supplier
// can't over-book a PO that's already partly booked by another delivery).
const remainingMap = Object.fromEntries(
lines.map((l) => [
l.sku,
Number(l.available ?? l.outstanding ?? window.JFH_GI.lineRemaining(l)),
])
);
const totalRemaining = Object.values(remainingMap).reduce((s, n) => s + n, 0);
const totalSelected = Object.values(b.lineQty).reduce((s, n) => s + Number(n || 0), 0);
function selectAll() {
setB({ lineQty: remainingMap, fullDelivery: true });
}
function clearAll() {
setB({ lineQty: Object.fromEntries(lines.map(l => [l.sku, 0])), fullDelivery: false });
}
function setQty(sku, q) {
const cap = remainingMap[sku];
const next = { ...b.lineQty, [sku]: Math.max(0, Math.min(cap, Number(q) || 0)) };
setB({ lineQty: next, fullDelivery: lines.every(l => next[l.sku] === remainingMap[l.sku]) });
}
function toggleLine(sku) {
const cur = b.lineQty[sku] || 0;
setQty(sku, cur > 0 ? 0 : remainingMap[sku]);
}
const selectedCount = lines.filter(l => (b.lineQty[l.sku] || 0) > 0).length;
const canNext = totalSelected > 0;
return (
Step 3 of 6 · Confirm what's on the delivery
Which lines and quantities are arriving?
By default we've pre-filled the outstanding quantity on every PO line. Untick anything that isn't on this load, or edit the quantity for part deliveries.
{selectedCount} of {lines.length} lines · {totalSelected.toLocaleString()} of {totalRemaining.toLocaleString()} units outstanding
{b.amending
? "Edit any section below, then save. You can also cancel this booking entirely."
: "Everything below will be on the gate manifest. Click any section to edit it before you confirm."}
{b.amending && (
{cancelling ? "Cancelling…" : "Cancel this booking instead"}