/** * EmailVerify.tsx - Email change verification email. * * Sent when a user (or vendor) changes their email address. * Contains a verification link that must be clicked to confirm the new address. */ import { Html, Head, Body, Container, Section, Text, Link, Preview, } from '@/server/email/primitives.js'; import { dirForLocale, type Locale } from '@/lib/i18n/index.js'; import { fonts, spacing, tokens } from '@/server/email/tokens/index.js'; import { formatEmailDateTime } from '@/lib/format'; export interface EmailVerifyProps { verifyUrl: string; expiryIso: string; locale?: Locale; } const copy = { he: { preview: 'אמת את כתובת האימייל שלך ב-Multideal', heading: 'אימות כתובת אימייל', body: 'לחץ/י על הכפתור למטה לאימות כתובת האימייל החדשה שלך.', cta: 'אמת את האימייל', expiry: (iso: string) => `הקישור בתוקף עד ${formatEmailDateTime(iso, 'he')}`, security: 'אם לא ביקשת שינוי אימייל, אנא פנה לתמיכה מיידית.', }, en: { preview: 'Verify your Multideal email address', heading: 'Email Address Verification', body: 'Click the button below to verify your new email address.', cta: 'Verify email', expiry: (iso: string) => `This link expires ${formatEmailDateTime(iso, 'en')}`, security: "If you didn't request an email change, contact support immediately.", }, } as const; export default function EmailVerify({ verifyUrl, expiryIso, locale = 'he' }: EmailVerifyProps) { const t = copy[locale]; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; return ( {t.preview}

{t.heading}

{t.body}

{t.cta}

{t.expiry(expiryIso)} {t.security}

); }