/** * VoucherExpiry.tsx — reminder sent when a voucher is about to expire. */ import { Html, Head, Body, Container, Section, Text, Link, Hr, 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'; export interface VoucherExpiryProps { buyerName?: string; dealTitle: string; expiryDateStr: string; redeemUrl: string; siteUrl: string; unsubscribeUrl: string; locale?: Locale; } const copy = { he: { preview: "הוואוצ'ר שלך פג עוד 3 ימים", heading: (name?: string) => (name ? `${name}, אל תפספס!` : 'אל תפספס!'), body: (title: string, expiry: string) => `הדיל "${title}" פג ב-${expiry}. מהרו לממש.`, cta: 'מימוש הדיל', siteLink: 'לכל הדילים שלי', unsub: 'הסרה מרשימת התפוצה', }, en: { preview: 'Your voucher expires in 3 days', heading: (name?: string) => (name ? `${name}, don't miss out!` : "Don't miss out!"), body: (title: string, expiry: string) => `Your deal "${title}" expires on ${expiry}. Redeem it now.`, cta: 'Redeem deal', siteLink: 'My deals', unsub: 'Unsubscribe', }, } as const; export function VoucherExpiry({ buyerName, dealTitle, expiryDateStr, redeemUrl, siteUrl, unsubscribeUrl, locale = 'he', }: VoucherExpiryProps) { const c = copy[locale] ?? copy.he; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; return ( {c.preview} {/* Warning header strip */}

{c.heading(buyerName)}

{/* Body */}

{c.body(dealTitle, expiryDateStr)}

{c.cta}

{/* Footer */}

{c.siteLink} {' · '} {c.unsub}

); } export default VoucherExpiry;