);
}
function StateBanner({ state, confirmedAt }) {
if (state.key === "draft") return null;
const palette = tonePalette(state.tone);
let icon = null, title = state.label, body = null;
if (state.key === "awaiting" || state.key === "amended_awaiting") {
icon = ;
body = "The Service Summary Form has been sent to the customer via Odoo. No changes can be made until the customer signs or the form is recalled.";
} else if (state.key === "just-signed") {
icon = ;
body = "The customer's signature has been received. Syncing confirmation status to FD App…";
} else if (state.key === "confirmed") {
icon = ;
title = "Arrangement Confirmed";
body = confirmedAt
? `Customer signed and confirmed via Odoo on ${new Date(confirmedAt).toLocaleDateString("en-SG", { day: "numeric", month: "long", year: "numeric" })} at ${new Date(confirmedAt).toLocaleTimeString("en-SG", { hour: "2-digit", minute: "2-digit" })}. To make changes, use Enter Edit Mode to begin an amendment.`
: "Customer has signed and confirmed this arrangement via Odoo. To make changes, use Enter Edit Mode to begin an amendment.";
} else if (state.key === "amendment_draft") {
icon = ;
title = "Amendment Mode";
body = "You are editing a confirmed arrangement. Changes are not yet saved or sent to the customer.";
}
return (
{icon}
{title}
{body}
);
}
function HeroCover({ caseDetails, serviceData, primaryContact, roDate }) {
const dob = roDate(serviceData?.dateOfBirth);
const dod = roDate(serviceData?.dateOfDeath);
const religion = caseDetails?.religion ? titleCase(caseDetails.religion) : null;
return (