/**
* Idempotent normalizer for signature-slot markup. Guarantees that every
* occurrence of `[Signature Conciergerie]` / `[Signature Partenaire]` in
* the document body is wrapped in the canonical span:
*
* [Signature Conciergerie]
* [Signature Partenaire]
*
* Works whether the input has none of them wrapped, all of them wrapped,
* or any mix (Tiptap-saved + user-typed). The renderer's slot scanner
* relies on this uniform shape.
*/
export function normalizeSignatureSlots(html: string | null | undefined): string {
if (!html) return '';
let result = html;
// Step 1 — strip any existing wrappers so we start from a clean state.
result = result.replace(
/]*data-signature-slot\s*=\s*["']sender["'][^>]*>[\s\S]*?<\/span>/gi,
'[Signature Conciergerie]',
);
result = result.replace(
/]*data-signature-slot\s*=\s*["']recipient["'][^>]*>[\s\S]*?<\/span>/gi,
'[Signature Partenaire]',
);
// Step 2 — wrap every bracket marker with an EMPTY span. We deliberately
// omit the bracket text from the wrapper so that if the renderer's JS
// effect doesn't run (cached chunk, JS error, etc.) the recipient still
// sees a clean empty slot instead of literal "[Signature Partenaire]".
result = result.replace(
/\[Signature\s+Conciergerie\]/gi,
'',
);
result = result.replace(
/\[Signature\s+Partenaire\]/gi,
'',
);
return result;
}
/**
* Same as {@link normalizeSignatureSlots} but additionally fills the slot
* wrappers with a static, fully-rendered signature block (title + stamp /
* signature image). Used for the read-only / locked render path so the
* rich block is present in the HTML directly — no client-side JS pass is
* needed and a stale or failing useEffect can never leave the slot empty.
*/
export function renderStaticSignatureSlots(
html: string | null | undefined,
opts: {
senderSignatureUrl?: string | null;
senderStampUrl?: string | null;
recipientSignatureUrl?: string | null;
recipientSignedAt?: string | null;
} = {},
): string {
const base = normalizeSignatureSlots(html);
if (!base) return '';
const senderImg = opts.senderStampUrl || opts.senderSignatureUrl || '/admin-sign/sign-admin.png';
const senderBlock = `Signature et cachet du mandataire
`;
const recipientImg = opts.recipientSignatureUrl;
const recipientInner = recipientImg
? `
`
: `En attente de signature`;
const caption = recipientImg && opts.recipientSignedAt
? `Signé le ${formatDateFrSafe(opts.recipientSignedAt)}`
: '';
const recipientBlock = `Signature du Partenaire${recipientInner}${caption}`;
return base
.replace(/<\/span>/g, senderBlock)
.replace(/<\/span>/g, recipientBlock);
}
function formatDateFrSafe(value: string): string {
const d = new Date(value);
if (Number.isNaN(d.getTime())) return value;
const dd = String(d.getDate()).padStart(2, '0');
const mm = String(d.getMonth() + 1).padStart(2, '0');
const yyyy = d.getFullYear();
const hh = String(d.getHours()).padStart(2, '0');
const mi = String(d.getMinutes()).padStart(2, '0');
return `${dd}/${mm}/${yyyy} ${hh}:${mi}`;
}