/** * BuyerWelcomeDay3.tsx — sent 3 days after signup with curated deals. */ 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'; import { formatAgorotWhole } from '@/lib/money'; export interface BuyerWelcomeDay3Deal { title: string; slug: string; priceAgorot: number; originalPriceAgorot: number; } export interface BuyerWelcomeDay3Props { buyerName?: string; deals: BuyerWelcomeDay3Deal[]; siteUrl: string; unsubscribeUrl: string; locale?: Locale; } const copy = { he: { preview: 'יש דילים חדשים באזורך', heading: 'הדילים שחיכו לך', body: '3 דילים שבחרנו בשבילך:', dealLink: 'לצפייה', unsub: 'הסרה מרשימת התפוצה', greeting: (name?: string) => (name ? `היי ${name},` : 'היי,'), }, en: { preview: 'New deals near you', heading: 'Deals waiting for you', body: '3 deals we picked for you:', dealLink: 'View deal', unsub: 'Unsubscribe', greeting: (name?: string) => (name ? `Hi ${name},` : 'Hi,'), }, } as const; export function BuyerWelcomeDay3({ buyerName, deals, siteUrl, unsubscribeUrl, locale = 'he', }: BuyerWelcomeDay3Props) { const c = copy[locale] ?? copy.he; const dir = dirForLocale(locale); const fontFamily = locale === 'he' ? fonts.he : fonts.en; const topDeals = deals.slice(0, 3); return ( {c.preview}

{c.greeting(buyerName)} {c.body}

{topDeals.map((deal) => (

{deal.title} {formatAgorotWhole(deal.priceAgorot)}{' '} {formatAgorotWhole(deal.originalPriceAgorot)} {c.dealLink} ←

))}

{c.unsub} ); } export default BuyerWelcomeDay3;