/** * MagicLink.tsx - Guest → User conversion magic link email. * * Sent when a guest checks out; allows account creation with purchase history intact. */ 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 MagicLinkProps { name?: string; magicLinkUrl: string; expiryIso: string; locale?: Locale; } const copy = { he: { preview: 'קישור כניסה לחשבון Multideal שלך', heading: 'החשבון שלך מוכן', body: (name?: string) => name ? `היי ${name}, לחץ/י על הכפתור למטה להפעלת החשבון שלך ב-Multideal.` : 'לחץ/י על הכפתור למטה להפעלת החשבון שלך ב-Multideal.', cta: 'הפעל את החשבון', expiry: (expiryIso: string) => `הקישור בתוקף עד ${formatEmailDateTime(expiryIso, 'he')}`, security: 'אם לא ביקשת קישור זה, התעלם/י ממנו.', }, en: { preview: 'Your Multideal account login link', heading: 'Your account is ready', body: (name?: string) => name ? `Hi ${name}, click the button below to activate your Multideal account.` : 'Click the button below to activate your Multideal account.', cta: 'Activate my account', expiry: (expiryIso: string) => `This link expires ${formatEmailDateTime(expiryIso, 'en')}`, security: "If you didn't request this link, you can safely ignore it.", }, } as const; export default function MagicLink({ name, magicLinkUrl, expiryIso, locale = 'he', }: MagicLinkProps) { const t = copy[locale]; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; return ( {t.preview}

{/* Header */}

{t.heading}

{/* Body */}

{t.body(name)}

{t.cta}

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

); }