export interface EmailTemplateDetail {
label: string;
value: string;
}
export interface EmailTemplateInput {
preheader: string;
eyebrow: string;
title: string;
introHtml: string;
action?: { label: string; url: string } | null;
detailRows?: EmailTemplateDetail[];
outroHtml?: string;
footerNote?: string;
}
const SITE_URL = "https://tiketrack.com";
const HEADER_IMAGE_URL = `${SITE_URL}/brand/tiketrack-email-header.png`;
const BRAND_NAME_DARK_URL = `${SITE_URL}/brand/tiketrack-name-dark.png`;
const BRAND_NAME_LIGHT_URL = `${SITE_URL}/brand/tiketrack-name-light.png`;
const BRAND_ICON_URL = `${SITE_URL}/brand/tiketrack-icon.png`;
export function escapeHtml(value: string): string {
return value
.replace(/&/g, "&")
.replace(//g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
export function plainTextToEmailHtml(value: string): string {
const escaped = escapeHtml(value.trim());
const withLinks = escaped.replace(/(https?:\/\/[^\s<]+)/gu, '$1');
return withLinks
.split(/\n{2,}/u)
.map((paragraph) => `${paragraph.replace(/\n/gu, "
")}
`)
.join("");
}
function renderDetailRows(rows: EmailTemplateDetail[] = []): string {
if (!rows.length) return "";
return `
${rows.map((row) => `
|
${escapeHtml(row.label)}
${escapeHtml(row.value)}
|
|
`).join("")}
`;
}
export function renderTikeTrackEmailTemplate(input: EmailTemplateInput): string {
const action = input.action
? ``
: "";
return `
${escapeHtml(input.title)} | TikeTrack
${escapeHtml(input.preheader)}
|
| |
|
${escapeHtml(input.eyebrow)}
${escapeHtml(input.title)}
${input.introHtml}
${action}
${renderDetailRows(input.detailRows)}
${input.outroHtml ? `${input.outroHtml} ` : ""}
🔒 Mensaje seguro de TikeTrack
${escapeHtml(input.footerNote ?? "Este aviso se ha generado conforme a tus preferencias de notificación.")} |
|
|
|
|
`;
}