// Templates HTML + texte pour les emails transactionnels. // // Style email-safe : table-based layout, inline styles, max 600 px, palette // derived de la charte (papier creme + stone-900 + bronze). Pas de webfonts // custom : on retombe sur system-ui + Georgia pour rester compatible Outlook. import { BRAND_NAME, BRAND_DOMAIN } from "@/lib/brand"; export type ContactSubmission = { firstName: string; lastName: string; company: string; email: string; reason: string; message: string; }; // Couleurs duplicate des tokens globals.css (les emails ne lisent pas le CSS). const C = { paper: "#faf7f2", card: "#ffffff", text: "#1c1917", muted: "#44403c", faint: "#78716c", border: "rgba(28, 25, 23, 0.10)", accent: "#92400e", accentSoft: "#fef3c7", }; /** Echappe les caracteres dangereux pour HTML (XSS basique sur user content). */ function esc(s: string): string { return s .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } /** Convertit les retours ligne en
apres escape (pour conserver le formattage user). */ function nl2br(s: string): string { return esc(s).replace(/\r?\n/g, "
"); } // ===================================================================== // Notification interne : prevenir l'agence qu'une demande arrive. // ===================================================================== export function contactNotificationSubject(s: ContactSubmission): string { return `Nouveau contact : ${s.firstName} ${s.lastName} (${s.company})`; } export function contactNotificationText(s: ContactSubmission): string { return `Nouvelle demande de contact via ${BRAND_DOMAIN} De : ${s.firstName} ${s.lastName} Entreprise : ${s.company} Email : ${s.email} Motif : ${s.reason} Message : ${s.message} --- Repondez directement a cet email pour ecrire au prospect (Reply-To : ${s.email}). `; } export function contactNotificationHtml(s: ContactSubmission): string { const fullName = `${esc(s.firstName)} ${esc(s.lastName)}`; return ` Nouveau contact
${esc(BRAND_NAME)} · Nouveau contact
${fullName}
${esc(s.company)}
Email ${esc(s.email)}
Motif ${esc(s.reason)}
Message
${nl2br(s.message)}
Repondez directement a cet email pour ecrire au prospect.
`; } // ===================================================================== // Confirmation au prospect : "on a bien recu votre message". // ===================================================================== export function contactConfirmationSubject(): string { return `On a bien recu votre message - ${BRAND_NAME}`; } export function contactConfirmationText(s: ContactSubmission): string { return `Bonjour ${s.firstName}, Merci pour votre message. Nous l'avons bien recu et nous vous repondons rapidement, du lundi au vendredi. En attendant, vous pouvez retrouver toutes les informations sur nos offres et notre fonctionnement sur https://${BRAND_DOMAIN}/essentiel et https://${BRAND_DOMAIN}/tarifs. A tres vite, L'equipe ${BRAND_NAME} --- ${BRAND_NAME} - Atelier web francais https://${BRAND_DOMAIN} `; } // ===================================================================== // Welcome client : compte provisionne par l'agence, l'utilisateur recoit // ses identifiants pour se connecter au portail. // ===================================================================== export type WelcomeClientData = { contactName: string; companyName: string; email: string; /** Mot de passe genere par l'agence. Le client est invite a le changer. */ temporaryPassword: string; /** URL du portail (ex: https://app.agence-novelia.fr ou /connexion). */ loginUrl: string; }; export function welcomeClientSubject(d: WelcomeClientData): string { return `Bienvenue chez ${BRAND_NAME}, ${d.contactName}. Voici vos acces.`; } export function welcomeClientText(d: WelcomeClientData): string { return `Bonjour ${d.contactName}, Votre espace client ${BRAND_NAME} est ouvert. Vous y retrouverez les chiffres de votre site, vos factures, vos demandes de support et vos parametres. Vos identifiants : Email : ${d.email} Mot de passe : ${d.temporaryPassword} Connectez-vous : ${d.loginUrl} Important : ce mot de passe a ete genere pour vous. Changez-le des votre premiere connexion dans Parametres > Profil > Securite. Si vous avez des questions, repondez directement a cet email, on vous repond rapidement. A bientot, L'equipe ${BRAND_NAME} --- ${BRAND_NAME} - Atelier web francais https://${BRAND_DOMAIN} `; } export function welcomeClientHtml(d: WelcomeClientData): string { return ` Bienvenue chez ${esc(BRAND_NAME)}
${esc(BRAND_NAME)}

Bienvenue, ${esc(d.contactName)}.

Votre espace client pour ${esc(d.companyName)} est ouvert.

Vous y retrouverez les chiffres de votre site, vos factures, vos demandes de support et vos parametres.

Vos identifiants
Email ${esc(d.email)}
Mot de passe ${esc(d.temporaryPassword)}

Ce mot de passe a ete genere pour vous. Changez-le des votre premiere connexion dans Parametres · Profil · Securite.

Si vous avez des questions, repondez directement a cet email.
${esc(BRAND_NAME)} · ${esc(BRAND_DOMAIN)}

`; } // ===================================================================== // Password reset : utilise par Better Auth via sendResetPassword callback. // ===================================================================== export type ResetPasswordData = { name: string | null; email: string; resetUrl: string; }; export function resetPasswordSubject(): string { return `Reinitialiser votre mot de passe ${BRAND_NAME}`; } export function resetPasswordText(d: ResetPasswordData): string { const greeting = d.name ? `Bonjour ${d.name},` : "Bonjour,"; return `${greeting} Vous avez demande a reinitialiser votre mot de passe ${BRAND_NAME}. Cliquez sur le lien ci-dessous pour definir un nouveau mot de passe : ${d.resetUrl} Ce lien est valable 1 heure. Si vous n'avez pas demande cette reinitialisation, ignorez cet email, votre mot de passe restera inchange. L'equipe ${BRAND_NAME} --- ${BRAND_NAME} https://${BRAND_DOMAIN} `; } export function resetPasswordHtml(d: ResetPasswordData): string { const greeting = d.name ? `Bonjour ${esc(d.name)},` : "Bonjour,"; return ` Reinitialiser votre mot de passe
${esc(BRAND_NAME)}

Reinitialiser votre mot de passe

${greeting}

Vous avez demande a reinitialiser votre mot de passe ${esc(BRAND_NAME)}. Cliquez sur le bouton ci-dessous pour en definir un nouveau.

Ce lien est valable 1 heure. Si vous n'avez pas demande cette reinitialisation, ignorez cet email, votre mot de passe restera inchange.

${esc(BRAND_NAME)} · ${esc(BRAND_DOMAIN)}

`; } export function contactConfirmationHtml(s: ContactSubmission): string { return ` On a bien recu votre message
${esc(BRAND_NAME)}

Bonjour ${esc(s.firstName)},

Merci pour votre message. Nous l'avons bien recu et nous vous repondons rapidement, du lundi au vendredi.

En attendant, voici deux pages utiles pour mieux nous connaitre :

→ Tout ce qui est inclus dans l'abonnement
→ Les tarifs detailles

${esc(BRAND_NAME)} · Atelier web francais
${esc(BRAND_DOMAIN)}

`; }