hykocx
188e1d82f8
- simplify em-dash sentence in EmailChangeConfirmEmail footer note - replace "notre équipe de support" with "le support" across notify/changed/admin_new variants - shorten InvitationEmail title by removing "Bienvenue —" prefix - reword PasswordChangedEmail body and footer note for clarity - align PasswordResetEmail and VerificationEmail copy with same tone
64 lines
2.6 KiB
JavaScript
64 lines
2.6 KiB
JavaScript
import { Section, Text } from "@react-email/components";
|
||
import { BaseLayout } from "@zen/core/email/templates";
|
||
|
||
const VARIANTS = {
|
||
pending: {
|
||
preview: (name) => `Demande de modification de courriel – ${name}`,
|
||
title: 'Demande de modification de courriel',
|
||
body: (name) => `Une demande de modification de l'adresse courriel associée à votre compte ${name} a été initiée.`,
|
||
note: "Si vous n'êtes pas à l'origine de cette demande, contactez le support immédiatement. Votre adresse actuelle reste active jusqu'à confirmation.",
|
||
},
|
||
changed: {
|
||
preview: (name) => `Votre adresse courriel a été modifiée – ${name}`,
|
||
title: 'Adresse courriel modifiée',
|
||
body: (name) => `L'adresse courriel de votre compte ${name} a été modifiée par un administrateur.`,
|
||
note: "Si vous n'êtes pas à l'origine de cette modification, contactez le support immédiatement.",
|
||
},
|
||
admin_new: {
|
||
preview: (name) => `Votre compte est maintenant associé à cette adresse – ${name}`,
|
||
title: 'Adresse courriel associée à votre compte',
|
||
body: (name) => `Votre adresse courriel est maintenant associée à un compte ${name}. Cette modification a été effectuée par un administrateur.`,
|
||
note: "Si vous n'avez pas été informé de cette modification, contactez le support.",
|
||
},
|
||
};
|
||
|
||
export const EmailChangeNotifyEmail = ({ oldEmail, newEmail, variant = 'changed', companyName }) => {
|
||
const msg = VARIANTS[variant] || VARIANTS.changed;
|
||
|
||
return (
|
||
<BaseLayout
|
||
preview={msg.preview(companyName)}
|
||
title={msg.title}
|
||
companyName={companyName}
|
||
supportSection={true}
|
||
>
|
||
<Text className="text-[14px] leading-[24px] text-neutral-600 mt-[4px] mb-[24px]">
|
||
{msg.body(companyName)}
|
||
</Text>
|
||
|
||
<Section style={{ border: '1px solid #E5E5E5' }} className="bg-neutral-100 rounded-[12px] p-[20px] my-[24px]">
|
||
{oldEmail && variant !== 'admin_new' && (
|
||
<>
|
||
<Text className="text-[12px] font-medium text-neutral-400 m-0 mb-[4px] uppercase tracking-wider">
|
||
Ancienne adresse
|
||
</Text>
|
||
<Text className="text-[14px] font-medium text-neutral-900 m-0 mb-[12px]">
|
||
{oldEmail}
|
||
</Text>
|
||
</>
|
||
)}
|
||
<Text className="text-[12px] font-medium text-neutral-400 m-0 mb-[4px] uppercase tracking-wider">
|
||
Nouvelle adresse
|
||
</Text>
|
||
<Text className="text-[14px] font-medium text-neutral-900 m-0">
|
||
{newEmail}
|
||
</Text>
|
||
</Section>
|
||
|
||
<Text className="text-[12px] leading-[20px] text-neutral-400 m-0">
|
||
{msg.note}
|
||
</Text>
|
||
</BaseLayout>
|
||
);
|
||
};
|