/** * ReEngagement.tsx — win-back email for inactive buyers. */ 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 type ReEngagementTone = '30d' | '60d' | '90d'; export interface ReEngagementDeal { title: string; slug: string; priceAgorot: number; originalPriceAgorot: number; } export interface ReEngagementProps { buyerName?: string; deals: ReEngagementDeal[]; tone: ReEngagementTone; siteUrl: string; unsubscribeUrl: string; locale?: Locale; } const tones = { he: { '30d': { preview: 'התגעגענו — יש דילים חדשים', heading: 'התגעגענו אליך', body: 'כמה זמן לא ראינו אותך. ראה מה חדש:', }, '60d': { preview: 'דילים בלעדיים רק בשבילך', heading: 'דילים שנבחרו בשבילך', body: 'שמנו עינינו על כמה דילים שיכולים לעניין אותך:', }, '90d': { preview: 'ההצעה האחרונה שלנו', heading: 'רגע לפני שנלך...', body: 'לפני שנסגור את הדיל — הנה 3 דילים שלא כדאי לפספס:', }, }, en: { '30d': { preview: 'We miss you — there are new deals', heading: 'We missed you', body: "It's been a while. See what's new:", }, '60d': { preview: 'Exclusive deals just for you', heading: 'Deals picked for you', body: "We've been keeping an eye on some deals you might like:", }, '90d': { preview: 'Our last offer to you', heading: 'Before we say goodbye...', body: "Before we close the deal — here are 3 deals you shouldn't miss:", }, }, } as const; const copy = { he: { dealLink: 'לצפייה', cta: 'לכל הדילים', unsub: 'הסרה מרשימת התפוצה', greeting: (name: string) => `היי ${name},`, }, en: { dealLink: 'View', cta: 'Browse all deals', unsub: 'Unsubscribe', greeting: (name: string) => `Hi ${name},`, }, } as const; export function ReEngagement({ buyerName, deals, tone, siteUrl, unsubscribeUrl, locale = 'he', }: ReEngagementProps) { const t = tones[locale]?.[tone] ?? tones.he[tone]; 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 ( {t.preview} {/* Header */}

{t.heading}

{/* Body */}

{buyerName && ( {c.greeting(buyerName)} )} {t.body} {topDeals.map((deal) => (

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

))}

{c.cta}

{/* Footer */}

{c.unsub}

); } export default ReEngagement;